8 No Silver Bullet

尚未进行身份认证

No Silver Bullet.

等级
TA的排名 51

Vue进阶(八十四):vue中Computed 和 Watch的使用和区别

Computed可以关联多个实时计算的对象,当这些对象中的其中一个改变时都会触发这个属性,具有缓存能力,所以只有当数据再次改变时才会重新渲染,否则就会直接拿取缓存中的数据。举个例子:当我们想让div元素的背景色和文字颜色一致时,我们就可以使用computed属性。此时computed只会在初次渲染和文字颜色改变的情况下才会触发。其他情况下会直接从缓存中读取。Watch当你需要在数据变化...

2019-11-10 19:02:13

Vue进阶(八十三): Vue中updated和watch的区别

watch仅仅是数据发生改变的时候会侦听到;只是会检测到你写在watch里的那些属性,没写的就不会触发。updated执行到它的时候时候是数据发生变化且界面更新完毕;不能监听到路由数据(例如网址中的参数);所有的数据发生变化都会调用(消耗性能);每次触发的代码都是同一个。...

2019-11-10 18:57:52

Vue进阶(八十二):vue 中updated的使用

由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子。无论是组件本身的数据变更,还是从父组件接收到的props或者从vuex里面拿到的数据有变更,都会触发虚拟DOM重新渲染和打补丁,并在之后调用updated。有个值得注意的地方,举例说明:例子<template><div><divv-for="(ite...

2019-11-10 18:46:08

Vue进阶(八十一):Vue+element UI实现“回到顶部”按钮组件

介绍这是一个可以快速回到页面顶部的组件,当用户浏览到页面底部的时候,通过点击按钮,可快速回到页面顶部。使用方法由于该组件是基于element-UI进行二次封装的,所以在使用该组件时请务必安装element-UI,安装好element-UI后,只需将该组件文件夹BackToTop导入到现有项目中即可使用。使用示例<template><divid="app">...

2019-11-05 15:34:14

Vue进阶(八十):数组方法及es6新增数组方法

1arr.push()从后面添加元素,返回值为添加完后的数组的长度letarr=[1,2,3,4,5]console.log(arr.push(5))//6console.log(arr)//[1,2,3,4,5,5]2arr.pop()从后面删除元素,只能是一个,返回值是删除的元素letarr=[1,2,3,4,5]console.log(arr.p...

2019-10-10 20:56:10

Vue进阶(七十九):使用postMessage来实现父子通信跨域

1.子向父通信parent.htmlwindow.addEventListener('message',function(e){console.log(e.data);if(e.data.msg==='xxx'){//一些自己的业务逻辑}});child.htmlwindow.parent....

2019-09-20 15:58:01

Vue进阶(七十八):Vue定时器与JS 定时器 setInterval() 和 setTimeout()

在vue中,有两套定时器,一套是浏览器API,window对象上的;另一套就是vue/nodejs封装的,需要引入import{setInterval,clearInterval}from'timers'建议使用window对象自带的,因为不容易错。如果一不小心只引入一个,就怎么也清不掉了。import{setInterval}from'timers'//错误...

2019-09-20 14:32:35

Vue进阶(七十七):vue路由的两种模式:hash与history

对于Vue这类渐进式前端开发框架,为了构建SPA(单页面应用),需要引入前端路由系统,这也就是Vue-router存在的意义。前端路由的核心,就在于改变视图的同时不会向后端发出请求。一、为了达到这个目的,浏览器提供了以下两种支持:1、hash——即地址栏URL中的#符号(此hsah不是密码学里的散列运算)。比如这个URL:http://www.abc.com/#/hello,hash...

2019-09-19 09:30:27

Vue进阶(七十六):vue项目在IE下显示空白打不开问题

解决方法:安装“babel-polyfill”1、命令:npm安装npminstall--save-devbabel-polyfill或cnpminstall--save-devbabel-polyfill2、在入口main.js文件引入:import'babel-polyfill',放页面顶部最好。3、在build文件夹下找到webpack.base.conf.js...

2019-09-18 16:23:05

Vue进阶(七十五):相对路径和绝对路径

绝对路径:是从盘符开始的路径,形如C:\windows\system32\cmd.exe所谓的绝对路径就是完整的路径。相对路径:是从当前路径开始的路径,假如当前路径为C:\windows要描述上述路径,只需输入system32\cmd.exe实际上,严格的相对路径写法应为.\system32\cmd.exe其中,.表示当前路径,在通道情况下可以省略,只有在特殊的情况下不能省略。假...

2019-09-16 11:18:56

ORACLE进阶(十四)<![CDATA[]]>和转义字符

ORACLE进阶(十四)<![CDATA[]]>和转义字符前言      在DAO层,与实体类相关的SQL语句通常配置在XML文件中,如下SQL语句配置:<selectid="queryUsrnmTypOprorder"parameterClass="java.util.HashMap"resu

2018-03-04 15:16:05

网站开发进阶(四十九)由JS报“未结束的字符串常量”引发的思考

网站开发进阶(四十九)由JS报“未结束的字符串常量”引发的思考报错      在做公司项目开发过程中,后期生产环境上报JS出现“未结束的字符串常量”错,如下:      后期经过不断调试,发现是由于Js引擎在解析带有换行字符串时引起的异常。解析后的js代码类似...

2018-03-10 16:04:05

网站开发进阶(五十一)The JSP specification requires that an attribute name is preceded by whitespace

TheJSPspecificationrequiresthatanattributenameisprecededbywhitespace在开发Web项目时,报错如下:错误位置:解决方法:根据错误提示可知,在type属性之前缺少空格,通过添加空格解决问题。...

2018-06-10 17:06:21

Spring进阶(五):Spring事务管理(详解+实例)

Spring进阶(五):Spring事务管理(详解+实例)  写这篇博客之前我首先读了《Springinaction》,之后在网上看了一些关于Spring事务管理的文章,感觉都没有讲全,这里就将书上的和网上关于事务的知识总结一下,参考的文章如下:Spring事务机制详解Spring事务配置的五种方式Spring中的事务管理实例详解1初步理解...

2018-08-26 17:34:36

Vue进阶(七十四):修改element-ui通知组件notification(notify)源码无效

在项目开发过程中,需要将element-ui中的官方样式进行略微变动,但是在找到以来的代码进行更改之后发现样式并未生效,甚至代码都未进行自动编译,这就很奇怪了,从网上搜索发现原来是自己修改的源码是element-ui编译前的,如果自己需要进行样式修改的话,就需要重新编译一遍。具体做法是:重新下载element源码;改掉你想要改的效果,执行命令npmrunbuild;将改掉里面的lib...

2019-09-14 20:20:42

Vue进阶(七十三):vuex中store存储store.commit和store.dispatch的区别及用法

代码示例:this.$store.commit('loginStatus',1);this.$store.dispatch('isLogin',true);规范的使用方式://以载荷形式store.commit('increment',{amount:10//这是额外的参数})//或者使用对象风格的提交方式store.commit({type:'...

2019-09-12 10:05:11

Vue进阶(七十二):css样式中 逗号、空格、冒号、点号的区别

css中用逗号隔开表示两个不同类的样式类名用同一个样式;空格隔开表示从属包含关系,是当前的元素子元素;逗号隔开表示并列关系,两者之间没有任何关系,可以使用同一个样式。比如下面的代码示例:<divclass="content"><spanclass="content-child">子内容</span>内容</div>&lt...

2019-09-09 20:19:11

Vue进阶(七十一):webpack插件实现自动抽取css中的主题色样式,并一键动态切换主题色(element-ui)

项目项目中用了element-ui,有切换主题色的需要。但官方的方式,有几个问题:1、需要下载整个element-ui的样式css,并替换其中的css样式颜色。文件较大,下载慢且影响性能。2、只能替换element-ui本身的颜色样式,项目中自己写的颜色样式替换不掉。3、全部的element-ui样式都重新覆盖,渲染较慢,且容易导致覆盖已有样式出现意外问题。其实带颜色的样式规则只占了所...

2019-09-08 09:02:47

Vue进阶(七十):以vue-cli为例,了解webpack的hash、chunkhash、contenthash

以vue-cli为例,了解webpack的hash、chunkhash、contenthashhash 代表的是compilation的hash值。compilation在项目中任何一个文件改动后就会被重新创建,然后webpack计算新的compilation的hash值。chunkhash 代表chunk的hash,模块发生改变才会重新生成hashcontenthash 解决改变styl...

2019-09-08 15:33:53

Vue进阶(六十九):vue设置title图标

在项目index.html头部引入这句话:<linkrel="icon"href="favicon.ico"type="image/x-icon">把favicon.ico文件放到项目根目录,和index.html同级。项目build文件夹里找到webpack.dev.conf.js和webpack.prod.conf.js这两个文件。在相应地方添加下图红框中的语句。...

2019-09-06 09:16:34

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。