- 博客(33)
- 收藏
- 关注
RSS订阅原创 实战 Vue 之其他页面跳转到 tab 页改变 tab 样式状态
在移动应用中，大部分应用都是底部会有几个 tab 切换页。只是在底部切换到相应的页面，并且 tab 样式状态改变很容易实现，但是如果是其他页面跳转到 tab 页，tab 样式改变要如何实现昵？如下图，假设点击提交之后要调转到首页，并且修改首页 tab 样式为激活状态。
2019-05-31 13:53:51
3345
2
原创 实战 Vue 之了解 vue-router 路由配置、跳转与传参
路由是SPA单页面应用中必不可少的一部分，学好路由的使用也是学习 Vue 这门框架必备的技能之一。今天就给大家分享一下vue-router 路由配置、跳转与传参。
2019-05-31 11:30:09
933
原创 详解浏览器的事件系统
详解浏览器的事件模型一、事件二、事件类型三、注册事件四、事件流一、事件事件类型和事件目标二、事件类型表单时间window事件鼠标事件键盘事件H5 新增事件移动设备事件三、注册事件对目标对象或文档元素添加属性通过 addEventListener() 事件注册调用顺序通过设置属性的优先调用；使用 addEventListener 注册的事件按照注册顺序调用使...
2019-05-28 13:41:13
931
原创 实战 Vue 之从零开始搭建一个 Vue 项目
写惯了 React，今天也来 Vue 尝尝鲜，本来以为我这老司机学新框架应该如鱼得水，没想到也踩了几个坑。今天就给大家分享一篇 Vue 的极简教程，从安装到入门，从指令的使用到接口的调取，再到路由配置，麻雀虽小五脏俱全，基本上涵盖了一个项目的核心配件，可将此作为脚手架运用到新项目中去。
2019-05-27 22:56:15
708
原创 老吴说电影之《阿拉丁》
不知道从什么时候开始，已经固定了每周末看一场电影，这周末也不例外，本周看的电影叫《阿拉丁》。记得以前很喜欢跟别人分享我看的电影，有时候特别好的电影也会推荐别人看。今天突然奇思妙想，我何不把每周看的电影分享出来，这样一来可以推荐别人看，二来即便别人没时间，也可以通过我写的文章了解剧情。于是这篇文章应运而生。电影名称：《阿拉丁》所属国家：美国，但是故事讲述的是阿拉丁神灯，也就是古阿拉伯的故事...
2019-05-26 15:39:51
1110
2
原创 人生之路 — 开启智慧之脑
这世界上的事情只有两种，一种是你无法掌握或难以掌握的，比如出生，比如美国总统、中国主席、甚至是省长，市长的竞选，比如奥运会，足球杯的比赛结果；一种是你可以掌握的，并且在你的世界里，95%以上的事情是你自己可以掌握的，比如是否考上大学，比如做什么职业，比如找个什么样的对象，过什么样的生活。在你看来无法掌握的大多数事情源于你没有开启智慧之脑。 分清掌握之内与之外 ...
2019-05-25 17:02:52
404
1
原创 前端安全漏洞 XSS 与 CSRF 异同
前端安全漏洞 XSS 与 CSRF 异同一、前言二、相同点三、区别一、前言前面有写过 前端安全漏洞之 XSS 与 前端安全漏洞之 CSRF 的文章，本着程序员开发宗旨低内聚的原则，这里另出一遍文章讲讲两者之间的相同点和区别。二、相同点既然是前端安全漏洞，肯定就是前端脚本的攻击，主要都是通过 a 标签和 iframe 标签的 href 属性，img 标签的 src 属性等途径进行攻击。两...
2019-05-23 18:13:48
2298
原创 前端安全漏洞之 CSRF
前端安全漏洞之 CSRF一、概念二、特点三、示例四、防范一、概念CRSF(Cross-site-request-forgery)是跨站请求伪造。顾名思义就是伪造他人的身份去发送请求。二、特点依靠他人身份攻击网站利用网站对身份的信任利用他人的浏览器发送请求给目标站点三、示例老王经过登录之后浏览 A 网站，A 网站就保留着老王的 cookie 信息，这时候老王在 A 网站看到一个链...
2019-05-22 22:59:52
683
原创 详解 JavaScript 中的继承
JavaScript 中没有类的概念，ES6 提供了语法 class 和 extends 模拟了类的实现。在此之前，属性和方法的继承都是通过 prototype 原型对象来实现，而继承的核心机制是原型链。
2019-05-22 06:57:14
374
2
原创 点击每个兄弟节点获取对应节点下标的六种方案详解
在 DOM 节点中，或者在循环引用中，如何点击每个兄弟节点获取对应节点下标，比如 ul 下有 3个 li，要求实现点击每个 li 获取其对应的下标。
2019-05-20 17:59:59
1525
原创 详解 JavaScript 中的闭包
详解 JavaScript 中的闭包一、概念二、特点三、应用四、意义一、概念JavaScript 中有作用域和作用域链的概念，变量的访问只能在作用域内，如果该作用域内找不到，就向上查找父作用域，直到找到为止。那么如何在外层也能访问到作用域内的变量，就是今天的登场主角“闭包”。闭包可以通过函数作用域内返回另一个函数来达到此目的。在一般的开发项目中，可能闭包用得并不多，但是在框架工具源码里，闭包的...
2019-05-20 16:39:54
277
原创 人生之路 — 新时代伴侣相处之道
从旧社会的“女子无才便是德，丈夫就是天”到如今职场中各大领域各行各业都随处可见女高管的新时代，女性地位或者说夫妻之间的分工有云泥之别。现在在相亲场合，大家都会问那个男孩子会做饭吗，会做家务吗，会赚钱吗；包括身边的情侣夫妻中，男性做饭做家务已经屡见不鲜，不足为奇了。新时代伴侣相处的思考这些现象都标榜着，在这个新时代里，伴侣之间的相处之道也在潜移默化中凸显出差别。其实不管是男性洗衣做饭还是女性...
2019-05-19 11:47:40
563
1
原创 详解 JavaScript 中的严格模式
JavaScript 的严格模式一、概念二、特点三、应用四、意义一、概念JavaScript 的严格模式是 ES5 引入的（ES6 默认使用严格模式），使用方法很简单，只需要在头部加上"use strict"即可，严格模式是对 sloppy 模式（懒散模式）的一种限制性使用。二、特点各浏览器对严格模式的处理不同，使用严格模式得到的结果可能也不尽相同；代码合并时，严格模式与非严格模式合并...
2019-05-17 22:09:20
288
原创 常见模块开发规范(CommonJS、AMD、CMD 以及 ES6 模块加载)详解
模块化开发模块化开发是指在程序开发中，可以将每个功能脚本或文件单独提炼出来作为一个个独立的模块，模块之间相互关联，相互依赖，并对外暴露出一个入口文件。既方便开发者自己引用，也方便他人下载使用。比如前端经常用到的 Ant Design 组件，就可以看作是一个模块，在 Ant Design 中也按功能分了许多子模块，像轮播图组件、日期选择组件、导航组件等，模块化开发更便于使用和维护。前端（浏览...
2019-05-16 18:00:29
3834
原创 从输完 URL 到页面内容展现做了哪些事情
一、DNS(Domain Name System) 域名解析根据输入的 URL 域名找到真实 IP地址，在查找的过程中，首先 DNS 会查询是否有缓存。1. 从浏览器中查找，不同浏览器设置的缓存时间不同，一般在2-30分钟；2. 从操作系统中查找；3. 从路由器中查找；4. 从 ISP 中查找；5. 域名服务器递归查询，首先从顶级域名（一般顶级域名已经在缓存中了），再到二...
2019-05-15 13:28:27
254
原创 详解 JavaScript 中的6种报错类型
一、前言要解决问题，首先要找到问题的根源所在，本文主要探讨JavaScript 的几种常见报错类型。二、报错分析这是比较常见的报错，一般是 Uncaught ReferenceError ，其中 Uncaught 表示没有被 catch 捕捉到的错误，而 ReferenceError 表示错误的类型。三、常见报错类型与示例1. TypeError（类型错误）变量或参数...
2019-05-12 12:25:09
714
原创 WebSocket 简述
一、概念WebSocket 是 HTML5 新增的 API，是一种基于 TCP 连接的持久化双向通信协议。WebSocket 使用 HTTP 来连接，连接后就切换到（Upgrade）WebSocket 协议了，所以连接还是基于 HTTP 协议，但是数据通信是通过 TCP 通道传输，无 HTTP 无关。WebSocket 默认连接端口是80，运行端口是443。WebSocket 连...
2019-05-12 11:42:41
1910
原创 Node 自定义命令程序开发
在前端开发中，搭建好了 Node 环境和 NPM 环境，可使用 npm 命令下载各种模块包，当模块包下载之后就可以在控制台使用模块自定义命令。比如 webpack -v 就可以查看 webpack 版本。直接执行 webpack 可进行打包。但是这些自定义命令是如何实现的昵？请看以下操作步骤。
2019-05-07 09:31:07
1099
原创 package.json 与 package-lock.json 的区别
前言现在前端越来越流行模块化开发，安装使用 node 和 npm 可以方便下载管理各个依赖模块。而描述模块信息的文件就是 package.json ，那么package-lock.json 又是什么，跟 package.json 有什么关系？本文将对该问题进行探索。一、package.json{ "name": "webpack-test", "version": "1....
2019-05-06 13:04:35
25217
原创 npm 中 --save 与 --save-dev 的区别
在使用 npm 安装模块包的时候使用 npm install 模块名称 命令。但通常后面会加上 --save 或者 --save-dev，那么这两个命令有什么区别昵？
2019-05-06 11:26:15
3029
原创 webpack 常用配置
一、前言webpack是目前前端开发中最流行的打包工具，不仅能实现 JS 打包，还能将 CSS 文件，图片文件，甚至是 LESS 文件打包，每一个文件都是一个独立的模块，并且实现按需加载。使用时需要安装 webpack 、webpack-cli 、webpack-dev-server三个基础模块。二、常用 webpack 配置如下module.exports = { ...
2019-05-06 09:06:25
13197
2
原创 rem 与 px 换算关系
一、前言响应式开发是现在前端潮流的开发方式，说到移动端的响应式开发，不得不说到一个单位 rem，那么 rem 单位是什么，有什么好处，与 px 单位有什么关系？二、rem 概念rem 是所有 DOM 节点对于根节点 html 的相对值。三、rem 特点与换算1. 浏览器默认的字号是16px，因此如果没有设置根节点 html 的字号，这将会是一个默认基数。2. rem 与 p...
2019-05-05 16:47:32
22480
原创 WebStorm2016 版本激活
1. WebStorm 打开后选择“License server”；2. 在输入框输入http://idea.imsxm.com/或者 http://idea.iteblog.com/key.php；3. 进入编辑页面，成功。
2019-05-05 13:27:28
305
原创 小程序开发流程
一、概念不用安装，不用下载，一键使用的应用程序，就是微信小程序，与网页不同的是更趋向于原生的体验，实现原生的功能，如可上传照片，调用照相机等。二、入口方式1.可通过微信>发现>小程序方式进行搜索；2.也可以通过别人分享的链接进入。三、开发流程1.根据系统版本，选择开发工具，下载并安装。网址https://developers.weixin.qq.com/mini...
2019-05-05 10:07:35
7928
1
原创 算法简述
一、概念算法其实就是计算机解决某个问题的指令，算法的效率可以通过时间复杂度（执行算法所需要的时间）和空间复杂度（执行算法所需要消耗的内存空间）来评定。二、特点1.有输入：算法一定有 0 个或多个输入。0个表示算法本身有初始状态，而输入表示的就是算法的初始情况。2.有输出：算法一定有一个或多个输出。有了输入之后，经过运算处理必然会有输出项，否则算法就没有意义。3.确定性：算法的每...
2019-05-04 19:48:34
604
原创 人生之路 — 成长轨迹
人生的每个阶段，都会经历不同的成长，成长的道路上，所遇到的实际问题也许似曾相识，也许天差地别。但放眼望去，历史都是惊人的相似，从大局上来看，它们都有雷同的周期性。这个周期性就是通用的成长轨迹。为什么说是通用？难道说一个平民的成长轨迹和一个富人的成长轨迹也相似？是的。 广到人类文明的成长，一个时代下产业的成长，小到一个人的自我成长都包含以下几个时期。 初...
2019-05-03 17:18:06
708
原创 人生之路 — 做人要有自己的准则
朋友说我对什么事情的态度都是还行，还可以，我一直要求自己要有一颗海纳百川的胸怀。倘若把万事万物分为喜欢，还行，不喜欢三个区间。我的第二区间范围非常广，第一和第三相对稀薄。但是我有一个特点，喜欢的东西，比如吃的，我可以吃很多，哪怕吃到撑，不喜欢的东西几乎一点不沾，除非濒临饿死的边缘。当然大部分人也许也是这样，只不过我的分界线非常明显。说到这儿，就谈谈本文的重点，人生准则。 ...
2019-05-03 16:19:05
442
原创 人生之路 — 如何养成自律
自律是一种良好的习惯。自律的人不一定有所成就，但一个功成名就的人必定是有一颗强大的自律的内心。 自律由计划与坚持组成。很多人觉得要做好自律很难，实际上确实不容易，但是一旦按照“套路”走形成习惯了，也就不难了。是的，自律也是有套路的，那么套路何在？待我慢慢道来。 上文有提到自律是由计划和坚持组成。下文就从这两方面讲起。 计划 计...
2019-05-03 15:44:23
989
原创 人生之路 — 方式方法很重要
成功和失败，有诸多种原因造成，一个受欢迎的人和不受欢迎的人也有诸多种原因导致。今天说说其中可能的一个因素，有效的方式方法。 方式方法分为语言方面和行为方面。 语言方面 "喂，借你充电器用一用。" "你好，可以把你的充电器借给我用一下吗？" 这是两种借阅的语气语调。很明显，第二种给人感觉更舒服，更真诚。试问在生...
2019-05-03 11:08:07
1388
原创 JavaScript 中 new 操作符做了什么事情
一、前言在构造函数中，通常使用 new 操作符进行实例化，那么 new 操作符到底有什么作用，可以使用其他方案代替吗？二、new 操作符做了什么事情function Person(name){ this.name = name ;};var jack = new Person('jack');var jack1 = new Person('jack');console...
2019-05-02 10:11:55
1721
原创 人生之路 — 如何治疗失眠
在一个健康的生活状态中，失眠和晕车是最让人抓狂的事情，晕车除了吃常规的晕车药（据吃过的人反馈都没什么实际作用，只是有点心理安慰罢了），根治的办法就是多坐车，亲测有效。那么失眠有什么行之有效的办法吗？有。本文通过失眠的临床症状，原因剖析，解决办法三个方面来说说失眠这件事儿。临床症状 根据严重深度分为轻度失眠、中度失眠、严重失眠三种（仅以个人角度分类，供参考）。...
2019-05-01 11:13:59
388
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人