- 博客(151)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 vuex 学习笔记
目录介绍目录介绍在学习vuex时做的学习笔记，内容会持续更新！目录1、数据管理模式2、vue中store3、开始4、state5、Getter6、mutations7、Action8、module9、项目结构10、严格模式...
2020-02-29 21:16:30
209
原创 vue-router学习笔记
目录介绍目录介绍学习vue-router做的一些总结笔记，内容会持续更新！目录1、HTML和JS中使用router2、动态路由3、嵌套路由4、编程式导航5、命名路由、命名视图6、重定向、别名7、路由组件传参8、导航守卫9、路由元信息10、过度动效11、数据获取12、滚动条位置...
2020-02-29 10:34:13
355
原创 21、JS中的this详解
目录this基础理解JS中深入理解this基础理解1、在方法中，this表示该方法所属的对象如下所示：var Person ={ firstName:'John', lastName:'Doe', id:5566, fullName:function(){ return this.firstName+""+this.lastName; ...
2020-02-28 20:59:05
291
原创 8、导航守卫
目录介绍导航守卫全局的导航守卫路由独享的守卫组件内的守卫对上述进行总结：介绍导航守卫导航守卫就是路由跳转过程中的一些钩子函数，再直白点就是路由跳转是一个大的过程，这个大的过程分为跳转前中后等细小的过程，每一个过程中都有一个函数，这个函数给了你能操作一些其它事的时机，这就是导航守卫。(可以类比于vue的生命周期)导航守卫分为：全局导航守卫、组件内的导航守卫、单个路由独享的导航守卫全局的导航...
2020-02-22 18:53:31
379
原创 ES6 学习笔记
介绍本文是在学习ES6时，看视频时做的学习笔记。视频地址为https://www.bilibili.com/video/av47304735，这个视频讲解的比较不错。目录ES6 var let constES6 箭头函数ES6 函数参数默认值ES6 模板字符串ES6 中新增字符串函数ES6 对象解构、数组解构ES6 JS arguments 参数ES6 数组新方法ES6 剩...
2020-02-02 18:30:48
882
原创 ES6 var let const
ES6 var let const欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导...
2020-02-02 17:02:55
309
原创 flexible.js原理理解
结合以下几篇文章，深入理解flexible.js1、https://www.runoob.com/w3cnote/viewport-deep-understanding.html2、https://segmentfault.com/a/11900000044034963、https://www.cnblogs.com/xiuhongbin/p/tiantain.html4、https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.htm
2021-09-03 16:17:00
375
原创 bable教程
1、https://www.cnblogs.com/lsgxeva/p/7758184.html2、https://www.babeljs.cn/docs/
2021-01-14 10:05:41
228
原创 axios中设置content-type
参考文章:1、https://www.cnblogs.com/jdWu-d/p/12036528.html2、https://www.cnblogs.com/dreamcc/p/10752604.html
2021-01-07 13:47:38
386
原创 JS中的单线程与多线程、事件循环与消息队列、宏任务与微任务
可以结合下述几个文章一起理解1、https://www.cnblogs.com/phoebeyue/p/13678440.html
2020-12-24 11:41:45
141
原创 4、webpack生产环境优化配置
生产环境优化配置优化打包构建速度1、oneof2、bable缓存3、多进程打包4、externals防止将某些包，打包到最终的输出目录中5、dll使用dll技术，对某些库单独打包使用创建webpack.dll.jsconst webpack = require('webpack')module.exports ={ entry:{ // 最终打包生成的name为jquery,['jQuery']表示要打包的库是jQuery jquery: ['j
2020-12-23 21:24:20
214
原创 3、webpack生产环境基本配置
开发环境问题1、开发环境中的css是在js文件中，需要先下载js代码然后创建style标签，会出现闪屏现象，生产环境需要将css代码从js代码中提取出来2、js、css代码需要进行压缩3、css、js具有兼容性问题–> 1、让代码性能更好、运行更快。2、兼容浏览器生产环境webpack.config.js 配置1、mini-css-extract-plugin 提取js中的css，形成单独的文件npm install --save-dev mini-css-extract-plugin
2020-12-22 21:49:09
187
2
原创 2、webpack开发环境优化配置
开发环境优化配置1、优化打包构建速度HMR2、优化代码调试source-mapconst { resolve } =require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { // 可以将index.html文件配置在入口文件，使得html文件能够热更新，但一般不需要配置，html文件不需要热更新 // entry: ['./src/js/index.js
2020-12-22 21:35:30
113
原创 webpack开发环境基本配置
开发环境配置文件 webpack.config.js开发环境配置文件webpack.config.js1、下载css-loader、style-loader、less-loader、lessnpm i css-loader style-loader less-loader less -D2、打包html资源，下载html-webpack-pluginnpm install --save-dev html-webpack-plugin3、打包图片资源、下载图片html-loader、url-l
2020-12-22 21:24:58
131
原创 vue前端权限控制
https://www.cnblogs.com/zhangruiqi/p/12690488.html?from=singlemessage
2020-09-05 21:24:01
141
原创 49、淘宝网练习
文章目录介绍淘宝网练习介绍文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记淘宝网练习<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>*{ marging:0; padding:0}/* 设置外层容器*/.nav{ width:100%
2020-07-21 17:00:07
268
原创 48、弹性容器、元素的样式
文章目录介绍弹性容器的样式弹性元素的样式介绍文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记弹性容器的样式<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>*{ margin:0; padding:0; list-style:none;}ul{
2020-07-21 16:32:09
195
原创 47、flex
文章目录介绍flex介绍本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记flex<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style> 1、flex(弹性盒，伸缩盒) - 是css中的一种布局手段，它主要用来代替浮动来完成页面布局 - flex 可以使元素具
2020-07-21 15:52:37
161
原创 46、less
文章目录介绍lessless语法混合函数介绍本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记less<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>1\less是css的预处理语言 - less是css的增强，通过less编写更少的代码实现更强大的样式 -
2020-07-21 14:29:52
145
原创 45、变形
文章目录介绍变形z轴平移旋转钟表练习立体图片容器缩放介绍本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记变形<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.box1{ width:200px; height:200px; background-
2020-07-21 14:06:36
145
原创 44、动画
文章目录介绍动画练习动画补充介绍本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记动画<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.box1{ height:800px; background-color:silver; overflow:hi
2020-07-21 13:23:53
135
原创 42、过渡
文章目录介绍过渡练习介绍本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记过渡<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>*{ margin:0; padding:0}.box1{ width:800px; height:800px
2020-07-21 11:37:17
152
原创 40、表单
文章目录介绍表单介绍本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记表单<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>1、autocomplete 自动填充属性2、readonly 将表单项设为只读 数据会提交3、disabled 将表单项设置为禁用 数据不会提
2020-07-21 11:18:26
130
原创 39、表格
文章目录介绍表格表格样式介绍本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记表格<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>1、colspan 横向合并单元格2、rolspan 纵向合并单元格可以将一个表格分成三个部分 头部 thead 主体
2020-07-21 11:15:36
111
原创 38、渐变
文章目录介绍渐变径向渐变介绍本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记渐变<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.box1{ width:200px; height:200px; 渐变，可以设置一些复杂的背景颜色，
2020-07-21 11:02:02
138
原创 37、雪碧图
文章目录介绍雪碧图介绍本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记雪碧图<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>1、解决图片闪烁问题 - 将多个小图片保存到一个大图片中，通过调整background-position来 显示图片的位置，这样
2020-07-21 10:47:42
106
原创 36、背景
文章目录介绍背景介绍本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记背景<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>.box1{ width:500px; height:500px; 1、background-color:设置背景颜色
2020-07-21 10:36:24
134
原创 35、京东导航条
文章目录京东导航条京东导航条<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title> 引入重置样式表 引入图标字体</head><style>body{ font-size:12px;}clearfix::before,clearfix::after{ content:"",
2020-07-20 17:46:09
311
原创 34、文本的水平和垂直对齐
1、text-align2、vertical-align3、text-decoration4、如何将多余文字设置为省略号
2020-06-27 20:46:02
697
原创 33、字体的简写属性
文章目录介绍字体的简写属性介绍本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记字体的简写属性<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>div{ border :1px red solid; 1、font 可以设置字体相关的所有属性
2020-06-27 20:27:05
209
原创 30、京东轮播图
文章目录介绍京东轮播图介绍本文是在学习CSS时做的学习笔记，所有笔记内容为 CSS学习笔记京东轮播图<html lang="en"><head> <meta charset="UTF-8"> <title>meta</title></head><style>1、设置图片的容器.img-list{ width:590px; height:470px; marign
2020-06-27 11:14:06
213
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人