- 博客(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
73
原创 Vue常用组件库
1、element-ui2、vue-table-with-tree-grid3、vue-quill-editor4、echartsps：lodash（深拷贝）
2020-12-10 21:53:54
290
原创 NPM 的一些包
1、密码加密 bcrypt2、登陆验证（cookie，session）：express-session3、验证规则器：joi4、解析表单：formidable使用：form=new formidable.IncomingForm();5、分页：mongoose-sex-page6、在开发环境中将客户请求信息打印到控制台中：morgan7、将不同环境的配置抽取到单独的文件中：config...
2020-12-08 15:35:48
94
原创 node常用包
1、npm install nodemon -g (实时监控。动态执行)2、npm install nrm -g （切换下载地址）使用：nrm ls nrm use taobao3、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
281
原创 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
188
原创 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
204
原创 axios知识点
1、安装 npm install axios --save2、全局配置（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
63
原创 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
92
原创 Vue脚手架知识点
Vue脚手架知识点1、安装vue脚手架 npm install -g @vue/cli2、创建项目1、vue create project3、 项目目录分析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
212
原创 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压缩的plugin1、下载npm install uglifyjs-webpack-plugin 2、引入
2020-11-24 15:59:00
214
原创 webpack知识点
webpack知识点1、概念：javascript应用的静态模块打包工具2、对比gulp：只需要进行简单的合并，压缩，使用gulp即可，更加强调的是前端流程的自动化webpack强调模块化开发管理，而文件压缩合并预处理等等都是附带的功能3、安装（依赖node环境）1、安装node.js2、安装webpack （npm install webpack -g）4、使用目录结构：index.html—>src（文件夹 main.js）------>dist(文件夹 bundle.js
2020-11-24 14:52:41
72
原创 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
72
原创 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
394
原创 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
95
原创 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
78
原创 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
139
原创 节点操作
1、document.write //覆盖原有内容例如： em操纵 div文本 strong操作 节点操作原来结果：点击按钮以后结果：创建节点
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人