lixuguang / lixuguang.github.io Goto Github PK

https://lixuguang.github.io/2019/12/30/begin-learn-java/

作者：李旭光引用请标明出处 前言最近愈发觉得越想往上走，越不能局限在前端开发的领域，再往上走前后端都是通的，最近在知乎上看到一句话，说是到了架构师甚至专家的层面以后，就没有什么前端架构师或者前端专家和后端架构师、后端专家了，只有前端出身的技术专家，和后端出身的技术专家，越往上越注重人的综合能力，当一个人能够解决一个项目的技术选型、架构等工作后，对于公司或者团队来说，那就是个巨大的宝藏。

https://lixuguang.github.io/2017/08/29/browser-incompatibility%20problem-solution/

作者：李旭光引用请标明出处 前言作为前端，浏览器就是你的战场，而不同的浏览器就是不同的敌人，敌人有相同之处，也各有特点，这不同的特点就是不同浏览器的兼容性，下面就聊聊浏览器的兼容问题，如何解决不同浏览器的兼容性。

https://lixuguang.github.io/2019/12/27/Vue-Component-Communication/

作者：李旭光引用请标明出处 前言公司这两年兴起了前后端分离的热潮，在选用三大技术框架时，vue凭借其学习曲线低深受公司程序员的喜爱，因此我们也就走上了vue学习的不归路，在招聘招揽小伙伴时有那么一些问题经常被问起，vue组件间通信就是其中之一，下面我们来聊一聊vue组件通信有哪些方式。

https://lixuguang.github.io/2020/01/03/FE-guide-store/

作者：李旭光引用请标明出处 cookie，localStorage，sessionStorage，indexDB 特性 cookie localStorage sessionStorage indexDB 数据生命周期 一般由服务器生成，可以设置过期时间 除非被清理，否则一直存在 页面关闭就清理 除非被清理，否则一直存在 数据存储大小 4K 5M 5M 无限制 与服务端通信

https://lixuguang.github.io/2020/05/14/css3-pointer-events/

作者：李旭光引用请标明出处 前言今天在看一个叫做Avue的框架组件时看到了一个叫做“全局水印”的组件，功能呢就是给当前页面加上一个水印遮罩，就像下图这样：因为工作中有这样的场景，所以我很好奇看了一下他的代码，他的水印设置为了fixed定位，并且z-index设置的很高，但是它具有穿透性，最终我发现其中起作用的是一个叫做“pointer-events”的css3新属性，于是为了搞清楚它的作用，我

https://lixuguang.github.io/2017/08/30/npm-source/

https://lixuguang.github.io/2017/08/29/browser-incompatibility%20problem-solution/#more

https://lixuguang.github.io/2020/05/28/Prettier-Setting/

前言最近在做代码风格统一，用到了Prettier，暂时先记录一下现在的配置信息，回头抽时间写篇总结文。

https://lixuguang.github.io/2017/10/11/use-GitHub-Hexo-Next-make-blog/#more

作者：李旭光引用请标明出处 前言 开博客貌似并不是一件难事，现在有很多的方式开博客，而且现在博客貌似也不再流行，但是作为一个开发者，维护一个技术博客对自己的发展是很有好处的，出名者如阮一峰等，所以还是想要做一个技术博客的。 开博客可以选择网上现有的博客系统如博客园以及其他各大公司提供的博客系统，也可以选择如wordpress等博客程序自行搭建博客系统，前者省事，但可自定义设置不足不符合一个

https://lixuguang.github.io/about/

李旭光 华宇（大连）信息服务有限公司前端开发工程师 8年手机: 15641181846邮箱: [email protected]: https://github.com/lixuguang技术博客: https://lixuguang.github.io住址: 大连沙河口区黄河路852号 技能掌握 熟练使用Html/Css/Javascript/Jq，响应式开发，移动端

https://lixuguang.github.io/2020/01/03/FE-guide-debounce-throttle/

作者：李旭光引用请标明出处 函数防抖和节流在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。 通常这种情况下我们怎么去解决的呢？一般来讲，防抖和节流是比较好的解决方案。 防抖你是否在日常开发中遇到一个问题，在滚动事件中需要做个复杂计算或者实现一个按钮的防二次点击操

https://lixuguang.github.io/2020/11/09/learn-go/

作者：李旭光引用请标明出处 前言

https://lixuguang.github.io/2017/08/30/Vue-basic/

dfas

https://lixuguang.github.io/2017/08/30/npm-source/

作者：李旭光引用请标明出处 前言近两年前端突然呈爆发增长之势，node的出现起了重要的作用，而node之中有一个重要的功能就是npm包管理工具，下面就记录一下我学习npm之中遇到的一些问题及解决方案，仅供各位参考。

https://lixuguang.github.io/2017/10/12/web-quanzhan/

作者：李旭光引用请标明出处 前言近日工作不是那么忙，所以有时间看看书，这本书之前就已经读过一遍，隔了一段时间已经有所忘记，所以再次拾起，重新回顾一下。.

https://lixuguang.github.io/2019/12/27/Actions/

作者：李旭光引用请标明出处 前言忙活了很久很久，终于不那么忙了，也终于想起来我还有个博客没有运行，哎，虽然用Hexo可以享受Github提供的免费的空间和域名，但是命令行敲代码的方式实现博客编写还是有些不方便，尤其是需要编程环境的时候，最近公司在用CICD的方式对代码进行构建，我就在想有没有一种方式让博客也可以变成这样，于是我就在网上搜Github Hexo 自动构建 这些个词，还真让我搜到了

https://lixuguang.github.io/2017/08/30/Vue-VSCode-Snippets/#more

https://lixuguang.github.io/2021/05/13/%E5%85%B3%E4%BA%8E%E7%89%88%E6%9C%AC%E7%AE%A1%E7%90%86/#more

作者：李旭光引用请标明出处 前言还记得你的前端工程里有这样一个文件‘package.json’，里面管理者运行代码所需要的各种依赖，每种依赖都会有一个版本号，那么你知道版本号是怎么定义的么？不知道的话就看看下面的内容吧。

https://lixuguang.github.io/2017/10/12/VSCode-ESLint/

作者：李旭光引用请标明出处 前言VSCode是新一代IDE，方便灵活的插件安装方式让它强大无比，对前端友好，让它成为了越来越多前端开发者的首选IDE，编辑器虽好，但是要自己安装符合自己需求的插件才行，下面介绍一款插件，名叫ESLint，是用来静态检测js代码的工具，让你的js代码在编辑过程中就能找到错误，提高代码质量，好了废话不多说下面介绍如何安装和配置这款插件。

https://lixuguang.github.io/2019/12/31/gitlab-cicd/

作者：李旭光引用请标明出处 前言公司于去年开始代码版本管理从SVN迁移到了Git，采用的GitLab程序做管理，但是自动构建采用的是Jekins，最近在给博客做自动构建的时候了解到的了Github的Actions，我就在想，是不是GitLab也有自己的自动构建能力，因为之前在参与项目的时候也看到GitLab上又CICD相关的内容，但是没有仔细的去看，趁这次机会就一起研究一下。

https://lixuguang.github.io/2020/01/09/solve-get-params-so-long-problem/#more

作者：李旭光引用请标明出处 前言就在前天，公司里一位新入职的前端小伙伴找到我说遇到了一个问题，自己写的vue代码本地运行是好用的，但是打包后提给后台就访问不了接口了，刚开始我以为是代理配置的有问题，但是经过检查也没什么问题，因为是个get方法，所以我就直接在浏览器地址里敲了api地址，也能正常获取到数据，那么这么看就不是代理或者接口的问题，后来我又看了下调试工具，network中根本就没发出请

https://lixuguang.github.io/2017/10/12/VSCode-ESLint/#more

https://lixuguang.github.io/2020/02/19/develop-custom-cli-tools-using-node/

作者：李旭光引用请标明出处 前言这篇文章想写一写前端工程化相关的内容，原因一呢是是结合公司业务给自己定的业绩指标包含这些内容，另外一个原因是因为听了网易前端唐磊说过的一句话，前端leader干什么，很重要的工作就是前端工程化，高级以上不懂前端工程化很难。 今天听了公开课讲到了用node写一个自己的cli，说实话正是工作所需，课程讲的有点快，没有从头跟下来，自己上完了课又上网上找了些资料，终于把

https://lixuguang.github.io/2020/01/02/21-Day-Challenge-01/

作者：李旭光引用请标明出处 前言还记得我19年总结最下面的那张照片么，那个同事送的的本子，对，就是下面这张图，这本子叫做《One In A Million》中文叫做极少数手册，是一个管理时间用的管理手册，英文如果直译的话应该是叫做万里挑一，实话说我并不是很自信，虽然我觉得自己还算可以，但远远达不到万里挑一的程度，所以，我打算好好利用这个本子，让自己尽可能成为百里挑一，千里挑一，最后万里挑一的人

https://lixuguang.github.io/2017/10/12/read1/

作者：李旭光引用请标明出处 前言近日工作不是那么忙，所以有时间看看书，这本书之前就已经读过一遍，隔了一段时间已经有所忘记，所以再次拾起，重新回顾一下。

https://lixuguang.github.io/2017/10/12/Actions/#more

作者：李旭光引用请标明出处 前言近日工作不是那么忙，所以有时间看看书，这本书之前就已经读过一遍，隔了一段时间已经有所忘记，所以再次拾起，重新回 顾一下。

https://lixuguang.github.io/2020/01/03/FE-guide-async-Proxy/

作者：李旭光引用请标明出处 ProxyProxy 是 ES6 中新增的功能，可以用来自定义对象中的操作 12345// js代码let p = new Proxy(target, handler);// target 代表需要添加代理的对象// handler 用来自定义对象中的操作

https://lixuguang.github.io/2020/04/03/source-code-react-diff/

目前，前端领域中 React 势头正盛，使用者众多却少有能够深入剖析内部实现机制和原理。本系列文章希望通过剖析 React 源码，理解其内部的实现原理，知其然更要知其所以然。 React diff 作为 Virtual DOM 的加速器，其算法上的改进优化是 React 整个界面渲染的基础，以及性能提高的保障，同时也是 React 源码中最神秘、最不可思议的部分，本文从源码入手，深入剖析 Reac

https://lixuguang.github.io/2020/11/11/learn-ionic-1/

作者：李旭光引用请标明出处 前言在移动 App 开发领域，有一个框架非常知名，每每面试都会被问起，“你用过 Ionic 么？”，是的，就是 Ionic 框架。 之前已经学习过了 Cordova ，它和 Ionic 可以说是一对黄金搭档，一个面向 MobileOS ，一个面向 UI ，很多人搞不清楚它们之间的区别，没关系，回头我再抽时间讲一下，今天我们主要来认识一下 Ionic。 好戏开始：）

https://lixuguang.github.io/2020/01/03/FE-guide-Generator/

作者：李旭光引用请标明出处 Generator 实现Generator 是 ES6 中新增的语法，和 Promise 一样，都可以用来异步编程 1234567891011121314// js代码// 使用 * 表示这是一个 Generator 函数// 内部可以通过 yield 暂停代码// 通过调用 next

https://lixuguang.github.io/2019/12/31/GoodBye-2019/

作者：李旭光引用请标明出处 前言不知不觉又是一年，今天是2019年的最后一天，也是我30岁的最后一天，回顾这一年有收获有遗憾。翻出了18年的总结，看到了18年底对于自己19年的规划，现在回过头来看看哪些完成了。 18年底定的计划学习技术1. 深入学习客户端开发（全年）18年客户端的项目也做了几个，Electron的开发能力经验更多了，之前只是用html+css+js做前端页面的开发，今年又增加

https://lixuguang.github.io/2019/12/31/FE-guide-prototype/#more

作者：李旭光引用请标明出处 原型每个函数都有 prototype 属性，除了 Function.prototype.bind()，该属性指向原型。每个对象都有 proto 属性，指向了创建该对象的构造函数的原型。其实这个属性指向了 [[prototype]]，但是 [[prototype]] 是内部属性，我们并不能访问到，所以使用 proto 来访问。对象可以通过 _proto

https://lixuguang.github.io/2017/08/30/Vue-VSCode-Snippets/

作者：李旭光引用请标明出处 前言现代化的IDE已经把开发者变得越来越懒，但是我觉得这样挺好的，让工具完成手工反复重复的工作，提高工作效率的同时降低开发者的疲劳感，Vue VSCode Snippets就是这样一个VSC插件，它可以用简单的几个字母就敲出一整块代码片段，在学习和做VUE项目时可以极大地提高工作效率，下面就介绍一下插件的常见命令。

https://lixuguang.github.io/2020/01/03/FE-guide-call-apply-bind/

作者：李旭光引用请标明出处 call, apply, bind 区别首先说下前两者的异同。相同： call 和 apply 都是为了解决改变 this 的指向。不同：传参的方式不同，除了第一个参数外， call 可以接收一个参数列表， apply 只接受一个参数数组。 1234567891011// js代码let anObj = { value:

https://lixuguang.github.io/2020/01/13/Javascript-Design-Pattern/

作者：李旭光引用请标明出处 前言最近在整理自己的知识体系，一方面为了夯实基础，另一方面也为了查缺补漏、重新理解，设计模式之前看过大概三四次，从最开始一点都不懂，到后面看了几遍以后慢慢理解，今天再次整理一下，希望这一遍下来之后能更加透彻的理解什么是设计模式。

https://lixuguang.github.io/2017/10/11/use-GitHub-Hexo-Next-make-blog/#more

https://lixuguang.github.io/2013/06/17/Read-High-Performance-JavaScript/

作者：李旭光引用请标明出处 前言最近读了《高性能JAVASCRIPT》，下面将书中觉得有用的内容进行摘抄，放在下方。 如何从小事提升JAVASCRIPT性能。 将<script>标签写在之前——将脚本放在底部。 尽量少的<script>标签，减少页面中的外链数量，减少请求次数。 使用打包工具如：Yahoo！combo handler 使用

https://lixuguang.github.io/2020/01/01/Hello-2020/

作者：李旭光引用请标明出处 2020元旦伊始时间过的真快，19年睡了一觉就成了过去的一年，今天是元旦，早上8：00起了床，简单洗漱后我出了门，新年新气象，去年没有坚持的晨跑，今年想要坚持一下，所以一早就出门跑了会儿步，太久没活动了，只是跑了半个小时就气喘吁吁，只好回家，但是即使是这半个小时，我感觉呼吸了新鲜的空气，整个人也精神了不少，回到家坐在阳台上，拿出小王宁送我的极少数手册开始研究了起来，

https://lixuguang.github.io/2019/12/31/weichat-h5-compatibility/

作者：李旭光引用请标明出处 前言最近被公司新来的前端问到了一些微信页面的兼容性问题，因为我做微信开发的经验比较少，被问到了真是感到很尴尬，所以在搜到了解决方案告诉了他之后，我又深入的再网上找了一些微信开发中遇到的兼容问题，特此整理，以留后用。

https://lixuguang.github.io/2020/11/10/learn-cordova-1/

作者：李旭光引用请标明出处 前言很长时间没有写博客了，因为最近换了工作，原来的技术栈基本上都换了，现在接触了很多新的技术栈，Cordova 就是其中之一。 接下来这篇文章就是我的学习笔记，以供回顾，写的不好请勿拍砖。