- 博客(16)
- 收藏
- 关注
原创 vue复习-4---组件
组件组件分为全局组件和局部组件全局组件,注册在Vue构造函数上,所有的vue实例又可以使用<div id="app"> <lheng-demo></lheng-demo> <lheng-demo></lheng-demo> <lheng-demo></lheng-demo> &...
2019-08-19 17:57:08
122
原创 vue复习-3---双向数据绑定&watch&computed
双向数据绑定什么是双向数据绑定呢?数据改变影响视图,视图改变影响数据,这样双向的影响叫双向数据绑定<input type="text" :value='value' @input='handleInput'> {{value}}<input type="text" v-model='value'>{{value}}<script> let ap...
2019-08-19 14:15:18
297
原创 vue复习-2---条件渲染和列表渲染
v-if和v-show 的区别首先我们介绍的是条件渲染,v-if会通过判断条件,来决定dom元素是否该存在于文档中,这也是它与v-show的区别之一,v-show改变的是样式display:none即使隐藏了,dom还是会存在。我们想要控制一个组件的显示隐藏,例如<div v-if='show'> --> <div class="box red"></d...
2019-08-11 12:42:49
142
原创 vue复习-1---v-bind和v-on
最近开始复习vue,一下是我对vue这个框架的一点总结vue介绍vue是一套用于构建用户界面的渐进式框架,单从这句话就会有个问题什么是渐进式我的理解就是vue有很多强大的功能,我们可以根据我们的需要,需要什么放入什么,vue不会帮我们做多余的事情vue声明式渲染我们可以使用{{}}来插入我们的数据,数据驱动视图,来渲染到我们的视图层,例如<div id="app">...
2019-08-10 19:10:32
216
原创 webpack4学习之路-9
TapableWebpack本质上是一种事件流机制,它的工作流程就是将各个插件串联起来,核心是Tapable,有点像nodejs的event库,主要依赖发布订阅者模式钩子函数和回调函数的区别钩子函数:在捕获消息的第一时间执行,回调函数:捕获结束时,最后被执行SyncHook- 1.start.jslet { SyncHook } = require('tapable')clas...
2019-08-05 17:19:30
99
原创 webpack4学习之路-8
懒加载- index.jslet btn = document.createElement('button')btn.innerHTML = '点我'btn.addEventListener('click', function() { console.log('click'); // jsonp实现动态加载文件 import ('./source').then(d...
2019-08-05 09:24:17
92
原创 webpack4学习之路-7-优化操作
在此之前我主要的笔记是说明对webpack的操作,接下来我会主要记录对webpack 的优化noParse我们在index.js文件中引入JQimport jquery from jquery这样的命令webpack解析到这一句的时候,会默认进入JQ文件继续解析,看看有没有其他的依赖,但是我们知道JQ里并不包含其他依赖,于是我们可以配置参数来让webpack不去解析JQ文件中是否有其他依赖。以...
2019-08-04 14:46:16
294
原创 webpack4学习之路-6
resolve配置项resolve配置webpack如何寻找模块对应的文件,他有几个常见的属性alias别名,通过别名把原来导入的路径映射成一个新的导入路径mainFields第三方模块会在package.json中指定一些执行的文件路径如:-bootstrap的package.json{ "style": "dist/css/bootstrap.css", "sass": "s...
2019-08-03 14:27:17
123
原创 webpack4学习之路-5
打包多页应用一个项目中可能有多个页面,每个页面都会引入不同的资源文件const path = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = { //多入口 entry: { home: './src/index.js', ...
2019-08-03 10:11:39
143
原创 webpack4学习之路-4
全局变量的引入用jquery来举例,我们要在项目中使用JQ的$cnpm i jquery//js文件中import $ from 'jquery'console.log($,window.$)由于我们使用import将JQ导入,所以webpack会将JQ和文件一起打包,导致JS文件过大,而且通过**window.$**访问不到 $解决方案expose-loader 将变量暴露...
2019-08-01 17:50:55
148
原创 webpack4学习之路-3
转化ES6语法我们在写js的时候很多时候会使用es6语法,但是为了兼容,我们可以使用webpack将es6->es5需要安装的插件babel-loader@babel/core@babel/preset-env //ES6->ES5@babel/plugin-proposal-decorators //装饰器@babel/plugin-proposal-cla...
2019-08-01 11:16:04
122
原创 webpack4学习之路-2
处理css要用到的loader css-loader style-loader ,css-loader:解析@import等语法style-loader:将css插入head中的style里loader要放在module的rules里loader的顺序从右到左,从下到上module: { //模块 rules: [ { ...
2019-07-31 17:19:09
118
原创 webpack4学习之路-1
1.什么是webpackwebpack可以理解为模块打包机,可以将项目中的文件,转换成js文件,方便浏览器的加载。因为在我们的开发过程中出现了像less,sass等工具方便我们的开发,但是这些文件并不能直接被浏览器识别,需要进行额外的处理,但是我们手动处理又很繁琐。webpack的出现很好的解决了这个问题。2.webpack的工作方式把项目当做一个整体,通过给定一个入口文件(index.j...
2019-07-31 10:47:35
127
原创 SSR,SPA,SEO的理解和对比
SEO搜索引擎优化由于SPA是通过AJAX加载页面数据的,很难保证站内数据被SEO获取到,有些搜索引擎对JS和AJAX获取数据并不支持SPA单页应用(single page application)优点页面之间的切换快一定程度上减少了后端服务器的压力后端程序只需要提供API,不用管client是手机端还是PC端缺点首屏打开很慢,用户首次打开要下载SPA框架及应...
2019-07-12 22:20:38
4271
原创 滴答学习假期第一周总结
所为这一周临近过年,家里事情比较多,这一周对项目付出的时间不多。这一周主要熟悉了一下通过axios调用已有的数据接口,写了个小demo。熟悉了vue-router,element-ui。使用element-ui时虽然都是已经写好的模型。但是考虑到自己要根据自己的需要来所修改时有些复杂。因为要考虑到模型之前的样式。可能是我用的还不太熟悉。 关于vue-router目前看到了编程时路由,接下来打...
2019-01-27 21:40:42
151
原创 2059 - authentication plugin 'caching_sha2_password'解决方法
最近mysql不知道怎么搞得突然出了问题,最后迫于无奈只好重新下载了一个8.0版本的。但是下载下来后又出现了新的问题,使用navicat连接mysql时提示我2059 - authentication plugin 'caching_sha2_password'???喵喵震惊。解决方法如下进入MySQL控制台,执行如下命令:通过使用命令行工具(MySql 8.0 Command Line C...
2018-12-29 20:15:10
859
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人