- 博客(20)
- 收藏
- 关注
RSS订阅原创 2021-09-12
vue-router4: createWebHashHIstory,createWebHIstory 路由懒加载：import （‘组件路径’）（如果不配懒加载，则webpack会把所有的代码都打包到一个文件里） ///webpackChunkName:‘home-chunk’/可以控制打包后的名字 import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'; const routes=[ {pa
2021-09-12 18:06:39
69
原创 Vue常用组件库
1、element-ui 2、vue-table-with-tree-grid 3、vue-quill-editor 4、echarts ps：lodash（深拷贝）
2020-12-10 21:53:54
256
原创 NPM 的一些包
1、密码加密 bcrypt 2、登陆验证（cookie，session）：express-session 3、验证规则器：joi 4、解析表单：formidable 使用：form=new formidable.IncomingForm(); 5、分页：mongoose-sex-page 6、在开发环境中将客户请求信息打印到控制台中：morgan 7、将不同环境的配置抽取到单独的文件中：config ...
2020-12-08 15:35:48
90
原创 node常用包
1、npm install nodemon -g (实时监控。动态执行) 2、npm install nrm -g （切换下载地址） 使用：nrm ls nrm use taobao 3、npm install gulp（依赖：npm install gulp-cli -g） 使用：新建gulpfile.js 执行任务：gulp “任务名称” gulp插件: 1、html任务（gulp-html（压缩） gulp-file-include(公共文件抽取)） 2、css任务（gulp-csso（压缩）
2020-12-07 10:27:22
244
原创 better-sroll使用
功能：重点解决移动端（已支持 PC）各种滚动场景需求的插件 1、probeType: //0,1:不侦测滚动 //2，手指触摸屏幕是侦测滚动 //3，手指离开屏幕依然侦测滚动 2、pullUpLoad=true（上拉加载更多） 实例应用： 1、封装模块 <template> <div class="wrapper" ref="wrapper"> <div class="content"></div> </div> </temp
2020-12-03 10:55:17
181
原创 Vue项目报错记录
1、文件命名（否则会引起不必要的警告） 1、*.js文件命名规范 属于类的.js文件，除index.js外，使用PascalBase风格 其它类型的.js文件，使用kebab-case风格 属于api的，统一加上api后缀 2、*.vue文件命名规范 除index.vue之外，其它.vue文件统一用PascalBase风格 3、*scss/*.css/* 统一使用kebab-case命名风格 4、vue，js的
2020-12-03 10:54:49
174
原创 axios知识点
1、安装 npm install axios --save 2、全局配置（main.js） 1、axios.defaults.baseURL=‘http://192.168.88.30:8000’ 2、axios.defaults.timeout=5000(超时) 3、创建对应的局部配置 例如：const instance1=axios.create({ baseURL:‘http://192.168.88.30:8000’, timeout:5000 }) (请求) instance1({ url:’/h
2020-11-26 17:54:18
56
原创 Vuex知识点
1、概念：多个组件数据共享，状态共享 const store=Vuex.Store({ state:{ //作用：保存数据，保存状态 //组件中使用：this.$store.state.xxx //单一状态树：所有数据放在一个store中，便于管理 }, mutations:{ //作用：同步操作，响应式修改数据 //组件中使用：this.$store.commit("xxx"，‘参数’) //修改state唯一的途径 }, actions:{
2020-11-26 15:37:10
62
原创 Vue脚手架知识点
Vue脚手架知识点 1、安装vue脚手架 npm install -g @vue/cli 2、创建项目 1、vue create project 3、 项目目录分析 1、public文件夹（打包时候里面的内容会原封不动的打包进去） 2、src文件夹（源代码） 3、.browserslistrc（浏览器配置文件） 4、.gitignore（忽略文件） vueRouter(路由) 1、前端路由 2、后端路由 3、前后端渲染 4、SPA（单页面复应用，改变url页面不会重新 1、安装 npm install vu
2020-11-26 09:36:42
180
原创 webpack常用插件（plugin）
plugin知识点 1、版权插件： new webpack.BannerPlugin(“最终版权归aaa所有”) 2、打包html 的插件 1、下载 npm install html-webpack-plugin 2、引入：const HtmlWebpackPlugin= require(’html-webpack-plugin‘) 3、new HtmlWebpackPlugin（{}） 3、js压缩的plugin 1、下载npm install uglifyjs-webpack-plugin 2、引入
2020-11-24 15:59:00
202
原创 webpack知识点
webpack知识点 1、概念：javascript应用的静态模块打包工具 2、对比gulp：只需要进行简单的合并，压缩，使用gulp即可，更加强调的是前端流程的自动化 webpack强调模块化开发管理，而文件压缩合并预处理等等都是附带的功能 3、安装（依赖node环境） 1、安装node.js 2、安装webpack （npm install webpack -g） 4、使用 目录结构：index.html—>src（文件夹 main.js）------>dist(文件夹 bundle.js
2020-11-24 14:52:41
49
原创 vue知识点
vue知识点： 1、计算属性与method方法对比 计算属性多次调用的时候，会将结果进行缓存，只运行一次。而methods方法会多次调用，因此计算属性性能更高。 2、数组方法响应式 vue中无法通过索引值响应式修改数组的值。例如 arr[0]=‘aaa’（错误的），如果想修改，可以通过splice，或者vue.set(要修改的值，索引值，修改后) 3、v-model原理 v-bind与v-on结合使用 4、v-model修饰符 v-model. lazy v-model.number
2020-11-23 17:19:13
47
原创 2020-09-24
焦点图做法： 1、html主体结构 <div class="w"> <div class="main w"> <div class="focus fl"> <ul> <li> <a href="javascript:;"><img src="images/focus.pn
2020-09-24 22:32:46
358
原创 2020-09-23
仿京东放大镜效果：鼠标经过的小图时候显示大图并且伴随移动 1、写html结构 <div class="box1"> <!-- 小图片 --> <img src="../images/s3.png" alt=""> <!-- 滑块 --> <div class="mask"></div> <div class="box2">
2020-09-23 17:41:58
73
原创 2020-09-18
jivascrpit预解析案例： 1. function fun(){ var a=b=c=9;//等价于var a=9；b=9; c=9 console.log(a); console.log(b); console.log(c); } fun(); console.log(a); console.log(b); console.log(c); 2.预解析过程 f
2020-09-18 10:23:06
52
原创 2020-09-18
javascript预解析案例： （1、先提升var申明的变量。但是不提升赋值 2、提升function申明的函数 3、执行 ） 代码： var num=10; fun(); function fun(){ console.log(num); var num=20; } 预解析过程：var num; function fun(){ var num; console.log(num); num=20; } num=10; fun(); 因此最终结果为：undefined ...
2020-09-18 10:07:09
113
原创 节点操作
1、document.write //覆盖原有内容 例如： em操纵 div文本 strong操作 节点操作 原来结果： 点击按钮以后结果：  创建节点 
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人