github最值得收藏的Bootstrap3后台管理框架 github上9款最值得收藏的bootstrap3后台管理平台html框架 AdminLTEGentelella Admin Vali AdminModularAdminMetisAceLight Bootstrap DashboardMaterial DashboardClearmin1. AdminLTEAdminLTE是一个完全响应的后台管...
js 判断各种数据类型 了解js的都知道, 有个typeof 用来判断各种数据类型,有两种写法:typeof xxx ,typeof(xxx)如下实例: typeof 2 //number typeof null //object typeof undefined //undefined ty
js监听事件 attachEvent与addEventListener区别适应的浏览器版本不同,同时在使用的过程中要注意 attachEvent方法 按钮onclick addEventListener方法 按钮click两者使用的原理:可对执行的优先级不一样的事件进行操作: attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列) addEventL
获取屏幕可视区域的宽度和高度 window.outerWidth与window.outerHeight:获得的是加上工具条与滚动条窗口的宽度与高度。 window.innerWidth与window.innerHeight:获得的是可视区域的宽高,但是宽度包含了纵向滚动条的宽度。 document.documentElement.clientWidth与document.documentElement.clientHeigh
深拷贝与浅拷贝简单实现及原理 代码一: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的值
大公司里怎样开发和部署前端代码? 如何用工程手段解决前端开发和部署优化的综合问题?在我的印象中,facebook是这个领域的鼻祖,有兴趣、有梯子的同学可以去看看facebook的页面源代码,体会一下什么叫工程化。 接下来,我想从原理展开讲述,多图,较长,希望能有耐心看完。让我们返璞归真,从原始的前端开发讲起。上图是一个“可爱”的index.html页面和它的样式文件a.css,用文本编辑器写代码,无需编译,本地预览,确认OK,丢到
关于js中,原型对象,原型链,构造函数,实例之间关系的理解与区别 图中p指prototype属性 图中c指constructor属性(没画出来) 图中[p],即proto,指对象的原型。 注意:图中[p]形成的链(虚线部分),就是原型链。转载:https://segmentfault.com/q/1010000005182807
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
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
浅谈Vue.js中v-for,javascript中for in 输出键值对的区别 Vue.js中v-for的使用,先看代码: <template v-for="i in info"> {{i}} </template><script> new Vue({ el:"#test", data:{ info:{
作用域链与原型链的区别与联系 作用域 先来看一段代码: [javascript] view plain copy name=”lwy”; function t(){ var name=”tlwy”; function s(){ var name=”slwy”; console.log(name); } fun
GitHub上传文件注意事项 本地文件上传到GitHubGitHub有段时间没有上传文件,居然忘记当初是怎样上传了。后来发现有新手指南,这才成功上传。不管怎样这里把关键环节简单记录下,免得下次又忘记了。创建知识库注意:Initialize this repository with a README.最好勾选,方便后面在GitHub页面直接上传文件。上传文件注意:choose your files 只能上传当个文件。要想上传文件夹
数组排序 一,reverse()元素顺序翻转 二,sort如果元素是字符串类型,那么数组的可变方法sort()就非常好使:var names = ["David","Mike","Cynthia","Clayton","Bryan","Raymond"]; names.sort(); console.log(names); // Bryan,Clayton,Cynthia,Davi
JavaScript中数组slice和splice的对比小结 slice是指定在一个数组中的元素创建一个新的数组,即原数组不会变. 根据规范,slice 需要两个参数,起点和终点。它会返回一个包含了从起点开始,到终点之前之间所有元素的新数组。'abc'.slice(1,2) // "b"[14, 3, 77].slice(1, 2) // [3]需要特别注意的是它并不会修改原数组。下面的代码段描述了这个行为,x 的值没有变,y 则是被截取的部分。var
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
JavaScript的隐式转换 JavaScript的数据类型分为六种,分别为null,undefined,boolean,string,number,object。object是引用类型,其它的五种是基本类型或者是原始类型。我们可以用typeof方法打印来某个是属于哪个类型的。不同类型的变量比较要先转类型,叫做类型转换,类型转换也叫隐式转换。隐式转换通常发生在运算符加减乘除,等于,还有小于,大于等。。typeof ‘11’ /
解析JavaScript事件冒泡机制 1. 事件 在浏览器客户端应用平台,基本生都是以事件驱动的,即某个事件发生,然后做出相应的动作。 浏览器的事件表示的是某些事情发生的信号。事件的阐述不是本文的重点,尚未了解的朋友,可以访问W3school教程 进行了解,这将有助于更好地理解以下的内容 。2.冒泡机制 什么是冒泡呢? 下面这个图片大家应该心领神会吧,气泡从水底开始往
标准盒子模型和IE盒子模型 盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型:从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。 从上图可以看到 IE 盒子模型的范围也包括 margin
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,
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