摘要：
input原来的样式就不在此赘述了： 下面看一下实际项目中用到的input输入框，同步绑定输入数据，实现输入框双向绑定（实际项目中使用的是vue框架）： html部分： 样式优化： 最后的效果： 另：补充linear-gradient()用法示例 css部分： html部分： 输出效果： 注：本文为 阅读全文
摘要：
Grid布局全新的css网站布局 CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。下面是一个 wrapper 元素，内部包含6个 items ： <div clas 阅读全文
摘要：
移动端布局与样式上的深坑--（持续更新） Flex兼容 Flex想要兼容众多花样式手机，要注意以下这么些 前缀要考虑2009~2012年的语法[webkit-box,flex,flex-box] 少用复合属性，比如flex:1，考虑兼容理应拆成[flex-grow,flex-shrink,flex- 阅读全文
摘要：
在下来刷新时，banner轮播图播放混乱： 添加判断 if(this.mySwiper.activeIndex){ this.mySwiper.destroy(true,false);//这句是关键，销毁有swiper上的事件，但是保存样式 } setTimeout(function(){ mySw 阅读全文
摘要：
小tip: 子元素scroll父元素容器不跟随滚动JS实现 本文地址（转载）：http://www.zhangxinxu.com/wordpress/?p=5092 一、开场暖身 网上常见蹲来蹲去的小段子，比方说：“李代沫蹲，李代沫蹲，李代沫蹲完黄海波蹲；黄海波蹲，黄海波蹲，黄海波蹲完宁财神蹲；宁财 阅读全文
摘要：
修改 Class 而不是 Style 我在不久前做过一个导航栏，要求其滚动到屏幕顶端后固定。很常见。开始的时候没问题，很快就可以搞定。 运行很流畅。 做好，我自然就忙着网页内容去了。没曾想，随着页面 JS 的不断增加，导航栏在固定时出现了可怕的闪动。 唔，就是 一下看得见 一下看不见 的东西！ 应该 阅读全文
摘要：
对比其他框架（转官方文档） 这个页面无疑是最难编写的，但我们认为它也是非常重要的。或许你曾遇到了一些问题并且已经用其他的框架解决了。你来这里的目的是看看 Vue 是否有更好的解决方案。这也是我们在此想要回答的。 客观来说，作为核心团队成员，显然我们会更偏爱 Vue，认为对于某些问题来讲用 Vue 解 阅读全文
摘要：
body很长，可以滑动，body头部有一个模拟下拉的选择框，下拉选择有滚动轴 我给body一个overflow：hidden和高度是没有用的。手机网站上背景还是可以滑动，然后我给body一个touchmove的preventdefault()阻止事件，body滑动阻止了，PC上面是可以了，但是手机上 阅读全文
摘要：
一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码 var n=999; function f1(){ alert(n); } f1(); 阅读全文
摘要：
1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480 阅读全文
摘要：
var utils = { /** * 日期格式化 * * @param {Date} date 指定日期 * @param {String} format * @returns {String} * @summary 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 阅读全文
摘要：
循环结构之for循环(一) 在很多编程语言中都有一种直接、简单的循环，它的一般形式为： 它的执行过程如下： 第一步：执行表达式1，对循环变量做初始化； 第二步：判断表达式2，若其值为真（非0），则执行for循环体中执行代码块，然后向下执行；若其值为假（0），则结束循环； 第三步：执行表达式3； 第四 阅读全文
摘要：
XMind中文版快捷键指南 XMind是一款非常实用的思维导图软件，能够帮助人们快速理清思路，打开新的局面。熟练地掌握快捷键的操作不光能够提供便捷，更能很大程度上的缩短制作时间，提高工作效率。本文总结了XMind Windows以及Mac版本的XMind快捷键指南。 快捷鍵（Windows） 快捷鍵 阅读全文
摘要：
一、工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取) 矩形、椭圆选框工具 【M】 移动工具 【V】 套索、多边形套索、磁性套索 【L】 魔棒工具 【W】 裁剪工具 【C】 切片工具、切片选择工具 【K】 喷枪工具 【J】 画笔工具、铅笔工具 【B】 像皮图章、图案图章 【S】 阅读全文
摘要：
WebSocket 教程 作者： 阮一峰 日期： 2017年5月15日 作者： 阮一峰 日期： 2017年5月15日 WebSocket 是一种网络通信协议，很多高级功能都需要它。 本文介绍 WebSocket 协议的使用方法。 一、为什么需要 WebSocket？ 初次接触 WebSocket 的 阅读全文
摘要：
常用 Git 命令清单 作者： 阮一峰 日期： 2015年12月 9日 作者： 阮一峰 日期： 2015年12月 9日 我每天使用 Git ，但是很多命令记不住。 一般来说，日常使用只要记住下图6个命令，就可以了。但是熟练使用，恐怕要记住60～100个命令。 下面是我整理的常用 Git 命令清单。几 阅读全文
摘要：
//处理事件冒泡，阻止默认事件工具类，兼容IEvar eventUtil={ // 添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListe... 阅读全文
摘要：
定义： 0级DOM 分为2个：一是在标签内写onclick事件 二是在JS写onlicke=function（）{}函数 1） 2） 2级DOM 只有一个：监听方法，原生有两个方法用来添加和移除事件处理程序：addEventListener()和removeEventListener()。 它们都有 阅读全文
摘要：
在某网站看到一道js题，觉得有点意思 Some numbers have funny properties. For example: 89 --> 8¹ + 9² = 89 * 1 695 --> 6² + 9³ + 5⁴= 1390 = 695 * 2 46288 --> 4³ + 6⁴+ 2⁵ 阅读全文
摘要：
.html(),.text()和.val()的差异总结： 阅读全文