- 博客(115)
- 资源 (5)
- 问答 (5)
- 收藏
- 关注
RSS订阅
原创 一名【合格】前端工程师的自检清单
开篇前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。winter在他的《重学前端》课程中提到：到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。这样是一个...
2019-04-28 15:22:32
894
2
原创 一位软件工程师的财富自由之路
大家好，我是 ConardLi，今天我们来聊聊搞钱，我猜大多数小伙伴应该还是一名打工人，大家都有一个财富自由的梦想。但是，做为一个打工人，真的能实现财富自由吗？我身边有这样的例子，但是少之又少，因为每个人可能对财富自由的定义不一样、你需要有足够的努力，更重要的是需要运气家持。今天，我们来看一个亚马逊的工程师财富自由的故事，这是他在自己的净资产达到 240W 美金（因为这位兄弟并不想买房子，所以他认为这些钱够他花一辈子了）之后，分享给大家的一些经验和教训。我生命中的一个重要的分水岭时刻，就是作为一名 20
2022-01-08 20:04:23
1128
1
原创 【技术圈】谷歌新提案：Web Bundles API 可在脱机状态实现内容分发、大四学生开源文言文编程语言，star破5K
速览谷歌新提案：Web Bundles API 可在脱机状态实现内容分发大四学生开源文言文编程语言，几天收获5000starGitHub 宣布进入中国VS Code 1.41 发布谷歌新提案：Web Bundles API 可在脱机状态实现内容分发在 2019 年 Chrome 开发者峰会上，谷歌预览了全新的 Web Bundles API。这是一种基础架构 API，开发人员可以...
2019-12-18 23:02:33
1378
原创 前端工程化 - 剖析npm的包管理机制
导读现如今，前端开发的同学已经离不开 npm 这个包管理工具，其优秀的包版本管理机制承载了整个繁荣发展的NodeJS社区，理解其内部机制非常有利于加深我们对模块开发的理解、各项前端工程化的配置以加快我们排查问题（相信不少同学收到过各种依赖问题的困扰）的速度。本文从三个角度：package.json、版本管理、依赖安装结合具体实例对 npm 的包管理机制进行了详细分析。一、剖析 packag...
2019-12-17 18:51:13
672
原创 前端如何准备数据结构和算法
一、导读据我了解，前端程序员有相当一部分对“数据结构”和“算法”的基础概念都不是很清晰，这直接导致很多人在看到有关这部分的内容就会望而却步。实际上，当你了解了“数据结构”和“算法”存在的真正意义，以及一些实际的应用场景，对它有了一个整体的认知之后，你可能会对它产生强烈的兴趣。当然，它带将带给你的收益也是相当可观的。很多前端同学在看到“数据结构”和“算法”后会有一定的抵触心理，或者尝试去练习，...
2019-08-31 21:54:25
2133
1
原创 前端开发者必备的nginx知识
nginx在应用程序中的作用解决跨域请求过滤配置gzip负载均衡静态资源服务器nginx是一个高性能的HTTP和反向代理服务器，也是一个通用的TCP/UDP代理服务器，最初由俄罗斯人Igor Sysoev编写。nginx现在几乎是众多大型网站的必用技术，大多数情况下，我们不需要亲自去配置它，但是了解它在应用程序中所担任的角色，以及如何解决这些问题是非常必要的。下面我将从ng...
2019-04-20 20:07:54
529
原创 git回滚错误合并的分支
场景线上分支：master你开发的分支：dev1同时开发的分支：dev2dev1分支开发的代码已经上线，并且已经merge到master同时dev2分支也已上线，并且已经merge到master这时发现dev1的巨大bug，线上版本要把这个分支的代码全部移除。想要达到的效果我们要撤销所有dev1的合并，并且保留dev2的代码。同时本地dev1的分支不想删除这些代码，还有在这基础...
2019-01-11 13:57:27
5595
原创 es6类和继承的实现原理
在阅读文章之前，您至少需要对JavaScript原型继承有一定了解，如果觉得有所欠缺，可以先了解下我这篇文章：原型和原型链1.es6 class 使用javascript使用的是原型式继承，我们可以通过原型的特性实现类的继承，es6为我们提供了像面向对象继承一样的语法糖。class Parent { constructor(a){ this.filed1 = a; }...
2019-01-08 22:53:15
6727
1
原创 前端性能优化总结
1.原则多使用内存，缓存或者其他方法减少CPU计算，减少网络请求减少IO操作（硬盘读写）2.加载资源优化静态资源的合并和压缩。静态资源缓存（浏览器缓存策略）。使用CDN让静态资源加载更快。3. 渲染优化CSS放head中，JS放body后图片懒加载减少DOM操作，对DOM操作做缓存减少DOM操作，多个操作尽量合并在一起执行事件节流尽早执行操作 DOMContentLoa...
2018-12-28 22:39:28
206
原创 Web运行环境总结
1. 页面加载过程1.1 加载一个资源的过程在浏览器地址栏输入URL浏览器查看缓存(强缓存)浏览器解析URL获取协议，主机，端口，path浏览器组装一个HTTP（GET）请求报文浏览器根据DNS服务器得要域名的IP地址打开一个socket与目标IP地址，端口建立TCP链接向这个IP的机器发送http/https请求服务器收到处理并返回http请求判断协商缓存服务器将响应报文通...
2018-12-22 22:46:30
3372
原创 指令控制 windows 电源选项
1.powercfg命令。使用powercfg.exe控制电源计划（也称为电源使用方案）。2.ac和dc一般电源有两种供电模式：ac代表交流电源dc代表直流电源一般情况下ac就是直接接通电源，dc是使用电池供电。一般电源命令都需要分别设置在ac和dc下的模式。3.电源选项的唯一标识每个电源选项都有一个唯一的guid标识，我们可以使用某些命令通过这个唯一标识来设定这个电源选项。例...
2018-12-17 18:03:34
8236
1
原创 【个人博客搭建及配置七】seo优化
SEO是由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化”。SEO是指通过站内优化比如网站结构调整、网站内容建设、网站代码优化等以及站外优化。简而言之，就是让人们更容易搜索到你的站点。首先要做的就是让搜索引擎收录我们的站点。1.百度1.1 提交网址在搜索引擎中输入site:<域名>,如果如下图所示就是说明我们的网站并没有被百度收录...
2018-12-08 17:16:05
1331
原创 react中key的正确使用方式
在开发react程序时我们经常会遇到这样的警告，然后就会想到：哦！循环子组件忘记加key了～出于方便，有时候会不假思索的使用循环的索引作为key，但是这样真的好吗？什么样的值才是key的最佳选择？为了弄明白，本文将从三个方面来分析"key"：1.为什么要使用key2.使用index做key存在的问题3.正确的选择key1.为什么要使用keyreact官方文档是这样描述key的：...
2018-11-27 01:49:57
5606
2
原创 electron + react + react-router + mobx + webpack 搭建脚手架工程
electron-reactelectron + react + react-router + mobx + webpack 搭建的脚手架工程像开发react web项目一样开发electron项目路径与命名main //主进程 menu //菜单render //渲染进程 component //组件 config //配置 public ...
2018-11-24 20:43:15
1216
原创 【个人博客搭建及配置六】评论系统
博客使用valine作为评论工具，原因是他使用简介，体积轻量，灵活配置，速度很快！1.注册LeanCloudvaline接住了LeanCloud的力量，所以需要LeanCloud的APP ID 和 APP Key首先注册和登录LeanCloud创建一个应用：应用创建好以后，进入刚刚创建的应用，选择左下角的设置>应用Key，然后就能看到你的APP ID和APP Key了：代码...
2018-11-13 09:31:00
804
原创 【个人博客搭建及配置五】阅读统计
博客地址： https://www.lisq.xyz/这里的统计是用来展示在页面上的，可以标示文章以及博客的热度。使用不蒜子来展示文章访问统计和页面访问统计。1.引入不蒜子将不蒜子js文件引入博客主题公共组件中。<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"><...
2018-11-11 17:15:14
317
原创 【个人博客搭建及配置四】站长统计
使用一个站长统计工具，可以为博客添加一个如上面似的详细的访问报表。站长统计工具有很多，每个工具大同小异，这里我选择了CNZZ。CNZZ配置1.注册一个账号。2.添加网站。按照如下要求添加网站3.选择统计代码添加完网站后就可以选择一段代码插入你的博客里了，CNZZ提供了几种样式，你可以选择展示真实的统计数量，一个cnzz图标或者什么都不显示。代码配置将上面复制的代码插入到你...
2018-11-10 21:07:30
804
原创 【个人博客搭建及配置三】同时托管到github和coding上
博客地址： https://www.lisq.xyz/github page毕竟是国外站点，访问速度相对来说比较慢，但是同时你又想在gihub上保存一下代码，可以尝试同时托管两个仓库。做解析的时候海外的ip 指向到github，国内的或者说百度的直接指向coding。1.在coding上提交代码首先做的操作和github是一样的，就是创建一个ssh。这里要注意的是，你的电脑上已经有了g...
2018-11-08 12:02:07
618
原创 electron程序保护措施（崩溃监控，开机自启，托盘关闭）
在某种情况下，我们可能希望我们的客户端程序尽可能连续不断的运行在我们的系统中，并保持稳定。以下几种方式可以帮助我们做到这一点：1.崩溃监控electron为我们提供了监听程序崩溃的事件：Event: 'crashed'返回:event Eventkilled Boolean当渲染进程崩溃或被结束时触发此事件是用来家庭渲染进程崩溃的，但是当主进程意外崩溃时也会触发该事件。在...
2018-11-07 11:09:42
10071
1
原创 【个人博客搭建及配置二】绑定个人域名
博客地址： https://www.lisq.xyz/1.购买一个域名这里我选择的是阿里云，挑选一个自己喜欢的域名购买。2.域名解析进入控制台添加域名解析。按照如下规则添加两条记录。这时去访问解析好的域名会出现如下页面。这说明域名解析没有问题，接下来进入github进行配置3.hexo配置在本地的博客目录中找到source文件夹。新建一个没有后缀名的文件GNAME在文件...
2018-11-06 15:36:20
619
原创 【个人博客搭建及配置一】基础配置
博客地址： https://www.lisq.xyz/1.本地安装hexo首先保证你电脑上有node环境，这个不懂的可以自定百度。控制台输入node -v出现版本号说明安装成功。有了node就可以安装hexo了，控制台输入如下命令npm i -g hexo同样控制台输入hexo -v出现版本号说明安装成功。然后开始初始化项目，控制台输入：hexo init得到如下项目目录...
2018-11-06 15:34:57
698
原创 在electron主进程中使用localstorage
electron主进程中是不能获取到浏览器的window对象的，所以我们不能像在渲染进程中一样使用浏览器为我们提供的localstorage对象。但是主进程中有可能也需要这样的需求，比如我们在本地存储了当前的环境（dev/beta/prod），主进程需要根据不同的开发环境来load不同的url。于是手动封装了一个可以在主进程中调用的localstorage。1.安装npm install ...
2018-10-14 16:02:46
17955
11
原创 使用electron静默打印
使用electron静默打印1.使用electron打印的理由2.api2.1 print2.2 printToPdf3.打印边距问题4.打印方案5.示例程序1.使用electron打印的理由很多情况下程序中使用的打印都是用户无感知的。并且想要灵活的控制打印内容，往往需要借助打印机给我们提供的api再进行开发，这种开发方式非常繁琐，并且开发难度较大。electron提供的打印api可以非常灵...
2018-10-02 00:30:48
23531
26
原创 javascript中实现继承的最佳方式
1.继承的实现方式1.1 原型继承 var obj = { 0:'a', 1:'b', arr:[1] } function Foo(arr2){ this.arr2 = [1] } Foo.prototy
2018-01-31 19:49:32
400
1
原创 Zepto源码设计结构剖析
Zepto 可以说是一个精简版的jQuery，主要针对移动端，使用方法没有太大差别，源码更易读。基本结构var Zepto = (function(){ var $, zepto = {} // ...省略N行代码... zepto.init = function(selector, context) { // 函数内容
2018-01-31 11:12:26
368
原创 分页插件 ejpage.js
一款非常方便的轻量级分页插件！支持前台分页和后台分页1.构造参数 参数名称 类型 说明 id string 存放分页插件的容器id 必填（） type number 1前台分页，2后台分页 (默认1) count number 每页显示条数 (默认5) current number 当前页 (默认1
2018-01-25 20:12:20
445
原创 【javascript知识进阶】关于for循环中定义setTimeout
javascript知识进阶【关于for循环中定义setTimeout】
2017-08-21 19:47:55
581
原创 【自己写全景】TreeJs实现全景图
先附上两张成果图，我们的主要功能就是以上两个，实现全景图的浏览，将全景标记放在图上并实现属性查询。注：并不是所有的图片都能当作全景图，可以到专门的网站下载全景图使用，有些拍摄的不好的全景图也会出现衔接的问题。一.基本原理我们可以把我们我们观察到的对象想象成一个球体，而全景图就是附在球体上的一张图片，我们通过鼠标移动来改变我们的视角，从而到达全景图的其他地方。我估计将球体做的很小（如上面两张图）就是为
2017-07-31 17:33:05
4785
3
JS寄生组合继承的疑问
2018-01-31
System.gc()有什么意义？
2017-06-05
Jsonp和HttpClient如何选择？
2017-05-18
Socket编程，在哪里会用到？
2017-05-18
计算机中负数的补码问题
2017-05-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人