
Vue
css3html5csdn
from JQ to shopify
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Cannot convert undefined or null to object
1、Object.keys()中传错了参数2、由于undefined和null无法转成对象,所以如果它们做为Object.assign()的参数(只有一个参数),也会报错原创 2020-03-11 14:30:31 · 1471 阅读 · 0 评论 -
Uncaught RangeError: Maximum call stack size exceeded.
堆栈溢出的产生是由于过多的函数调用,导致调用堆栈无法容纳这些调用的返回地址,一般容易在递归中产生。所以这种错误一般是在递归函数当中出现,结合报错提示中提到的 returnNodeParameter方法,查看 returnNodeParameter方法自身以及 returnNodeParameter内其他调用方法中是否存在递归函数调用。自己写的代码,那些是递归函数那些不是,心里都有数,既然明确了是递...原创 2020-02-26 09:52:23 · 310 阅读 · 0 评论 -
nuxt通过Nginx简单配置转发,实现axios跨域
跨域是前端开发中经常会遇到的问题,前端调用后台服务时,通常会遇到 No ‘Access-Control-Allow-Origin’ header is present on the requested resource的错误,这是因为浏览器的同源策略拒绝了我们的请求。所谓同源是指,域名(包含二级域名),协议(http/https),端口相同,浏览器执行一个脚本时同源的脚本才会被执行。如果非同源,...原创 2020-01-18 15:37:10 · 1797 阅读 · 0 评论 -
10% building 2/2 modules 0 active ERROR Error: Cannot find module 'core-js/modules/es6.regexp.const
在package.json的devDependencies.加入"core-js": "^2.6.8"然后$ npm install就好了原创 2019-12-18 13:50:52 · 4194 阅读 · 0 评论 -
ele ui upload上传组件取消无效
在写项目的时候,使用了ele ui的上传组件,在before-upload函数里判断,图片类型<el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card" :on-preview="handlePictureCardPreview" :before-uploa...原创 2019-12-16 17:17:28 · 1009 阅读 · 1 评论 -
Nuxt国际化 Nuxt国际化 Vue i18n ssr vue i18n Vue ssr 国际化
在plugins/lang/index.js文件import Vue from "vue";import VueI18n from 'vue-i18n'Vue.use(VueI18n)export default (context) => { const i18n = new VueI18n({ locale: 'en', messages: ...原创 2019-05-10 19:34:30 · 1393 阅读 · 0 评论 -
nuxt i18n国际化 多语言
nuxt.config.js的plugins中'~plugins/lang/index.js',plugins/lang/index.jsimport Vue from "vue";import VueI18n from 'vue-i18n'Vue.use(VueI18n)let cookieFun = { set: function(key, val, time) { //...原创 2019-05-09 18:01:12 · 2568 阅读 · 0 评论 -
VUE:keep-alive的两个钩子函数activated与deactivated activated不触发 deactivated不触发
如下转自Vue官网:https://cn.vuejs.org/activated类型:func触发时机:keep-alive组件激活时使用;deactivated类型:func触发时机:keep-alive组件停用时调用;原创 2019-05-14 16:42:13 · 6791 阅读 · 0 评论 -
vue项目中滚动到某元素位置
1.使用a标签+#号<a href="#box1">我跳到box1</a><div id="box2"></div>上面这一种的缺点是,url会发生改变,会在url最后面加上片段识别符#box2,这样就改变了URL的路径,这是我们不想看到的。因为再次刷新的时候回出现问题。当使用 vue-router回退时,发现需要回退很多次。2.scrol...原创 2019-04-15 15:45:38 · 3689 阅读 · 0 评论 -
vue-router的push和replace的区别
1.this.$router.push()描述:跳转到不同的url,但这个方法会向history栈添加一个记录,点击后退会返回到上一个页面。2.this.$router.replace()描述:同样是跳转到指定的url,但是这个方法不会向history里面添加新的记录,点击返回,会跳转到上上一个页面。上一个记录是不存在的。3.this.$router.go(n)相对于当前页面向前或向后跳...原创 2019-05-15 18:49:20 · 265 阅读 · 0 评论 -
Update check failed: Error: Manifest request to .hot-update.json timed out. 热更新失败!
Uncaught (in promise) Error: Manifest request to /48e3e4f951b46a4712d2.hot-update.json timed out.at XMLHttpRequest.request.onreadystatechangepdate check failed: Error: Manifest request to /48e3e4f9...原创 2019-06-06 17:20:34 · 4541 阅读 · 0 评论 -
vue中使用less,穿透/deep/ , >>>
<style>/* 这里写你要穿透的代码*/</style><style scoped>/* local styles */</style>原创 2019-06-10 14:38:28 · 16523 阅读 · 0 评论 -
浅谈服务端渲染(SSR)
最近在把一个c端的项目重构成首屏服务端渲染(SSR:server side render)项目用到的技术: React 、webpack、koa2、webpack对于重构成SSR,redux并不是必须的,所以没用redux本篇文章先讲述一些理论的东西,之后会写代码篇一、 什么是服务端渲染简单理解是将组件或页面通过服务器生成html字符串,再发送到浏览器,最后将静态标记"混合"为客户端上完...原创 2019-08-19 14:17:32 · 830 阅读 · 0 评论 -
vue-scroller记录滚动位置
问题描述:列表页进入详情页,或者tab页切换,然后再返回列表页,希望能切换到之前滚动位置解决问题思路:切换到其他页面前记录位置,返回列表页的时候返回位置。这就需要借助vue-router的beforeRouteEnter和beforeRouteLeave这两个钩子去实现.还有一种更简单粗暴的方法, vue-scroller.min.js源码中添加宽高不为零判断,实现方式见评论,是最近代码优...原创 2019-09-24 14:37:43 · 309 阅读 · 0 评论 -
Vue 全站缓存之 keep-alive : 动态移除缓存
阅读本文之前,默认大家对 vue 和 keep-alive 都很熟悉,所以不再啰嗦相关资料,直接进入正文有耐心的话,且听我细细道来,如果你遇到过类似问题,或正在寻找解决方案,那么你可以直接翻到文末看结论。以一个记账项目举例,常见的场景有首页、记到账页面、选择合同、新建合同、选择客户、新建客户这些页面。在这些页面中,很显然,用户的浏览行为应该是逐渐深入的,通俗得讲就是浏览页面在不断前进。而...原创 2019-09-25 11:36:23 · 1833 阅读 · 0 评论 -
a-tabs defaultActiveKey默认值无效
使用ant design vue的tab切换初始值无效<template> <a-tabs defaultActiveKey="1"> <a-tab-pane tab="Tab 1" key="1">Tab 1</a-tab-pane> <a-tab-pane tab="Tab 2" disabled key="2">...原创 2019-09-25 19:08:16 · 7377 阅读 · 3 评论 -
Vue深度复制深度copy
JSON.stringify(value [, replacer] [, space]) 现将引用类型的数据转成字符串类型,然后copy字符串之后转成引用类型原创 2019-03-27 12:28:24 · 2252 阅读 · 0 评论 -
keyframes
定义动画@keyframes animatename {0% {}50% {}100% {}}执行动画animation: keyframesName time reverse(“反转”);设置动画执行的圆点transfrom-origin:left center使用animate.css1,引入animate.css文件2,在标签上自定义class enter-ac...原创 2019-02-25 11:07:36 · 726 阅读 · 0 评论 -
Vue中样式的绑定class与style
first wayclass的对象绑定&lt;div id="app"&gt; &lt;div :class="{colorred:isred}" &gt;message&lt;/div&gt;&lt;/div&gt;data:{ isred:true}Dom messageS原创 2019-02-22 11:10:02 · 190 阅读 · 0 评论 -
vue模板中数据的动态绑定
<div id="#app> <div :attr1="a" >.</div> <div :attr1="b" >.</div> <div :attr1="[a,b]" >.</div> <div&原创 2019-02-22 11:44:26 · 799 阅读 · 0 评论 -
vue样式动态绑定
v-on 简写::class string [] 数组中可以是变量也可以是string 会将数组中的",“去除后渲染在dom object {} 将 key 作为class 渲染在dom上:attr string [] 不会去除”," {} 显示 objectstyle string obj [obj , obj]...原创 2019-02-22 16:49:14 · 666 阅读 · 0 评论 -
vue中v-if与v-show的区别
v-if后面可以跟v-else,v-showdisplay:none;vue的diff算法,会尽量减少dom的更改,尽量复用dom,要给v-if里的dom加key值原创 2019-02-23 13:07:50 · 284 阅读 · 0 评论 -
vue中数据改变页面不变
vue中,数组改变有7种变异方法,pop,push,shift,unshift,sort,splice,reverse除此之外还有改变整个引用,用下超改变数据,数据会变但是页面不变。vue中的对象,直接在对象上添加新属性,页面值不变,修改已有属性,页面会改变。可以用改变引用的形式,添加新属性...原创 2019-02-23 13:09:30 · 4855 阅读 · 0 评论 -
Vue的组件中data必须是函数,其返回值是一个对象
Vue.component({ template:"&lt;div&gt;全局组件&lt;/div&gt;", data:function(){ return { name:"css3html5", date:"20190223" } }})es6函数简写为Vue.compon原创 2019-02-23 13:19:44 · 2917 阅读 · 0 评论 -
Vue中set的使用,Vue中set与$set的区别
Vue.set(data,key,value);data可以是Array or Object在Vue中直接操作数组的下标,会改变数组,但是不会更新页面真实DOM,例如&amp;lt;div id=&quot;app&quot;&amp;gt; &amp;lt;div v-for=&quot;(item, index) of list&quot;&amp;gt;原创 2019-02-23 13:59:28 · 8667 阅读 · 2 评论 -
Vue中v-for与for in的区别js
在Vue中v-for ="(value, index) in list"在for(let index,item in list){}为了避免顺序混淆建议大家在Vue模板中使用v-for = “(value,index) of list”原创 2019-02-23 14:34:59 · 13478 阅读 · 3 评论 -
koala考拉软件的安装和使用 sass/scss的编译工具koala
下载链接:https://pan.baidu.com/s/1XPu3HLK25Ht6eHXdA_HKOw 提取码: 4ty4第一步,先安装后并运行这个koala软件。选择设置,更改语言为简体中文,记得关闭软件重启字体更改才会生效。第二步,拖拽要编译的文件到koala第三步,编译...原创 2019-02-23 15:55:21 · 3929 阅读 · 0 评论 -
vue ios9下for in Object遍历问题
data() { return {list: [2]}}for (let i in this.list) { console.log("let in this.list = " +i)}// 这里的log将会打印两次。let list=[2]for (let i in list) { console.log("let in local list...原创 2019-02-23 17:17:56 · 511 阅读 · 0 评论 -
组件绑定事件与源生事件
在组件上绑定的事件,分为两种,一种是监听事件,只能由组件内通过$emit()触发,另一种,是原生事件,触发在父元素中的方法想在组件上触发原生事件需要在事件后加.native<div id="app"> <item @click="handleClick"><item> <item @click.native="handleCli...原创 2019-02-24 12:44:42 · 295 阅读 · 0 评论 -
Vue的总线机制
非父子组件传值1,vux2,发布订阅模式在Vue中称为总线机制,使用Bus实现,又称为观察者模式Vue.prototype.bus=newVue()在Vue的原型对象上绑定一个Bus属性,这个属性的值是一个Vue实例,这个实例上有bus = new Vue()在Vue的原型对象上绑定一个Bus属性,这个属性的值是一个Vue实例,这个实例上有bus=newVue()在Vue的原型对象上绑定...原创 2019-02-24 13:54:19 · 655 阅读 · 0 评论 -
Vue slot插槽
slot插槽 只有一个在父组件中的写入的dom,会被解析成插槽,在子组件的tempalte中可以使用默认值标签来代替父组件中的Dom template:""具名插槽,有多个 template:""...原创 2019-02-24 14:20:44 · 296 阅读 · 0 评论 -
Vue中动画transition
Vue中使用动画要在组件外包裹一层标签如果transition上有name的话,动画的class要以fade-开头,没有name则会以v为前缀在执行动画前,会给组件添加v-enter或者v-leave 与v-enter-active/v-leave-active执行动画中会添加v-enter-to/v-leave-to...原创 2019-02-25 09:59:43 · 183 阅读 · 0 评论 -
Vue中使用animate.css
Vue中使用keyframesv-enter v-enter-to v-enter-active自定义class名Vue中使用animate.css1,引入animate.css2,在enter-active-class上加animated 然后加其他的动画效果名原创 2019-02-25 10:29:13 · 206 阅读 · 0 评论 -
computed的set与get
// computed是一个对象,不是一个函数computed:{ fullName () { return this.firstName + this.lastName; }}使用get 与 setcomputed:{ fullName:{ // 这里是一个对象object get () { // 每次调用fullName的时候执行 con...原创 2019-02-22 10:42:04 · 321 阅读 · 0 评论