08 2017 档案
摘要：一、移动端三大事件 1、手指按下 ontouchstart 2、手指触摸 ontouchmove 3、手指抬起 ontouchend //注意：在移动开发时，浏览器模拟器时好时坏，一般不用onX的方式绑定事件函数，要用事件绑定的方式（即第二种） div.ontouchstart = function
阅读全文
摘要：一、是什么 不同的浏览器尺寸，不同的排版（舒服美观为主） 二、媒体查询 1、媒体类型 all 所有 screen 电脑或手机 print 打印设备 speech 听觉类似的媒体类型 @media screen{ .box{ ...... } } @media only screen{} only 表
阅读全文
摘要：一、Flex布局（新版弹性盒模型） 1、是什么 flexible box 弹性盒模型 注意：设成flex布局之后，子元素的float clear vertical-align 都失效。该元素称为“容器”，子元素成为容器成员，称flex项目（简称“项目”） 默认类似line-block样式，row n
阅读全文
摘要：一、rem 1、意义：当px固定宽度不能适应不同屏幕尺寸时，布局需要，从而产生rem 2、rem 和 em 区别 2.1 rem: root，以根节点（html）作为参照的尺寸 2.2 em: 根据父级font-size确定大小 1em = 1font-size（父级的 ） 3、随着屏幕宽度的变化，
阅读全文
摘要：一、chrome模拟器（只是模拟尺寸，最终还是需要真机测试） 1、F12手机模拟（emulation） 2、选择或者添加模拟设备 二、本地服务区xampp 1、安装本地服务器环境xampp并启动 2、电脑IP和手机IP需要一样（连在同一个网络下） 三、视口设置 默认不设置viewport一般可视区宽
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 一、json 1、格式与取值：{key: value} var json = {'name': 'jiang'} //最好用字符串的形式保存key，否则安全性不高 console.log(json
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 一、字符串 1、str.length; //获取字符串长度 2、str.chartAt(n); //获取字符串中指定下标（n）的字符，默认第0个，找不到返回空 3、str.charCodeAt(n
阅读全文
摘要：一、零碎 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
阅读全文
摘要：1、如果WINDOW对象是常规HTML页面，TOP就是SELF var top = document.getElementById('top'); top.innerHTML //undefined 2、ev.stopPropagation(); //阻止事件冒泡 li.onmouseout = f
阅读全文
摘要：一、使用原因 1、模板中表达式很便利，但实际上只适用于简单的运算，不适宜放入太多逻辑运算，例如： <div id="example"> {{ message.split('').reverse().join('') }} </div> 所以： 任何复杂逻辑，你都应当使用计算属性 二、使用方法 <di
阅读全文
摘要：一、插值 1、文本 <span>{{msg}}</span> //mustache语法 <span v-once>{{msg}}</span> //一次性插值，当数据改变时，不会响应式更新 2、纯HTML 你的站点上动态渲染的任意 HTML 可能会非常危险，因为它很容易导致 XSS 攻击。请只对可信
阅读全文
摘要：一、构造器 1、vm（view model 表示Vue实例），每个Vuejs都是通过构造函数Vue创建Vue的根实例启动 var vm = new Vue({ //传入一个选项对象{}，可以包含数据data（object|function）、模板templete（会完全替代挂载元素，包含挂载元素本身
阅读全文
摘要：一、是什么 1、是一套构建用户界面的渐进式框架，Vue采用自底向上增量开发的设计 1.1 解释：框架譬如angular，是强主张，如果用之 必须使用它的模块机制，必须使用它的依赖注入，必须使用它的特殊形式定义组件（此每个视图框架都一样，难以避免）；框架比如react，侵入性看似没有angular强，
阅读全文
摘要：1、H5页面（APP端） 1.1 APP端页面用HTML5制作，头部需要加适配信息： <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta name="viewport" content="initial
阅读全文
摘要：一、select遇到的坑 1、select赋默认值--多选和单选 1.1 单选：$('#id').val( value ); //这里是字符串 1.2 多选：$('#id').val( array ); //这里必须将多个值组成的字符串（或者其他非数组）转化成数组 1.2.1 字符串转数组：str.
阅读全文
摘要：第一章 一、内联块 display: inline-block; 1、特征： 1.1 块级元素在一行显示 （得到内联元素的属性） 1.2 内联元素支持宽高 （得到块的属性） 1.3 没有宽度的时候，内容撑开宽度 （得到内联元素的属性） 1.4 标签之间的换行间隙被解析（问题） （得到内联元素的属性）
阅读全文
摘要：第一章 一、样式 1、行间样式，代码不可维护，不推荐 2、内联样式，不可重用，不推荐 3、外联样式，可重用，可维护，推荐 <link rel="stylesheet" href="...css" /> 二、边框 1、组成：border: 1px [ solid | dashed |double ]
阅读全文
摘要：一、JavaScript原生事件代理 var item = document.getElementById('item'); item.onclick(function(ev) { var ev = ev || window.event; var target = ev.target || ev.s
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 一、时间 var date = new Date(); Demos： https://github.com/jiangheyan/JavaScriptBase 1、getFullYear(); 2
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 一、定时器管理 Demos： https://github.com/jiangheyan/JavaScriptBase 1、var timer = null; 改为 oDiv.timer = nu
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 一、return Demos： https://github.com/jiangheyan/JavaScriptBase 1、返回值：数字、字符串、布尔、函数、对象（{}、[]、元素、null）、
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 运算符 Demos： https://github.com/jiangheyan/JavaScriptBase 一、模% i % num > 0、1、2……num-1（i比num小取i值，i比nu
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 一、函数传参 Demos： https://github.com/jiangheyan/JavaScriptBase 1、参数=js数据类型 数字、字符串、对象、函数、布尔、未定义 二、代码重用
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 一、浏览器 Demos： https://github.com/jiangheyan/JavaScriptBase 1、“JS解析器”（至少分为两步骤） 1.1 JS预解析（代码正式运行之前的准备
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 一、ECMAScript：标准、核心，规定js中的语法、数据类型 （eg. HTML标签类型：block、inline、inline-block、table……） Demos： https://g
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 一、自定义属性 Demos： https://github.com/jiangheyan/JavaScriptBase 1、读写操作 <input abc="123" type="button"
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 一、自动生成100个Li思路： Demos： https://github.com/jiangheyan/JavaScriptBase 1、html布局，在button中做点击事件 2、获取将要放
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 一、利用纯js编写，兼容IE9以及IE9以上 Demos： https://github.com/jiangheyan/JavaScriptBase 1、两张图片重合排放，并且背面的图片displ
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 一、思路 Demos： https://github.com/jiangheyan/JavaScriptBase 1、模拟手机聊天思路： a.静态页面html+css，包括双发短信发送成功后的基本
阅读全文
摘要：Demos： https://github.com/jiangheyan/JavaScriptBase 一、js大致思路： 1、完成静态HTML+CSS 2、过一遍整体的大致js思路 3、按照从上到下的，从有至无的顺序完成js编写（包括先写大致轮廓，再细化细节部分） 4、调试代码 二、要点： 1、h
阅读全文
浙公网安备 33010602011771号