- 博客(26)
- 收藏
- 关注
原创 JS各种小知识点
关于浏览器内核参考内容浏览器分为两部分: Shell:指浏览器的外壳,例如菜单栏,工具栏,跟用户直接接触,用来调用内核内核:渲染引擎和js引擎 渲染引擎: 主要是获取网页和资源,构建dom和cssom,构建渲染树,呈现出页面js引擎:操作dom,执行各种效果 主流内核: Tirdent: ie,360,搜狗(老版本与w3c脱节);Gecko : Firebox,Mozilla,Netsca
2017-10-16 16:09:26
223
原创 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
212
原创 node服务包的相关知识点
1.package.json中的dependencies和devdependencies的区别:dependencies: 会发布到生产环境 npm install --savedevDependencies: 只用于开发环境,不会发布到生产环境(这个我还不是很懂,我发现很多dev里面其实都是生产环境必须的,待考察) npm install --save-dev
2017-07-18 11:51:26
226
原创 各种前端问题汇总,持续更新中.........
IE10,IE11环境下,input会出现X的图标,用来方便用户清空文本,input[type=password]会出现小眼睛的图标,用来让用户可以看到明文密码,清除这些的方法,加入如下样式:::-ms-clear{display: none;}::-ms-reveal{display: none;}
2017-05-14 18:39:20
403
原创 利用selection对象在textarea光标处插入指定文本
最近项目中需要做一个效果:在文本框中光标处输入指定的文本。这里就需要用到selection对象。网上查了资料,看了mdn,发现知识点有点乱,这边先写下我这次用到的几个兼容性 <= IE10: document.selection,返回的是当前文档选中的内容,目前这个api只有ie10以下支持,相关的属性和方法如下 > IE11 and Others: window.getSelect
2017-05-14 17:25:24
3115
原创 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
285
原创 Node中导入模块require和import
http://blog.csdn.net/baidu_31333625/article/details/53980302
2017-05-14 14:48:40
809
原创 关于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
159
原创 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
159
原创 关于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
298
原创 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
255
原创 跨域和跨窗口通信
同源政策:协议相同,端口号相同,域名相同不同源限制:1.cookie,localstroge,indexDB不能访问2.DOM(Iframe不同窗口不能访问到dom)3.Ajax不能请求规避方法:1.跨域窗口通信:片段识别符(通过改变子窗口的hash值,把信息放到hash值上,然后子窗口会监听到onhashchange事件可以通信,子窗口也可以通过parent.location.h
2017-05-14 14:48:23
429
原创 event对象的坐标属性
clientX,clientY 相对可视窗口的坐标pageX ,pageY相对可视窗口的坐标(两则的区别不是很懂)offsetX ,offsetY相对body或html元素的坐标(有考虑到滚动条)screenX,screenY相对电脑屏幕
2017-05-12 20:12:09
249
原创 position定位
absolute 绝对定位,参考不为第一个不为static的父元素的padding box区域relative 相对定位,相对正常位置,content区域,fixed(老ie不支持) 参考窗口static 没有定位,元素没有出现在正常流,top,left,bottom,right无效inherit继承
2017-05-12 19:56:49
117
原创 关于一些陌生的专业术语
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
348
原创 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
491
原创 关于浏览器内核
参照:http://www.cnblogs.com/fullhouse/archive/2011/12/19/2293455.html浏览器分为两部分: 1.shell:指浏览器的外壳,例如菜单栏,工具栏,跟用户直接接触,用来调用内核2.内核:渲染引擎和js引擎渲染引擎: 主要是获取网页和资源,构建dom和cssom,构建渲染树,呈现出页面
2017-05-12 19:43:17
156
原创 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
143
原创 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
196
原创 weex初始的坎坷之路
年前,老大就交代年后要把某个页面weex实现,当时不了解weex,连名字都叫不出来,问了度娘,才知道跟react native类似的三端开发,春节回来就开始学,入门很坎坷,因为他是以vue为模板引擎,我没学过vue,当时会react,之前也用过handlebars,两个差不多,大概花了一个上午看了下文档,开始开发。开发过程真的很想死啊,各种坑,因为weex毕竟还不不成熟,社区也不活跃,文档也不全,
2017-05-12 19:17:58
1263
原创 拜读阮一峰JavaScript教程笔记续
。。。中间写的全没了,后面再补 防止脚本阻塞:1.defer属性,遇到script脚本,继续解析html,同时下载,即使这是下载完,也要等html解析完在执行代码,下载的代码不能有document.write(),可以保证js的顺序,对于内嵌脚本和动态生成的script脚本无效2.async属性,遇到脚本,继续解析html,同时下载,这是脚本下载完,马上执行脚本,执行完脚本在继续解
2017-05-12 19:15:46
888
原创 拜读阮一峰JavaScript教程笔记
读了不知道几遍,每次都没总结合做笔记,所以很多内容都记不住,如果平时没应用到实际中,那知识跟像过眼云烟,于是还是谢谢博客记记笔记,好好学习天天向上。原教程链接:http://javascript.ruanyifeng.com/ let's go! 1. var a=1; 效果类似a=1,区别在于前者可用delete删除,后者不可2.变量只声明,但未定义,值就为undefin
2017-05-12 19:14:11
1515
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人