码农瓶-优快云博客

原创 JS各种小知识点

关于浏览器内核参考内容浏览器分为两部分： Shell：指浏览器的外壳，例如菜单栏，工具栏，跟用户直接接触，用来调用内核内核：渲染引擎和js引擎渲染引擎：主要是获取网页和资源，构建dom和cssom，构建渲染树，呈现出页面js引擎：操作dom，执行各种效果主流内核： Tirdent： ie，360，搜狗（老版本与w3c脱节）;Gecko ： Firebox，Mozilla，Netsca

2017-10-16 16:09:26 250

原创 linux系统使用笔记

1.根据端口号杀死进程,lsof -i:8880结果:COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAMEnode 17984 yaling 12u IPv6 444874 0t0 TCP *:8880 (LISTEN)kill 17984即可

2017-07-21 14:17:41 234

原创 node服务包的相关知识点

1.package.json中的dependencies和devdependencies的区别:dependencies: 会发布到生产环境 npm install --savedevDependencies: 只用于开发环境,不会发布到生产环境(这个我还不是很懂,我发现很多dev里面其实都是生产环境必须的,待考察) npm install --save-dev

2017-07-18 11:51:26 246

原创各种前端问题汇总，持续更新中.........

IE10，IE11环境下，input会出现X的图标，用来方便用户清空文本，input[type=password]会出现小眼睛的图标，用来让用户可以看到明文密码，清除这些的方法，加入如下样式：::-ms-clear{display: none;}::-ms-reveal{display: none;}

2017-05-14 18:39:20 418

原创利用selection对象在textarea光标处插入指定文本

最近项目中需要做一个效果：在文本框中光标处输入指定的文本。这里就需要用到selection对象。网上查了资料，看了mdn，发现知识点有点乱，这边先写下我这次用到的几个兼容性 <= IE10: document.selection,返回的是当前文档选中的内容，目前这个api只有ie10以下支持，相关的属性和方法如下 > IE11 and Others: window.getSelect

2017-05-14 17:25:24 3178

原创 css命名规范和样式规范

觉得非常有必要自己有一套命名规范，很早之前就想总结的，一直没去写，now 写。

2017-05-14 14:48:48 196

原创 sublime text 如何加入eslint

第一步：安装nodejs插件npm install eslint -gnpm install babel-eslint -g第二步：sublime安装eslint插件1.安装SublimeLinter2.安装SublimeLinter-contrib-eslint第三步：配置项目根目录的配置文件: .eslintrc格式自行脑补....

2017-05-14 14:48:45 304

原创 Node和es6的兼容性

http://www.tuicool.com/articles/viymUz

2017-05-14 14:48:43 421

原创 Node中导入模块require和import

http://blog.youkuaiyun.com/baidu_31333625/article/details/53980302

2017-05-14 14:48:40 849

原创关于jquery的on,bind,delegate

事件绑定和委托在js里是相当重要的，jquery主要提供了这几种方法：$('div p').bind('click',function(){});如果p有多个，会逐一绑定；性能很低$('div').delegate('p','click',function){});利用事件冒泡，将事件绑定在父元素上，但是如果dom很深，冒泡到底部就会很慢$('div').on('click','p',f

2017-05-14 14:48:37 177

原创 js排序算法

冒泡排序稳定，O(n2)， O(1)var bubbleSort = function(arr){ for(var i=0;i < arr.length -1;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i]>arr[j]){//如果前面的数据比后面的大就交换 var temp=arr[i];

2017-05-14 14:48:34 174

原创 http协议全解

参考 http://www.cnblogs.com/EricaMIN1987_IT/p/3837436.html写的相当之好

2017-05-14 14:48:31 203

原创关于js内存回收机制

参考： http://blog.chinaunix.net/uid-26672038-id-3522560.htmljs的内存回收是有回收器自动回收的，不想c++那样，由开发者自己处理function test1() { var i = {name: 'sss'}}function test2() { var i = {name: 'ss'}; return i;}var

2017-05-14 14:48:29 328

原创 css3的Flex布局

弹性布局，为盒模式提供最大的灵活性块状元素.box { display: flex; display: -webkit-flex;}//容器行内元素.box { display: inline-flex;}.item {}//项目容器属性：flex-direction 主轴方向，row，row-rerverse，column，column-reverseflex-

2017-05-14 14:48:26 274

原创跨域和跨窗口通信

同源政策：协议相同，端口号相同，域名相同不同源限制：1.cookie，localstroge，indexDB不能访问2.DOM（Iframe不同窗口不能访问到dom）3.Ajax不能请求规避方法：1.跨域窗口通信：片段识别符(通过改变子窗口的hash值，把信息放到hash值上，然后子窗口会监听到onhashchange事件可以通信，子窗口也可以通过parent.location.h

2017-05-14 14:48:23 461

原创 event对象的坐标属性

clientX，clientY 相对可视窗口的坐标pageX ，pageY相对可视窗口的坐标（两则的区别不是很懂）offsetX ，offsetY相对body或html元素的坐标（有考虑到滚动条）screenX，screenY相对电脑屏幕

2017-05-12 20:12:09 263

原创 position定位

absolute 绝对定位，参考不为第一个不为static的父元素的padding box区域relative 相对定位，相对正常位置,content区域，fixed（老ie不支持）参考窗口static 没有定位，元素没有出现在正常流,top,left,bottom,right无效inherit继承

2017-05-12 19:56:49 140

原创关于一些陌生的专业术语

MIME: 多用途互联网邮件扩展，表明媒体类型，用于http协议中时告诉浏览器以对应的应用程序打开文档，比如http header请求中的Accept，response响应的Content-Type常用的MIME类型：1.text/plain 普通文本2.image/gif gif图形3.image/jpeg jpeg图形4.application/x

2017-05-12 19:49:04 384

原创 css实现水平居中和垂直居中

css实现居中1.水平居中div { width：100px//设置宽度固定 margin: auto //居中}2.利用绝对定位实现水平垂直居中：position: absolute；left: 0；right: 0；bottom: 0；top: 0;margin: auto

2017-05-12 19:46:12 509

原创关于浏览器内核

参照：http://www.cnblogs.com/fullhouse/archive/2011/12/19/2293455.html浏览器分为两部分： 1.shell：指浏览器的外壳，例如菜单栏，工具栏，跟用户直接接触，用来调用内核2.内核：渲染引擎和js引擎渲染引擎：主要是获取网页和资源，构建dom和cssom，构建渲染树，呈现出页面

2017-05-12 19:43:17 167

原创 git使用方法

1.创建分支：git clone git@地址 git.com(存放文件夹)创建完文件夹，cd git.com，进入文件夹git checkout -b mybranch origin/master创建分支，拉取代码可以开发了2. 提交分支修改：git status 查看修改文件git diff 查看修改细节git ad

2017-05-12 19:32:02 153

原创 js自定义事件

1.on-*方式：el.onclick = fun1；el.onclick = fun2;el.onclick = fun3;该方法兼容主流浏览器，但是如果添加多个回调函数，只会执行最后一个，比如上面只会执行fun3；2.w3c标准：el.addEventListener(type, fun, boolean)type：

2017-05-12 19:18:34 210

年前，老大就交代年后要把某个页面weex实现，当时不了解weex，连名字都叫不出来，问了度娘，才知道跟react native类似的三端开发，春节回来就开始学，入门很坎坷，因为他是以vue为模板引擎，我没学过vue，当时会react，之前也用过handlebars，两个差不多，大概花了一个上午看了下文档，开始开发。开发过程真的很想死啊，各种坑，因为weex毕竟还不不成熟，社区也不活跃，文档也不全，

2017-05-12 19:17:58 1287

原创拜读阮一峰JavaScript教程笔记续

。。。中间写的全没了，后面再补防止脚本阻塞：1.defer属性，遇到script脚本，继续解析html，同时下载，即使这是下载完，也要等html解析完在执行代码，下载的代码不能有document.write()，可以保证js的顺序，对于内嵌脚本和动态生成的script脚本无效2.async属性，遇到脚本，继续解析html，同时下载，这是脚本下载完，马上执行脚本，执行完脚本在继续解

2017-05-12 19:15:46 951

原创拜读阮一峰JavaScript教程笔记

读了不知道几遍，每次都没总结合做笔记，所以很多内容都记不住，如果平时没应用到实际中，那知识跟像过眼云烟，于是还是谢谢博客记记笔记，好好学习天天向上。原教程链接：http://javascript.ruanyifeng.com/ let's go！ 1. var a=1; 效果类似a=1，区别在于前者可用delete删除，后者不可2.变量只声明，但未定义，值就为undefin

2017-05-12 19:14:11 1594

weiyangxiaoping的博客

原创 Node 项目一些有用的包