摘要: 面试题中的一道题目。 事件流:描述的是事件发生的顺序。 包含的三个阶段: 事件捕获阶段 处于目标阶段 事件冒泡阶段 事件捕获阶段 这是一个从上而下的过程,越高级的父级元素越早接到事件。 例: 1. 如点击li元素会先触发ul元素。 注意:如果在li上绑定click事件,那么新添加的li元素不会有这个 阅读全文
posted @ 2017-07-26 15:47 catherinehd 阅读(3548) 评论(1) 推荐(0) 编辑
摘要: 最近老被问到react的生命周期,但老讲不清楚也是很尴尬的。脑子里有个印象却不是很清晰,想想自己写写会记忆和理解更深刻吧。 react有三个阶段 实例化 首次实例化: constructor 在组件渲染前调用,在为组件创建constructor的时候需要先使用super(props)后再设置stat 阅读全文
posted @ 2017-07-13 16:05 catherinehd 阅读(452) 评论(0) 推荐(0) 编辑
摘要: 最近发现关注的公众号好多都有了自己的小程序,鉴于小程序刚起步,个人的账号也可以进行开发,个人微信公众号就开发的权限很小,所以就想试试看小程序的开发过程。 开发小程序的前期准备大致是先注册一个公众号,然后获取一个微信小程序的AppID,然后在设置的开发者设置里面查询要这个AppID。使用这个AppID 阅读全文
posted @ 2017-07-05 14:55 catherinehd 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 想给自己的网站的文章增加分享按钮,查询资料后发现,均使用了目标网站提供的分享接口,比如新浪微博更可以直接使用其提供的分享按钮,按其规则添加js和页面代码就能实现新浪风格的分享按钮。因为想同时添加各大主流平台的分享按钮,所以自己添加了js代码来完成。 首先在需要分享页面中添加按钮,比如我需要QQ,豆瓣 阅读全文
posted @ 2017-06-29 17:57 catherinehd 阅读(1824) 评论(0) 推荐(0) 编辑
摘要: Webpack的工作是:分析你的项目结构,找到javascript模块以及其他的一些浏览器不能直接运行的拓展语言,比如less,Typescript等,并将其打包为合适的格式供浏览器使用。 与Grunt和Gulp比较 Gulp和Grunt是一种能够优化前端的开发流程的工具,而Webpack是一种模块 阅读全文
posted @ 2017-05-23 19:43 catherinehd 阅读(317) 评论(0) 推荐(0) 编辑
摘要: String对象和Array对象均有slice()方法,为获取字符串或者数组中的部分内容。 string对象中: stringObject.slice(start,end),两个参数分别为需要获取的字符部分所在的开始和结束的索引值,包含了开始的值,不包含结束的值。可以为负数,即从后往前计数 。只有一 阅读全文
posted @ 2017-02-08 18:09 catherinehd 阅读(401) 评论(0) 推荐(0) 编辑
摘要: 实现的效果如下: 通过canvas来实现的,主要是想练习封装插件。只需要在html里面简单的添加代码,就可以实现饼状图的自动添加。对于饼状图的颜色,比例等都可以根据需要进行调节。 具体的代码查看github:饼状图封装 阅读全文
posted @ 2017-02-03 18:41 catherinehd 阅读(2307) 评论(0) 推荐(0) 编辑
摘要: js函数直接声明和函数表达式的区别: 直接声明函数: function test(){ } 把匿名函数复制给本地变量: var test = function(){ } 区别:第一种方式在声明时就是一个命名的函数,无论是声明在调用之前还是在调用之后,甚至是不会执行的位置,比如return语句之后,都 阅读全文
posted @ 2017-01-19 17:57 catherinehd 阅读(195) 评论(0) 推荐(0) 编辑
摘要: arguments:在函数调用中,会自动在该函数内部生成一个名为arguments的隐藏对象。该对象类似于数组,但又不是数组。可以使用[]操作符获取函数调用时传递的实参。 <script> function test(){ alert(arguments.length); for(var i=0;i 阅读全文
posted @ 2017-01-19 12:11 catherinehd 阅读(153) 评论(0) 推荐(0) 编辑
摘要: js中this出现的频率是很高的,有时候会弄不清楚this到底指的是谁,所以这里对this做一个更详细的了解。 一般情况下,this变量所引用的对象是判断所在函数是当做哪个对象的方法调用的,则该对象就是this所引用的对象,即谁调用则指谁。 var obj={}; obj.x=100; obj.y= 阅读全文
posted @ 2017-01-18 15:16 catherinehd 阅读(122) 评论(0) 推荐(0) 编辑