240 发简信
IP属地:广东
  • Flex(弹性布局)专栏

    各浏览器兼容性: Chrome 29+Firefox 28+Internet Explorer 11Opera 17+Safari 6.1+ (prefixed with -...

  • 120
    Runtime Only VS Runtime + Compiler

    通常我们利用 vue-cli 去初始化我们的 Vue.js 项目的时候会询问我们用 Runtime Only 版本的还是 Runtime + Compiler 版本。下面我们...

  • 120
    Vue实例挂载过程($mount)

    Vue中我们通过$mount实例方法挂载vm,$mount方法在多个地方有定义,因为vue可以跨平台例如weex进行开发;主要了解在web这边的vue.js,compiler...

  • 120
    Vue 的初始化过程

    在Vue项目中,我们会在入口文件main.js里面 import Vue fom 'vue' 那么Vue到底是怎么初始化的? 主要关键源码在src/core/index.js...

  • 120
    Vue.js 源码构建过程

    Vue.js源码是基于Rollup构建的,它的构建相关配置都在源码scripts目录下。 Rollup 是一个 轻量的JavaScript 模块打包器,以将小块代码编译成大块...

  • 类型检查工具——Flow

    概念:Flow[https://flow.org/en/docs/getting-started/]是 facebook 出品的 JavaScript 静态类型检查工具。Vu...

  • 120
    Cookie理解

    具体属性资料:https://github.com/mqyqingfeng/Blog/issues/157 起因:HTTP是无状态协议 注意:Cookie的存在是为了解决后端...

  • 动态路由

    思路: 1. 首先得设定一个layout主页面,动态路由只是动态子路由的权限控制。 2. 设立映射表,登录后,根据不同用户,后端返回对应的权限name路由表即可,然后通...

  • 浏览器兼容问题

    IE不兼容,低版本也需要处理比如vue3使用globalThis对象,导致71版本一下谷歌浏览器无法兼容,此时可以手动指定globallThis对象到window,补齐低版本...

  • css3 nth 选择范围

    :nth-child(-n+m) { do some thing} 选择前几个元素 :nth-child(n+6) { do some thing} 从第几个开始选择 :...

  • let能不能变量提升?

    答案是:可以的 let会造成变量提升(Hoisting),但是和var的提升不太一样,由于“暂时性死区”(temporal dead zone)的缘故,是不能被使用。 暂时性...

  • 120
    HTTPS

    起因:HTTP存在一些问题 1. 可能被窃听 (1) HTTP本身不具备加密的功能,HTTP报文使用明文方式发送 (2) 由于互联网是由联通世界各个地方的网络...

  • 120
    HTTP归纳

    HTTP协议: 超文本传输协议(Hyper Text Transfer Protocol),是web(万维网、全球广域网)的网络协议与规范,用以客户端和服务端的通信。目前发展...

  • 树型多选框

    背景:日常开发项目过程中,项目数据结构往往会有嵌套现象,展示时候常常需要数据聚合展示,那么element-ui提供的select组件就不太合适了,因为select组件并没有提...

  • 120
    vue原理理解

    响应式数据原理(参考https://juejin.cn/post/6844903597986037768) Observer(响应式绑定)、Dep(依赖收集)、Watcher...

  • gzip配置

    npm i compression-webpack-plugin --save-dev // vue.config.jsconst CompressionPlugin = r...

  • 120
    webpack配置

    官网配置[https://cli.vuejs.org/zh/guide/webpack.html#%E7%AE%80%E5%8D%95%E7%9A%84%E9%85%8D%E...

  • 常见js开发技巧

    1. 有条件地添加对象添加属性 const condition = true;const person = { id: 1, name: 'John Doe', ......

  • 无感刷新token

    需求 当token过期的时候,刷新token,前端需要做到无感刷新token,即刷token时要做到用户无感知,避免频繁登录。实现思路 方法一 后端返回过期时间,前端判断to...

个人介绍
日拱一卒无有尽,功不唐捐终入海。