2020年12月_暖光_&

原创 webpack4 搭建vue项目，从头开始踩坑记

webpack搭建项目流程和全部过程以及踩坑记一初始化项目进入目录 npm init -y 生成默认的package.json 二搭建开发服务，安装webpack，webpack-cli,webpack-dev-server 这里面有坑，版本之间兼容问题，我试的webpack5和webpack-dev-server3是不兼容的如下是我安装的版本： "webpack": "^4.44.2", "webpack-cli": "^3.3.12", "webpack-dev-server": "^.

2020-12-25 15:48:29 245 1

原创 js 预编译 GO与AO 变量和函数声明提升

预编译预编译分为全局（GO）预编译和局部（AO）预编译，全局预编译发生在页面加载完成时执行，而局部预编译发生在函数执行的前一刻。 js运行三步曲首先JavaScript的执行过程会先扫描一下整体语法语句，如果存在逻辑错误或者语法错误，那么直接报错，程序停止执行，没有错误的话，开始从上到下解释一行执行一行。 1 语法分析 2 预编译 3 解释执行局部预编译（AO）的4个步骤在执行的前一刻会创建一个ao对象将函数内所有的形参和变量声明储存到ao对象中，value为undefined；将形参和实

2020-12-23 11:45:19 545

原创 js 新手常用小技巧简写语法总结归纳

变量简写 var a ; var b=8; var c; //等价于 var a, b=8, c; 对象属性简写当对象的属性与值是同一个值时 let obj ={a:a,b:b} // 等价于 let obj = {a,b} 拓展运算符 let a = [1,2,3]; let b = [4,5,6]; //如果说a,b合并，ES5的方法必然是使用a.concat(b),如果使用...不是更好吗？ let c = [1,2,3,...b] //还有就是如果两个对象之间相互复制，使用拓展运算符就

2020-12-23 11:14:46 271 2

原创 js浏览器端代码执行顺序事件循环Event Loop 宏任务与微任务

js -> 单线程单线程我们可以理解为：就是js代码在执行过程中，后面的代码想要执行就必须等当前代码执行完成后才可以进行。同步任务与异步任务先执行同步任务，再执行异步任务。同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。宏任务与微任务异步任务又分为了宏任务与微任务；其重要作用是为了增加代码执

2020-12-22 17:18:51 136 1

原创 NProgress 页面加载进度条插件

本文示例是在vue中展示首先安装nprogress npm nprogress -S 然后在路由的全局钩子函数中配置很简单，一会就实现了 import { createRouter, createWebHistory } from "vue-router"; import NProgress from "nprogress"; import "nprogress/nprogress.css"; import Routes from "./routers"; const router = cre.

2020-12-21 18:30:25 158

原创 vue3 新特性总结

Vue2 到 Vue3 最直观的改变就是 Composition API——几乎所有的 Vue2 options 方法都被放到了 setup 函数里。就是从基于对象的编程（OOP）转向了函数式编程（FP）。创建方式首先创建方式发生了改变 import { createApp } from "vue"; createApp(App) Teleport 可以改变它包含的html渲染的节点位置，例如：下边的div将会渲染到body下边 <teleport to="body"> &lt.

2020-12-21 18:08:22 371 2

原创 vue路由懒加载之分包分模块加载

路由懒加载分包如下代码， Home无任何处理，直接引入 Ceshi 运用官方推荐的路由懒加载，优化首页加载的时间 About在路由懒加载的基础上，进行了分包，webpackChunkName: “name”，注意该注释，name一样的会被打包在一起。注释不可省略。只有在跳到该路由的时候，才会加载 import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router"; import Home from "../views

2020-12-21 15:29:32 2322

原创详解js数据类型之深浅拷贝

数据类型 undefined ---------- 未定义 Undefined boolean ------------ 布尔值 Boolean string -------------- 字符串 String number ------------ 数值类型 Number object ------------- 对象 Object null --------------- 空 Null symbol ------------ Symbol es6新增的深浅拷贝 js数据类型分为基本数据类型

2020-12-21 15:12:30 174

原创小程序ios真机 z-index 问题

在小程序开发工具中，z-index层级设置展示是正常的，但是在ios真机中回出现问题。层级设置在同一个view父集之下，那么展示就是正常的层级设置在不同view父集之下，那么开发工具展示是正常的，ios真机有问题 android 展示一切正常所以为了兼容，利用z-index设置层级时，得在同一个父集元素之下 ...

2020-12-18 15:02:04 1160

暖光的博客