摘要: 一、rem 1、意义:当px固定宽度不能适应不同屏幕尺寸时,布局需要,从而产生rem 2、rem 和 em 区别 2.1 rem: root,以根节点(html)作为参照的尺寸 2.2 em: 根据父级font-size确定大小 1em = 1font-size(父级的 ) 3、随着屏幕宽度的变化, 阅读全文
posted @ 2017-08-23 10:52 HelenJ 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 一、chrome模拟器(只是模拟尺寸,最终还是需要真机测试) 1、F12手机模拟(emulation) 2、选择或者添加模拟设备 二、本地服务区xampp 1、安装本地服务器环境xampp并启动 2、电脑IP和手机IP需要一样(连在同一个网络下) 三、视口设置 默认不设置viewport一般可视区宽 阅读全文
posted @ 2017-08-22 15:07 HelenJ 阅读(372) 评论(0) 推荐(0) 编辑
摘要: Demos: https://github.com/jiangheyan/JavaScriptBase 一、json 1、格式与取值:{key: value} var json = {'name': 'jiang'} //最好用字符串的形式保存key,否则安全性不高 console.log(json 阅读全文
posted @ 2017-08-21 17:07 HelenJ 阅读(204) 评论(0) 推荐(0) 编辑
摘要: Demos: https://github.com/jiangheyan/JavaScriptBase 一、字符串 1、str.length; //获取字符串长度 2、str.chartAt(n); //获取字符串中指定下标(n)的字符,默认第0个,找不到返回空 3、str.charCodeAt(n 阅读全文
posted @ 2017-08-21 17:05 HelenJ 阅读(838) 评论(0) 推荐(0) 编辑
摘要: 一、零碎 1、first-child、last-child、nth-child(n)、nth-child(2n)、nth-child(2n-1)、nth-child(odd)、nth-child(even)、nth-last-child(3)(倒数第三个) 注意点: 选择器匹配属于其父元素的第 N 阅读全文
posted @ 2017-08-18 15:15 HelenJ 阅读(19376) 评论(0) 推荐(0) 编辑
摘要: 1、如果WINDOW对象是常规HTML页面,TOP就是SELF var top = document.getElementById('top'); top.innerHTML //undefined 2、ev.stopPropagation(); //阻止事件冒泡 li.onmouseout = f 阅读全文
posted @ 2017-08-18 15:13 HelenJ 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 一、使用原因 1、模板中表达式很便利,但实际上只适用于简单的运算,不适宜放入太多逻辑运算,例如: <div id="example"> {{ message.split('').reverse().join('') }} </div> 所以: 任何复杂逻辑,你都应当使用计算属性 二、使用方法 <di 阅读全文
posted @ 2017-08-14 18:03 HelenJ 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 一、插值 1、文本 <span>{{msg}}</span> //mustache语法 <span v-once>{{msg}}</span> //一次性插值,当数据改变时,不会响应式更新 2、纯HTML 你的站点上动态渲染的任意 HTML 可能会非常危险,因为它很容易导致 XSS 攻击。请只对可信 阅读全文
posted @ 2017-08-14 18:01 HelenJ 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 一、构造器 1、vm(view model 表示Vue实例),每个Vuejs都是通过构造函数Vue创建Vue的根实例启动 var vm = new Vue({ //传入一个选项对象{},可以包含数据data(object|function)、模板templete(会完全替代挂载元素,包含挂载元素本身 阅读全文
posted @ 2017-08-14 17:58 HelenJ 阅读(290) 评论(0) 推荐(0) 编辑
摘要: 一、是什么 1、是一套构建用户界面的渐进式框架,Vue采用自底向上增量开发的设计 1.1 解释:框架譬如angular,是强主张,如果用之 必须使用它的模块机制,必须使用它的依赖注入,必须使用它的特殊形式定义组件(此每个视图框架都一样,难以避免);框架比如react,侵入性看似没有angular强, 阅读全文
posted @ 2017-08-14 17:55 HelenJ 阅读(316) 评论(0) 推荐(0) 编辑