- 博客(53)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 github最值得收藏的Bootstrap3后台管理框架
github上9款最值得收藏的bootstrap3后台管理平台html框架 AdminLTEGentelella Admin Vali AdminModularAdminMetisAceLight Bootstrap DashboardMaterial DashboardClearmin1. AdminLTEAdminLTE是一个完全响应的后台管...
2018-07-19 10:59:06
542
转载 js 判断各种数据类型
了解js的都知道， 有个typeof 用来判断各种数据类型,有两种写法：typeof xxx ,typeof(xxx)如下实例： typeof 2 //number typeof null //object typeof undefined //undefined ty
2017-09-11 09:17:58
401
转载 js监听事件
attachEvent与addEventListener区别适应的浏览器版本不同，同时在使用的过程中要注意 attachEvent方法 按钮onclick addEventListener方法 按钮click两者使用的原理：可对执行的优先级不一样的事件进行操作： attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列） addEventL
2017-09-07 16:05:04
779
转载 获取屏幕可视区域的宽度和高度
window.outerWidth与window.outerHeight：获得的是加上工具条与滚动条窗口的宽度与高度。 window.innerWidth与window.innerHeight：获得的是可视区域的宽高，但是宽度包含了纵向滚动条的宽度。 document.documentElement.clientWidth与document.documentElement.clientHeigh
2017-09-07 15:59:34
10749
原创 深拷贝与浅拷贝简单实现及原理
代码一：let obj1={ name:'li', skill:'web'}let o={};for(let i in obj1){ o[i]=obj1[i];}//console.log(o);o.age=20;console.log(o);console.log(obj1);输出结果： 修改o的对象，o对象改变，obj1对象没变化。由于对象obj1的值
2017-08-22 17:36:46
3830
1
转载 大公司里怎样开发和部署前端代码？
如何用工程手段解决前端开发和部署优化的综合问题？在我的印象中，facebook是这个领域的鼻祖，有兴趣、有梯子的同学可以去看看facebook的页面源代码，体会一下什么叫工程化。 接下来，我想从原理展开讲述，多图，较长，希望能有耐心看完。让我们返璞归真，从原始的前端开发讲起。上图是一个“可爱”的index.html页面和它的样式文件a.css，用文本编辑器写代码，无需编译，本地预览，确认OK，丢到
2017-08-21 11:18:25
515
转载 关于js中,原型对象，原型链，构造函数，实例之间关系的理解与区别
图中p指prototype属性 图中c指constructor属性(没画出来) 图中[p]，即proto，指对象的原型。 注意：图中[p]形成的链(虚线部分)，就是原型链。转载：https://segmentfault.com/q/1010000005182807
2017-08-20 08:37:55
441
转载 gulp 将 es6代码转换为es5
一、安装依赖npm install --save-dev gulp-babel babel-core babel-preset-es2015 二、gulpfile.js 添加var gulp = require("gulp");var babel = require("gulp-babel");gulp.task("default", function () { return gulp.src
2017-08-15 14:52:14
920
1
原创 Vue2.4.0+vue-source+express解决获取数据不成功问题
旧版本代码如下：var vm=new Vue({ el:'.book', data:{ books:[] }, ready() { this.resource=this.$resource("/books{/id}"); this.resource.get().th
2017-08-12 15:21:56
1098
原创 浅谈Vue.js中v-for，javascript中for in 输出键值对的区别
Vue.js中v-for的使用，先看代码：<div id="test"> <template v-for="i in info"> {{i}} <!--输出wang 10--> </template></div><script> new Vue({ el:"#test", data:{ info:{
2017-08-03 10:39:17
3658
原创 作用域链与原型链的区别与联系
作用域 先来看一段代码： [javascript] view plain copy name=”lwy”; function t(){ var name=”tlwy”; function s(){ var name=”slwy”; console.log(name); } fun
2017-08-01 12:52:25
2434
原创 GitHub上传文件注意事项
本地文件上传到GitHubGitHub有段时间没有上传文件，居然忘记当初是怎样上传了。后来发现有新手指南，这才成功上传。不管怎样这里把关键环节简单记录下，免得下次又忘记了。创建知识库注意：Initialize this repository with a README.最好勾选，方便后面在GitHub页面直接上传文件。上传文件注意：choose your files 只能上传当个文件。要想上传文件夹
2017-07-31 11:13:15
347
转载 数组排序
一，reverse()元素顺序翻转 二，sort如果元素是字符串类型，那么数组的可变方法sort()就非常好使：var names = ["David","Mike","Cynthia","Clayton","Bryan","Raymond"]; names.sort(); console.log(names); // Bryan,Clayton,Cynthia,Davi
2017-03-14 16:52:32
299
转载 JavaScript中数组slice和splice的对比小结
slice是指定在一个数组中的元素创建一个新的数组，即原数组不会变. 根据规范，slice 需要两个参数，起点和终点。它会返回一个包含了从起点开始，到终点之前之间所有元素的新数组。'abc'.slice(1,2) // "b"[14, 3, 77].slice(1, 2) // [3]需要特别注意的是它并不会修改原数组。下面的代码段描述了这个行为，x 的值没有变，y 则是被截取的部分。var
2017-03-13 17:42:20
473
原创 Math 对象的方法
方法 简单描述 abs(x) 绝对值acos(x)反余弦值。asin(x) 反正弦值。atan(x)静态函数以介于 -π/2 与 π/2 弧度之间的数值来返回 x 的反正切值。atan2(y,x)x 轴到点 (x,y) 的角度(介于 -π/2 与 π/2 弧度之间)。ceil(x) 向上舍入。cos(x) 余弦。exp(x) e 的指数。floor(x)向下舍入。log
2017-03-13 13:59:53
514
转载 JavaScript的隐式转换
JavaScript的数据类型分为六种，分别为null,undefined,boolean,string,number,object。object是引用类型，其它的五种是基本类型或者是原始类型。我们可以用typeof方法打印来某个是属于哪个类型的。不同类型的变量比较要先转类型，叫做类型转换，类型转换也叫隐式转换。隐式转换通常发生在运算符加减乘除，等于，还有小于，大于等。。typeof ‘11’ /
2017-03-07 14:56:18
217
转载 解析JavaScript事件冒泡机制
1. 事件 在浏览器客户端应用平台，基本生都是以事件驱动的，即某个事件发生，然后做出相应的动作。 浏览器的事件表示的是某些事情发生的信号。事件的阐述不是本文的重点，尚未了解的朋友，可以访问W3school教程 进行了解，这将有助于更好地理解以下的内容 。2.冒泡机制 什么是冒泡呢？ 下面这个图片大家应该心领神会吧，气泡从水底开始往
2017-03-07 14:21:49
244
转载 标准盒子模型和IE盒子模型
盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型：从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。 从上图可以看到 IE 盒子模型的范围也包括 margin
2017-03-07 10:19:26
269
原创 js易错整理
1. var k=0; for(var j=0,i=0;j<6,i<10;j++,i++) { k=i+j; } alert(k); 首先每次for循环的i和j值是相等的: 第一次：j=0,i=0, 符合条件，k=j+i=0; 第二次：j=1,i=1,符合条件，k=j+i=2; 第三次：j=2,
2017-03-01 16:11:00
804
原创 list-style-type:定义列表样式
扩展：list-style-type:定义列表样式 disc: 点 circle: 圆圈 square: 正方形 decimal: 数字，例如1，2，3，，….，11，12，13 decimal-leading-zero: 十进制数，不足两位的补齐前导0，例如: 01, 02, 03, …, 98, 99 lower-roman: 小写罗马文字，例如: i, ii, iii, iv, v
2017-01-13 15:07:44
4202
原创 MUI:最接近原生APP体验的高性能前端框架
1.初体验 accordion（折叠面板）：代码块激活码 maccordion 优点：代码生成块 缺点：因为展开时,需要收缩其他同类。不能满足同时展开多个。
2017-01-13 14:21:30
738
转载 jQuery技术解密七
2.4.5 Sizzle 构造器在 jQuery.fn.init() 构造器中，通过调用 jQuery(context).find(selector) 函数来解析并匹配 DOM 元素。jQuery.find() 函数实际上是引用 Sizzle() 函数，而 Sizzle() 函数仅是 Sizzle 引擎的构造器，它主要调用 Sizzle.find() 函数在 DOM 文档树中查找与 CSS 语法相
2017-01-09 17:36:02
257
转载 jQuery技术解密六
2.4 解析 jQuery 选择器引擎 SizzlejQuery 从 1.3 版本开始，使用了新的选择器引擎 Sizzle(官方网址 http://sizzlejs.com) 。Sizzle 是 jQuery 作者 John Resig 开发的 DOM 选择器引擎 (Dom Selector Engine)，速度号称业界第一。而且它有一个重要的特点就是 Sizzle 是完全独立于 jQuery 的，
2017-01-09 17:34:11
745
转载 jQuery技术解密五
jQuery() 函数能够直接接受 HTML 字符串，并把它们转换为 DOM 结构，这是上一节中所讲解的利用 jQuery() 函数生成 DOM 元素。当然，我们也可以看到 jQuery() 函数还可以接收 DOM 元素、DOM元素集合、HTML标签或者 ID 值。下面我们就来分析 jQuery.fn.init() 构造器是如何把这些类型的参数转换为 DOM 元素的。对于 HTML 标签来说，它使用
2017-01-09 17:32:00
283
转载 jQuery技术解密四
2.3.4 生成 DOM 元素jQuery.fn.init() 构造函数能够构建 jQuery 对象，并把匹配的 DOM 元素存储在 jQuery 对象内部集合中。jQuery.fn.init() 构造函数可以接收单个的 DOM 元素，也可以接收 DOM 集合。如果接收的是字符串型 ID 值，则直接在文档中查找对应的 DOM 元素，并把它传递给 jQuery 对象；如果接收的是字符串型 HTML 片
2017-01-09 17:27:52
298
转载 jQuery技术解密三
2.3 破解 jQuery 选择器接口jQuery 选择器功能强大，但是用法简单，它仅仅提供了一个接口：jQuery()，也可以简写为 $() 。用法如此简单，但又具有如此强大的处理能力，使 jQuery 必然成为众人追捧的对象。在上一节中，我们重点分析了 jQuery 框架的雏形，而对于选择器并没有深入分析，仅仅提供了一个简单的 DOM 元素选择作为演示，目的是方便读者理解该框架的架设思路和过程。
2017-01-09 17:24:30
300
转载 jQuery技术解密二
2.2.6 延续 – 迭代器在 jQuery 框架中，jQuery 对象是一个很奇怪的概念，具有多重身份，所以很多初学者一听说 jQuery 对象就感觉很是不解，误以为它是 John Resig 制造的新概念。我们可以对jQuery 对象进行如下分解。第一，jQuery 对象是一个数据集合，它不是一个个体对象。因此，你无法直接使用 JavaScript 的方法来操作它。第二，jQuery 对象实际上
2017-01-09 17:20:13
364
转载 jQuery 原型技术分解一
任何复杂的技术都是从最简单的问题开始的，如果你被 jQuery 几千行庞杂结构的源代码所困惑，那么建议你阅读本节内容，我们将探索 jQuery 是如何从最简单的问题开始，并逐步实现羽翼渐丰的演变过程，从 jQuery 核心技术的还原过程来理解 jQuery 框架的搭建原理。2.2.1 起源 – 原型继承用过 JavaScript 的读者都会明白，在 JavaScript 脚本中到处都是函数，函数可
2017-01-06 18:11:30
1526
1
转载 APP，原生和H5开发技术混合开发
评判一个APP用什么技术来开发呢？经过总结，可以有如下判断依据：1.如果APP中出现大段文字（如新闻、攻略等），且格式比较丰富（如加粗，字体多样），那么用H5会比较方便。原因是原生开发解析json对字符串格式处理不算很好。2.如果讲究APP反应速度（含页面切换流畅性），则选用原生开发，因为H5其本质是网页，换页时，基本要加载整个页面，就像是浏览器打开一个新页面一样，显得较慢，而原生系统则只加载变化部
2016-12-27 16:50:24
3369
转载 gulp 实例 demo
<blockquote>今天专门拿一个小页面来当 demo 来测试一下 gulp 的实际应用。过程中自然是各种小问题陆续呈现、各种自我需求不断促使去完善。目前折腾出一个为自己所需的、较为完整的 demo ，准备当作后续模板改编应用。走一次顺序：局部安装新建目录 gulp_test ，并在该目录下局部安装 gulp ： 1npm install gulp --save-dev局部安装完后，目录 g
2016-12-22 11:28:51
2268
转载 ES6运行环境
Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以现在就用ES6编写程序，而不用担心现有环境是否支持。
2016-12-20 15:21:25
2719
转载 babel.html
Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以现在就用ES6编写程序，而不用担心现有环境是否支持。
2016-12-20 15:19:41
283
转载 babel.html
Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以现在就用ES6编写程序，而不用担心现有环境是否支持。
2016-12-20 15:18:31
885
转载 浏览器的工作原理：新式网络浏览器幕后揭秘
这是一篇全面介绍 WebKit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据（请参见资源），并花了很多时间来研读网络浏览器的源代码。她写道： 在 IE 占据 90% 市场份额的年代，我们除了把浏览器当成一个“黑箱”，什么也做不了。但是现在，开放源代码的浏览器拥有了过半的市场份额，因此，是时候
2016-12-19 14:55:32
374
转载 浏览器的工作原理：新式网络浏览器幕后揭秘
地址：https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/#The_browsers_we_will_talk_about
2016-12-12 17:45:12
323
原创 初探微信小程序
小程序简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=20161122深入理解小程序：a.微信小程序，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。b.小程序更适合轻量级、低频、非刚需、功能单一的应用(例如，生活服务类：还款、缴费、打车、外卖、快递等。O2O类：e袋洗、瓜瓜洗车、花点时间。聊天
2016-12-08 11:07:29
328
转载 逗号运算符
逗号运算符多用于声明多个变量；但除此之外，逗号运算符还可以用于赋值。在用于赋值时，逗号运算符总会返回表达式中的最后一项如下面的例子所示：var num = (5, 1, 4, 8, 0); // num 的值为 0var a=1;var b=(a=(2,4,6))+a++console.log(b); // 12
2016-11-29 16:00:37
218
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人