- 博客(12)
- 收藏
- 关注
RSS订阅
原创 从文档开始,重学Vue(上)
文章较长????请先关注收藏????如果一不小心解决了你在使用vue中的某个痛点记得点个赞哦????闲扯一番用vue也有些年头了，不得不说vue确实是一个了不起的框架（不接受任何反驳????）但在工作中有太多的前端开发者还只是停留在会用的圈圈中，有很多人觉得我没有看完官方文档也不妨我们做vue项目写vue代码啊？确实，这点不可否认但是大哥，你一个vue文件写1000多行，是觉得自己的头发掉的不够快吗?你们信不爱读文档的程序员能写出好代码吗？反正我是不信????举个例子我们知道prop是接受父组
2020-08-03 14:12:12
407
原创 前端规范eslint、pretter、husky 自动配置
你是不是有这样的困惑？每当接手一个新项目（如果项目中没有配置 eslint husky commit）等这些规范的话，就需要自己手动配置一遍，配置多了就只能来句窝草！😬公司的项目有的是vue有的是react,vue版本项目有的是2有的是3，这导致不同项目的eslint配置文件无法公用。再来句窝草！😬。...
2022-08-12 17:30:28
792
1
原创 前端应该知道的HTTP知识
前言无论是前端开发工程师还是后端开发工程师，在工作中最常接触到的网络协议还是 http/https 协议，但是你真的了解 HTTP 吗？可以用以下问题进行自测：为什么 HTTP 叫超文本传输协议HTTP 目前的版本是多少一个浏览器同时可以发送多少个HTTP请求TCP 和 HTTP 有什么关系如果你感觉这些问题都还OK，别急还有更加劲爆的问题为什么 HTTP1.1 会出现对头阻塞HTTP2.0 优化哪些问题TCP 的队头阻是什么什么是冷启动为什么需要三次握手HTTPS 的加密方式
2021-12-02 09:05:11
1338
原创 常用原生JavaScript盘点
前言最近在二次封装一个公司内部的UI组件库，其中一个模块就是给 element-plus 的 message 进行扩展，大量运用到了原生DOM操作，操作DOM最方便的方式就是使用 jquery ,但是写个vue组件还引用 jquery,这是在侮辱vue吗，最后还的靠原生js来实现。但是说实话，在现在框架横行的时代，你有多长时间没有写过原生js了？笔者是很久了，有些原生的api再不写真的就忘记了，所以让我们动起来，回顾下那些熟悉又陌生的api吧！常见DOM操作获取查找DOM元素Ele.getElem
2021-05-25 14:29:42
1088
原创 vue-router源码解析
前言单页面的兴起离不开前端路由,记得在小白时期刚接触SPA单页面应用这种概念时,我一度怀疑这种技术靠不靠谱,心中充满着很多不解,比如:把所有东西都写在一个页面上难道没有性能问题?如果某个地方报错了那页面是不是就崩了?后来随着做了一个又一个SPA项目,逐渐打消了这种顾虑。下面我们就来研究下单页面的灵魂，路由是怎么个实现逻辑吧。url中#(hash)的含义拿 vue-router举例,vue-rouer有两种工作模式分别是hash和history,我们先来了解下#hash锚点看到#最容易联想到的就.
2021-01-18 13:55:39
514
原创 项目开发中到底能不能使用vite
前言就在2020的最后一天,我把公司的一个小项目升级到了vue3,项目很简单,核心功能就是一个H5拼图(公司内部项目,不便给出链接)原来的项目架构:vue2 + vue-cli2 + vant升级后的项目架构: vue3 + vite1.0 + vant一天时间重构上线,在元旦节中使用一切正常 ????下面我们不卑不亢,来探讨下vue3及vite1.0vite升级到了2.0元旦节的时候,尤雨溪送给了我们一个跨年礼物,发布了vite的2.0版本是不是很震惊!1.0的还没用呢,2.0的就出来
2021-01-15 15:46:10
3932
原创 webpack打包多页应用,对前端工程化的思考
前言在Vue,React 风靡的时代,加上基于框架衍生出来的各种脚手架,不得不说,现在 前端工程化 程度不逊色于任何端的开发随着各种脚手架集成度的不断提高,现在几乎零配置就可以开发整个项目,俗称傻瓜式开发是我们的代码变傻了吗?不!!是开发代码的人变的越来越傻了脚手架并不能满足所有开发需求比如,当我们需要开发一个公司官网,考虑到网站的SEO很可能我们还是需要使用原生js开发,开发模式大致如下:开发模式很原始,本质上来说还是前后端不分离开发虽然可以使用 服务端渲染, 及 预渲染 来优化这种开
2021-01-15 15:44:25
488
1
原创 什么是1px问题,为什么我们常说1px问题而不说2px
前段时间看群里面有人问关于1px的问题,顿时群里就炸开了,好像很多人都对1px这个问题不太理解,什么是1px问题?为什么2px没有问题?1px问题怎么解决?看完这篇文章相信你对这些概念有本质上的认识。什么是1px问题?其实描述起来很简单,UI给你设计稿的时候标注这个边框是1px,认真的前端直接在代码上写border:1px,结果发现在有的手机中,1px会比实际效果粗,这就是典型的1px问题?群友:纳尼? 我怎么没有发现过1px为变粗?我:好吧,可能你对UI还原度的要求比较低为什么会有1px问
2020-09-05 10:22:07
2767
1
原创 从文档开始,重学vue(下)源码级别
此篇文章主要是从应用及源码层面讲解vue部分常用api,阅读起来可能略有难度,新手可以看《从文档开始,重学vue(上)》示例代码均在vue-cli3中完成Vue.extend()可以使用 extend 创建一个子类,该方法通常用于构建全局组件,如弹框组件等,下面我们就用它来制作个全局alert组件吧首先我们需要一个alert.vue组件,组件很简单就接受一个参数,然后有两个控制显示隐藏的方法需要把alert挂载到body 注意extend的使用方式使用使用之前别忘了在main.js
2020-09-04 11:10:58
233
原创 理解高阶函数,修炼编程内功
函数是我们程序最重要的组成部分，下面我们就来回顾下函数都有哪些玩法什么是纯函数简单来说就是不依赖外部参数的函数：如 const num = 2; function Fn(arg){ return num*arg } // Fn 不是纯函数function Fn2(num,arg){ return num*arg}// Fn2 是纯函数，可以使用ES6箭头函数，让函数看起来更加简洁const Fn2 = (num,arg) => num*arg纯
2020-08-24 16:08:47
211
原创 Object.defineProperty是如何实现对数组的监听
关注微信公众号[码不停息]解锁更多优质文章????Object.defineProperty简单了解定义Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。一脸懵逼中…语法Object.defineProperty(obj, prop, descriptor)obj 要定义属性的对象。prop 要定义或修改的属性的名称descriptor 要定义或修改的属性描述符obj和prop很好理解 比
2020-08-11 10:18:15
13001
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人