Xzavier

行到水穷处,坐看云起时

温故js系列(8) 事件Event

JavaScript-事件event JavaScript中,事件一般是指浏览器和用户操作进行交互。我们可以通过侦听器(或者处理程序)来预定事件,以便事件发生的时候执行相应的代码。 事件模型 JavaScript的事件模型有DOM0,脚本模型,DOM2&DOM3三个模型。 DOM0模型 DOM0模型即内联模型,这种模型是最传统接单的一种处理事件的方法。在内联模型中,事件处理...

工具系列(3)-Fiddler http协议调试代理工具 - 手机代理调试基本配置和使用

Fiddler Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设置断点,查看所有的“进出”Fiddler的数据(指cookie,html,js,css等文件,这些都可以让你胡乱修改的意思)。 反正就是方便开发调试,mock接口数据。 安装 百度Google下载安装,不花钱。 配置 当你安装好了,看到界面,哇,其实fiddle...

前端资源汇总 教程/模块化/规范化/工程化/优化&工具/调试/值得关注的博客/Git/面试资源

简介 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正… 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更新…2018-09-13 内容精简 资源这么多,多看看多学习再总结肯定是好的。多读读就算看重了不算浪费时间,毕竟一千个读...

温故js系列(7) BOM - 浏览器对象模型

JavaScript-BOM BOM是browser object model的缩写,简称浏览器对象模型。它本身是没有标准的或者还没有哪个组织去标准它,所以,BOM缺乏标准。它提供了很多对象,并且每个对象都提供了很多方法与属性,用于访问浏览器的功能。 window对象 BOM的核心对象是window,它表示浏览器的一个实例,主要用于管理窗口与窗口之间的通讯。window 对象处于Jav...

温故js系列(6) DOM - 对象&节点&方法

JavaScript-DOM DOM简介 DOM(Document Object Model)即文档对象模型,针对HTML 和XML 文档的API(应用程序接口)。DOM 描绘了一个层次化的节点树,运行开发人员添加、移除和修改页面的某一部分。通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素。document对...

温故js系列(5) 正则表达式&常用正则代码

JavaScript-正则表达式 正则表达式简述 正则表达式(regular expression)描述了一种字符串匹配模式,可以用来检查一个字符串是否含有某类字符串、将匹配的字符串做替换或者从某个字符串中取出符合某个条件的字符串等。ECMAScript的RegExp对象表示正则表达式,而String 和RegExp 都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。 正...

工具系列(2)-SublimeText SublimeText快捷键大全 - 更轻量,更快捷,更高效

选择类 Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。(非常好用,当你要改多出同样的代码时) Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。(快速选中并更改所有相同的变量名、函数名等) Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样。(不想动鼠标) Ctrl+Shift+L 先选中多行,再按下快捷...

SocialShare-分享到 微博,QQ,空间,Twitter,Facebook - 简易版社会化分享代码

SocailShare 想要在web上做个分享?不想去引入别人的js?想自己设计样式?那就自己写吧,自己调用方法分享就OK! 这是一个简易版的web社会化分享小代码,无需链接,拷过去用就是啦~ 在你的代码里模块化,全局化,就随你了。 介绍 其实你都不需要去看这个js,你需要关心的就是怎样可以做到分享。 分享到别人的平台也就是调别人的链接,刚好这些分享平台也提供了这样的链接,那就没有其...

工具系列(1)- Git Git常用命令and设置快捷命令

常见命令 初始化新版本库:git init 全局设置:git config --global user.name "xzavier" git config --global user.email "xzavier.xxx.com" 克隆版本库:git clone "url" 查看分支:git branch 创建分支:git branch branch_name 切换分支:git chec...

温故js系列(4) 运算符详解

JavaScript-运算符 JavaScript 有一系列操作数据值的运算符,运算符按照特定运算规则对操作数进行运算,将简单的表达式组合成复杂的表达式。 一元运算符 一元运算符只能操作一个值。 累加累减运算符: var xzavier = 123; xzavier++; // 把变量累加1,相当于xavier = xavier + 1 ++xzavier; // 把变量累加1...