blog
blog copied to clipboard
大前端技术为主,读书笔记、随笔、理财为辅,做个终身学习者。
![](https://upload-images.jianshu.io/upload_images/12890819-b2a2443f96933250.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) # 前言 最新的 ECMAScript 都已经到发布到 2018 版了。 我们应该有的态度是: Stay hungry ! Stay young ! 从接触 vue 到工作中用到 vue 将近 2 年了,在开发 vue 项目中用到了很多 es6 的 api ,es6 给我的开发带来了很大便利。 本文只总结小汪在工作和面试中经常遇到的...
![JavaScript 数据结构与算法之美](https://upload-images.jianshu.io/upload_images/12890819-9f08a1abed2d7caf.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ## 前言 > 1. 算法为王。 > 2. 排序算法博大精深,前辈们用了数年甚至一辈子的心血研究出来的算法,更值得我们学习与推敲。 因为后面要讲有内容和算法的实现都要用到递归,所以,搞懂递归非常重要。 ## 1. 定义 - 方法或函数调用自身的方式称为递归调用,调用称为递,返回称为归。 现实例子:周末你带着女朋友去电影院看电影,女朋友问你,咱们现在坐在第几排啊 ?电影院里面太黑了,看不清,没法数,现在你怎么办 ? 于是你就问前面一排的人他是第几排,你想只要在他的数字上加一,就知道自己在哪一排了。 但是,前面的人也看不清啊,所以他也问他前面的人。 就这样一排一排往前问,直到问到第一排的人,说我在第一排,然后再这样一排一排再把数字传回来。 直到你前面的人告诉你他在哪一排,于是你就知道答案了。 基本上,所有的递归问题都可以用递推公式来表示,比如: ``` f(n) = f(n-1) + 1;...
![JavaScript](https://upload-images.jianshu.io/upload_images/12890819-d3e3d25d20095b54.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) # 前言 书接上文:[细数 JavaScript 实用黑科技(一)](https://segmentfault.com/a/1190000016507835) 本文介绍 独孤九剑和两篇最高内功心法。 # 第一式. !! !! 操作符:!!variable 。 !! 可以将变量转换为布尔值。 !! 可以把任何类型的值转换为布尔值,并且只有当这个变量的值为 0 / null / "" / NaN / undefined 的时候才会返回 false,其他情况都返回 true。...
![](https://upload-images.jianshu.io/upload_images/12890819-e40d0f9196c9d49d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ## 前言 因为自己平时经常写博客,也有博客网站,所以 Leader 叫我做一个 `CMS` 的帮助中心的技术选型,`CMS` 的帮助中心的功能:是通过文章来教用户如何使用我们的项目。 所以笔者要做一个静态网站的技术选型,笔者把网上流行的 `VuePress` 和 `GitBook` 两种方式都尝试了一下,并做了对比,这里写篇文章总结一下,顺便把自己的博客网站重作一便,哈哈。 ![](https://upload-images.jianshu.io/upload_images/12890819-01244eb427774fa9.gif?imageMogr2/auto-orient/strip) **优惠消息**:[双 12,阿里服务器新用户 1 折,老用户 5 折](https://mp.weixin.qq.com/s/ZsYRv5fYJiEjlAzKzrovPg):笔者觉得每个开发者都应该拥有自己的网站和服务器,这可是很酷的事情,学习 Linux、跑跑脚本、建站、搭博客啥的都行,现在阿里云的服务器只需要 `89元` 一年,一起参与瓜分 60 万现金,优惠只剩下最后几天了,需要的赶快上车了,错过还需要再等一年。 ## 1. VuePress ###...
![JavaScript 数据结构与算法之美](https://upload-images.jianshu.io/upload_images/12890819-9f08a1abed2d7caf.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ## 1. 前言 > 算法为王。 **想学好前端,先练好内功,只有内功深厚者,前端之路才会走得更远**。 笔者写的 **JavaScript 数据结构与算法之美** 系列用的语言是 **JavaScript** ,旨在入门数据结构与算法和方便以后复习。 之所以把`冒泡排序、选择排序、插入排序`放在一起比较,是因为它们的平均时间复杂度都为 O(n2)。 请大家带着问题:`为什么插入排序比冒泡排序更受欢迎 ?`来阅读下文。 ## 2. 如何分析一个排序算法 复杂度分析是整个算法学习的精髓。 - 时间复杂度: 一个算法执行所耗费的时间。 - 空间复杂度: 运行完一个程序所需内存的大小。 时间和空间复杂度的详解,请看 [JavaScript...
强烈推荐 GitHub 上值得前端学习的开源实战项目。 ## Vue.js - [vue-element-admin 是一个后台前端解决方案,它基于和 element-ui 实现](https://panjiachen.github.io/vue-element-admin) - [基于 iView 的 Vue 2.0 管理系统模板](https://github.com/iview/iview-admin) - [基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用](https://github.com/bailicangdu/vue2-elm) - [基于 vue + element-ui...
Vue作为前端三大框架之一,其已经悄然成为主流,学会用vue相关技术来开发项目会相当轻松。 对于还没学习或者还没用过vue的初学者,基础知识这里不作详解,推荐先去相关官网,学习一下vue相关的基础知识。 a. vue.js 官网 [参考:https://cn.vuejs.org/](https://cn.vuejs.org/) b. Vue Router 官网 [参考:https://router.vuejs.org/zh/](https://router.vuejs.org/zh/)[](https://router.vuejs.org/zh/) c. Vuex 官网 [参考:https://vuex.vuejs.org/zh/](https://vuex.vuejs.org/zh/)[](https://vuex.vuejs.org/zh/) d. ECMAScript 6 入门 [参考:http://es6.ruanyifeng.com/ ](http://es6.ruanyifeng.com/) 或者 es6 精简篇 [https://www.jianshu.com/p/287e0bb867ae](https://www.jianshu.com/p/287e0bb867ae) e. webpack 官网 [参考:https://www.webpackjs.com/](https://www.webpackjs.com/) f. ...
## 前言 ![JavaScript 数据结构与算法之美](https://upload-images.jianshu.io/upload_images/12890819-9f08a1abed2d7caf.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ## 前言 > 算法为王。 > 想学好前端,先练好内功,内功不行,就算招式练的再花哨,终究成不了高手;只有内功深厚者,前端之路才会走得更远。 强烈推荐 GitHub 上值得前端学习的数据结构与算法项目,包含 gif 图的演示过程与视频讲解。 ## GitHub 项目 ### 数据结构与算法 关于数据结构与算法的 GitHub 项目,star 数由高到低排序。 - [javascript-algorithms(51.3k)](https://github.com/trekhleb/javascript-algorithms) 该仓库包含了多种基于 JavaScript 的算法与数据结构,提供进一步阅读的解释和链接。 每种算法和数据结构都有自己的...
![](https://upload-images.jianshu.io/upload_images/12890819-aeb050152b981dde.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ## 问题 笔者网站的图片都是上传到第三方网站上的,比如 简书、掘金、七牛云上的,但是最近简书和掘金都开启了 **防盗链**,防止其他网站访问他们网站上的图片了,导致笔者的网站存在他们网站上的图片全挂了。 具体问题,就是 html 中通过 img 标签引入一个第三方的图片地址,报 403 。但是这个图片地址直接复制出来在地址栏打开,却是看得到的。 ## 原因 官方输出图片的时候,判断了来源 Referer ,就是从哪个网站访问这个图片,如果是你的网站去加载这个图片,那么 Referer 就是:你的网站地址; 如果我们的网站地址不在官方的白名单内,所以就看不到图片了。 我们做这个跳板的关键:不发送 Referer,也就是没有来源。那么官方那边,就认为是从浏览器直接访问的,所以就能加载正常的图片了。 ## referrer 在某些情况下,出于一些原因,网站想要控制页面发送给 server 的 referrer 信息的情况下,可以使用这一...
![](https://upload-images.jianshu.io/upload_images/12890819-c0bc5f43672de6d9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) > 问题回答者:黄轶,目前就职于 Zoom 公司担任前端架构师,曾就职于滴滴和百度,毕业于北京科技大学。 ## 1. 前端开发 **问题** 大佬,能分享下学习路径么,感觉天天忙着开发业务,但是能力好像没有太大提升,不知道该怎么充实自己 ? **解答** - 业务开发有没有痛点,能不能通过技术的手段解决 ? - 平时开发业务用到了哪些技术栈和周边的生态链,我是否对他们熟练掌握了,对他们的实现原理呢 ? - 平时开发遇到了 bug,调试了很久,能不能提升自己快速定位 bug,解决问题的能力 ? - 如果上面分配了一个需求,没有现成的轮子可以用,我是否可以快速造一个出来 ? - 如果使用第三方轮子出现问题,我能否能找到合适的解决方案,甚至参与共建 ? -...