- 博客(19)
- 收藏
- 关注
RSS订阅原创 本地安装webpack打包出错
安装webpack时采用本地安装，打包时在终端进行打包发现一直出错，以为一定要全局安装。后来在b站上看到另一个讲webpack原理讲的非常透彻的课程，理解了很多老师说，在终端直接采用webpack命令打包的全部是默认全局webpack打包，除非手动规定路径。要使用webpack本地打包可以采用以下步骤在 package.json 文件中进行设置即在 scripts 下面添加 bui...
2020-03-28 16:26:52
263
原创 javascript 合并两个有序数组
function arrayCopy(src, srcIndex, dest, destIndex, length) { dest.splice(destIndex, length, ...src.slice(srcIndex, srcIndex + length)); } arrayCopy(nums2, 0, nums1, 0, p2 + 1); ...
2020-03-27 18:00:07
137
原创 webpack 4.0安装
1.打开项目目录的终端，进入该目录的cmd控制面板2.初始化项目官方文档对于为什么倾向于本地安装的说明：3. 安装 webpacknpm install --save-dev webpack4. 安装webpack-clinpm install --save-dev webpack-cli...
2020-03-25 20:35:15
138
原创 Vue 路由--采用命名视图实现布局
<div id="app"> <router-view ></router-view> <div class="container"> <router-view name="left"></router-view> <router-view name="ma...
2020-03-22 14:05:33
105
原创 Vue 设置选中路由的样式
<style> .router-link-active { font-size: 30px; font-weight: 600; color: pink; } </style>同时，也可自己设置链接激活时的CSS类名 >>> 通...
2020-03-22 09:59:05
1010
原创 Vue 路由vue-router的基本使用
1. 安装路由模块<!-- 1. 安装vue-router 路由模块 --> <script src="vue-router.js"></script>2. 创建路由对象 // 组件的模板对象 var login = { template: '<h1>登录组件</h1>' ...
2020-03-22 08:11:19
121
原创 Vue 分别使用过渡类名 animate.css 钩子函数等实现动画效果
1. 使用过渡类名实现动画v-enter: 进入之前元素的起始状态，还没有进入v-enter-to: 定义进入过渡的结束状态v-enter-active:定义进入过渡生效时的状态v-leave:定义离开过渡的开始状态v-leave-to: 动画离开之后，离开的终止状态，此时元素动画已结束v-leave-enter: 定义离开过渡生效时的状态 <div id="app"...
2020-03-19 16:14:39
320
原创 Vue 自定义指令
v-show v-model 等为默认的内置指令，Vue还可以自定义指令1.让文本框获取焦点<div id="app"> <input type="text" id="search" v-focus></div><script> var vm =new Vue({ el: '#app', dat...
2020-03-18 14:21:26
282
原创 Vue 全局过滤器和私有过滤器
全局过滤器<div id="app"> <p>{{ msg | msgFormat }}</p> <!-- msgFormat为过滤器名称 --></div><script> // function的第一个参数已经规定死了，永远是过滤器管道符“|”前面传递过来的数据 Vue.filter('...
2020-03-17 14:27:52
302
原创 Vue 父组件与子组件之间组件传值
子组件默认无法访问到父组件中的data上的数据和methods中的方法1. 父组件向子组件传值， 通过props<div id="app"> <com1 v-bind:parentmsg="msg"></com1> //父组件可以在引用子组件的时候，通过v-bind：，以属性绑定的方式将需要传递给子组件的数据传递到子组件内部，供子组件使用&l...
2020-03-15 15:35:26
97
原创 JS： indexOf() includes() new Set()
indexOfstringObject.indexOf(searchvalue,fromindex)该方法将从字符串的 fromindex 处或字符串的开头（没有指定 fromindex 时）检索字符串 stringObject，看它是否含有子串 searchvalue。如果找到一个 searchvalue，则返回 searchvalue 的第一次出现的位置。stringObject 中的字...
2020-03-15 14:27:34
377
原创 Vue 组件切换
登录与注册的切换方式1<div id="app"> <a href="" @click.prevent="flag=true">登录</a> // 非常愚蠢的给 true 和 false 加了引号，一直不能完成组件的切换，搞得怀疑人生 <a href="" @click.prevent="flag=false">注册...
2020-03-15 14:26:55
130
原创 Vue 组件创建 组件中的data和methods
<div id="app"> <counter></counter></div><template id="tmpl"> <div> <input type="button" value="+1" @click = "increment"> <h3>...
2020-03-15 14:25:56
354
原创 Vue 创建组件
第一种<div id="app"> <mycom1></mycom1></div> <script> Vue.component('mycom1', Vue.extend({ template: '<h3>使用Vue.extend创建的组件</h3>' }))...
2020-03-12 19:56:34
95
原创 Vue v-if 和 v-show的区别
v-if每次都会重新删除或创建元素有较高的初始渲染消耗v-show每次不会重新进行DOM元素的操作，只是切换了元素的display:none样式有较高的初始渲染消耗总结如果元素涉及到频繁的切换，最好使用v-show如果元素可能永远也不会显示出来被用户看到，则推荐使用v-if<div id="app"> <input type="button"...
2020-03-10 12:24:35
118
原创 vue实例的生命周期
生命周期钩子=生命周期函数=生命周期事件生命周期函数：创建、运行、销毁期间的生命周期函数1、创建期间的生命周期函数(1) beforeCreate： 实例刚在内存中被创建出来，此时，还没有初始化好data和methods属性<div id="app"> <h3 id="h3">{{ msg }}</h3></div> &l...
2020-03-04 16:55:04
103
原创 计算属性和监听器 computed watch methods对比
computed<div id="app"> <input type="text" v-model="firstname">+ <input type="text" v-model="lastname">= <input type="text" v-model="fullname"></div><sc...
2020-03-04 14:01:55
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人