摘要: 使用 create-react-app 配置 react 开发环境,像下面这样,就可以构建一个新的 react 单页面应用,非常方便。 但是, 去掉了默认支持Sass等预处理器,和默认的JQ库。 添加JQ库 1.安装jq库 npm install --save-dev jquery 2.在入口js 阅读全文
posted @ 2018-02-26 17:47 蓝眼睛~~ 阅读(1882) 评论(0) 推荐(0) 编辑
摘要: React定义了组件的生命周期会经历如下三个过程: 装载过程(Mount),组件第一次在DOM树渲染的过程。 更新过程(Update),当组件被重新渲染的过程。 卸载过程(Unmount),组件重DOM树中删除的过程。 执行这3个过程的调用函数就是声明周期函数。 装载过程(MOUNT) 该过程会依次 阅读全文
posted @ 2018-02-24 14:37 蓝眼睛~~ 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 1.create-react-app 来自Facebook官方的零配置命令行工具。create-react-app是来自于Facebook出品的零配置命令行工具,能够帮你自动创建基于Webpack+ES6的最简易的React项目模板,有助于初学者快速上手实践。安装create-react-app的方 阅读全文
posted @ 2018-02-23 15:14 蓝眼睛~~ 阅读(15283) 评论(0) 推荐(0) 编辑
摘要: 事件捕获阶段:事件从最上一级标签开始往下查找,直到捕获到事件目标(target)。 事件冒泡阶段:事件从事件目标(target)开始,往上冒泡直到页面的最上一级标签。 用图示表示如下: 1、冒泡事件: 事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。通俗来讲就是,就 阅读全文
posted @ 2018-02-05 10:46 蓝眼睛~~ 阅读(10699) 评论(0) 推荐(0) 编辑
摘要: 写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对we 阅读全文
posted @ 2018-02-02 17:38 蓝眼睛~~ 阅读(695) 评论(0) 推荐(0) 编辑
摘要: 最近有个项目使用了 Vue.js ,本来一直使用的是 PHPStorm 来进行开发,可是遇到了很多问题。 后来,果断放弃收费的 PHPStorm ,改用 vscode (Visual Stdio Code).当然 vscode 对 vue 也不是原生支持的,今天来扒一扒如何配置 vscode 以便优 阅读全文
posted @ 2018-01-31 11:36 蓝眼睛~~ 阅读(13406) 评论(0) 推荐(0) 编辑
摘要: 前端在做一个网站的时候,通常会有不同的导航,点击跳转到对应的页面上,这时候就需要给对应页面的导航加一个选中状态,如图: 这是一个有首页,seo优化,娱乐,三个页面组成的一个导航。 实现方式,利用location.href获取当前路径,对它和当前的<a href="a.html"</a> href的值 阅读全文
posted @ 2017-12-08 14:56 蓝眼睛~~ 阅读(1765) 评论(0) 推荐(0) 编辑
摘要: 最近需要在app生活频道上,需要添加一些类目,这就需要用到一些公用的开放接口,ajax其实调用并不复杂,但是结合jquery则显得更简洁一些,下面一起来看看jquery调用后台api。 代码如下: 对于以上几个代码我们主要需要来看以下几个参数: ajax请求api数据就是以上这样简单。 阅读全文
posted @ 2017-11-16 11:17 蓝眼睛~~ 阅读(1406) 评论(0) 推荐(0) 编辑
摘要: 1、星号(*)选择器的优先级 css的(*)选择器,也是通用选择器,对所有的页面元素(html,title,style,body,div,p……)应用样式,级别最低 在选择器的级别中:在元素名<class<id;所以页面呈现的是yellow黄色; 那如果加入*选择器呢: 页面呈现的是green绿色, 阅读全文
posted @ 2017-05-05 14:50 蓝眼睛~~ 阅读(3970) 评论(0) 推荐(0) 编辑
摘要: 第一:从github上拷贝项目到本地 1.在github上建立一个项目名为:MygitTest 2.在我们本地电脑上把这个项目拷贝下来:直接选择一个文件夹,右键选择git Bash here 直接输入git clone 项目地址,就可以把github上创建的项目拷贝到本地来了。 第二:在本地进行一些 阅读全文
posted @ 2017-04-17 18:20 蓝眼睛~~ 阅读(9003) 评论(0) 推荐(1) 编辑