- 博客(16)
- 收藏
- 关注
RSS订阅原创 基于vue.js官方文档及查阅多方资料整理vue学习笔记
vue学习笔记引入vue< script >标签：需要下载官方vue.js版本，然后通过< script >标签在**.html**文件里引入NPM：CDN：直接复制< script src=“https://cdn.jsdelivr.net/npm/vue/dist/vue.js”>< /script >CLI命令行工具：...
2019-10-23 17:07:07
314
原创 Sass基础总结
变量命名要加$&符号表示调用父选择器缩写嵌套属性：body{ font:{ family:Helvetica,Ariall; size:15px weight:normal }}.nav{ border:1px soild #000{ left:0; right:0; }}...
2019-10-15 19:15:29
174
原创 一文读懂Web Component
Web Component组件前言：Web Component不是新东西，是几年前的技术，vue等前端框架就是借鉴的Web Component，但是受限于浏览器兼容性，一直没有大规模应用在项目里，直到现在（2018年年末），除IE仍不支持之外，其它主流浏览器都支持Web Component。一、什么是组件一个组件就是对局部视图（html、css、js）的一个封装Web Compon...
2019-10-10 10:31:58
920
原创 cookie
cookie一、描述cookie: 会话跟踪技术 客户端cookie作用: 将网页中的数据保存到浏览器中session: 会话跟踪技术 服务端cookie是一个很小的文本文件，是浏览器储存在用户的机器上的。Cookie是纯文本，没有可执行代码。储存一些服务器需要的信息，每次请求站点，会发送相应的cookie，这些cookie可以用来辨别用户身份信息等作用。cookie可以包含...
2019-09-27 12:26:23
265
原创 Ajax与PHP（wampum）
Ajax与PHP（wampum）可以通过form标签的method属性指定发送请求的类型：<form action="02-get-post.php" method="post"> <input type="text" name="userName"><br> <input type="password" name="userPwd...
2019-09-27 11:22:43
156
原创 PHP后端语言与前端JS语法比较
PHP后端语言与前端JS语法比较注释都是通用的//单行注释/*多行注释 */定义变量JS: var num = 10;PHP: $num = 10打印内容JS： console.log(num);PHP: echo $num；注意点: 后端编写的代码不能直接运行, 只能放到服务器对应的文件夹下, 通过服务器运行如何通过服务器运行: 通过ip地址...
2019-09-27 10:54:10
458
原创 六、jQuery效果
jQuery效果所有动画要想显示变化效果，都要先在css样式里写display：none一、显示隐藏动画show( [ speed, [easing], [fn] ] ) : 显示隐藏的匹配元素。类似于显示display：nonespeed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)easing:(O...
2019-09-23 16:49:13
94
原创 五、 jQuery事件
jQuery事件1、绑定事件两种方式：都可以添加多个事件不会被覆盖eventName( fn );事件名称 编码效率高，但是部分jQuery事件没有实现，不能添加；<script> $(function(){ $("button").click(function(){ alert("hello") }); });&...
2019-09-20 16:18:15
124
原创 四、jQuery操作css样式
四、jQuery操作css样式1、操作样式方法逐个设置样式 <script> $("div").css("width","100px"); $("div").css("height","100px"); $("div").css("background","red");</script> ...
2019-09-20 10:31:46
125
原创 三、jQuery属性
jQuery属性和方法一、属性两种操作属性的方式：a、对象.属性名称 = 值； 对象.属性名称；b、对象.[“属性名称”] = 值； 对象.[“属性名称”]；属性节点在HTML标签中添加的属性就是属性节点。在浏览器中找到DOM元素，展开，在attributes属性中都是属性节点attr（name|pro|key,val|fn）操作属性节点方法作用：...
2019-09-20 09:32:06
69
原创 二、 jQuery的方法和内容选择器
jQuery的方法和内容选择器静态方法和实例方法：<script> //1.通过构造函数模拟一个类 function AClass（）{ } //2.给这个类添加一个静态方法 AClass.staticMethod = function(){ alert("staticMethod"); } ...
2019-09-19 14:19:28
81
原创 一、初识jQuery
初识jQueryjQuery是一款优秀的JavaScript库，从命名可以看出jQuery主要用途是做查询 （jQuery = js query）。使用jQuery能让我们对HTML文档遍历和操作、事件处理、动画以及Ajax变得更加简单（即简化原生js操作）jQuery 1.x版本：兼容ie6 7 8，相对于2.x和3.x版本文件较大，但是2.x和3.x不兼容ie6 7 8 ，所以一般...
2019-09-19 11:03:58
111
原创 Chrome Devtools使用总结
Chrome Devtools使用总结一、九大面板a、 Elements面板：检查调整页面，检查和调整页面，调试DOM，调试CSS。b、 Network网络面板：调试请求，查看网页资源请求概览、页面静态资源分布，网页性能检测（针对单一请求查看Request/Response或消耗时间等，分析网页性能优化，使用代理页面请求数据等）。c、 Console控制台面板：调试JavaScri...
2019-09-18 16:59:04
418
原创 在Vue中使用Echarts地图的方法
在Vue中使用Echarts地图的方法第一步：下载echartscnpm install echarts --save-devcnpm i --save vue-baidu-map//安装百度地图插件，echarts中使用的map，都必须要使用百度地图的api，否则数据无法显示第二步：在main.js中全局引入第一种引入方式：import Echarts from 'echarts'...
2019-09-18 13:40:53
2005
原创 响应式布局
响应式布局文章目录响应式布局概念步骤1、viewport视口设置2、媒体查询3、设置多种视图宽度4、注意点盒模型响应式之Flex（弹性）布局flex（弹性）容器flex属性属性的值1、flex-direction：row | row-reverse | column | column-reverse2、flex-wrap：nowrapper| wrapper | wrapper-reverse ...
2019-09-05 13:56:22
202
原创 Vue的过渡&动画
Vue的过渡&动画文章目录Vue的过渡&动画过渡transition过渡的HTML和CSS代码自定义过渡类名（写在html里）显性的过渡持续时间JavaScript钩子初始渲染的过渡多个元素的过渡动画animation过渡transition过渡的HTML和CSS代码<transition name = "fade"> <div></d...
2019-09-02 16:10:17
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人