实际上我们应该在.eslintrc.js文件中修改 删掉 “@vue/prettier” 就可以了module.exports = {root: true,env: {node: true},extends: ["plugin:vue/essential"], // "@vue/prettier" rules: {"no-console": process.env.NODE_ENV === "production" ? "error" : "off","no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"},parserOptions: {parser: "babel-eslint"}
}; 原文：https://www.cnblogs.com/Sab...
最近花了近半个多月的时间， 自己纯手工写了一个很小型的类angularjs/vue的mvvm 库. 目前已经用于公司一个项目。 项目托管在github https://github.com/leonwgc/link 也许有许多人觉得如今angularjs , react , vue , knockout ,avalon 等框架/库层出不穷， 为什么还要自己造一个相同（类似）的轮子？ 原因如下： 1 . 从最初knockoutjs 到现在用angularjs ，写了不少项目， 一直想自己写一个mvvm练练手,顺便熟悉巩固下最基础的html,...
知识点：1、vue基本代码结构2、插值表达式 v-cloak v-text v-html v- bind(缩写为:) v-on(缩写为:@) v-model v-for v-if v-sow3、事件修饰符 ：.stop .prevent .capture .self .once1、基本代码结构<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!--cdn镜像快速导入Vue包--><script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script>
</head>
<body>
<!--将来new的...
文件-首选项-用户代码片段{"Print to console": {"prefix": "vue","body": ["<template>"," <div class=\"page\">\n"," </div>","</template>\n","<script type=\"text/ecmascript-6\">","export default {"," components: {\n"," },"," data() {"," return {\n"," }"," },"," methods: {\n"," }","}","</script>\n","<style scoped lang=\"stylus\">","</style>","$2"],"description": "Log output to console"}
} 原文：https:...
出处：https://github.com/ZSI2017/blog/issues/14yorkie 的 github：https://github.com/yyx990803/yorkiepre-commit钩子，代码质量检查：在 vue-cli 3.x 版本中，已经使用尤大改写的yorkie，yorkie实际是fork husky，然后做了一些定制化的改动，使得钩子能从package.json的 "gitHooks"属性中读取原文：https://www.cnblogs.com/cag2050/p/10518074.html
1. 打开菜单 -> 首选项(Perferences) -> 插件控制(Packpage Control)，输入"Install Package"2. 等待程序进入插件管理功能，再输入插件名称："HTML-CSS-JS prettify"3. 点击安装插件 "HTML-CSS-JS Prettify" 。4. 插件安装成功后，在需要格式化的HTML代码中，选中代码，然后按 "Ctrl+Alt+H" 对代码进行格式化。也可以右击菜单选择"html css js prettify"格式化代码 注意：(1). 使用此插件需先安装node.js，windows默认安装在C盘，如...
总结项目用到的一些处理方法，用来解决数据处理的一些实际问题，所有方法都可以放在一个公共工具方法里面，实现不限ES5，ES6还有些Vue处理的方法。都是项目中来的，有代码跟图片展示，长期更新。 1.获取两个给定日期之间所有日期集合/*** 传入一个日期字符串（不要时间，如果带时间的话在修改方法）**datestr:形如‘2017-06-12’的字符串（如果是2017.06.12格式在修改代码，这里没有做通用）**return Date 对象
**/
getDate (dates...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script src="./Kvue.js" type="text/javascript"></script></head><body><div id="app">{{ message }}fsdafdsa<div><span><span><span> {{ message }}</span></span></span></div>{{mydata}}<div v-html="...
标签跳转：相当于a标签，在页面点击后跳转到to指定的路径文件<router-link to="HelloWorld(网页路径或名字)"></router-link>在script>methods中：变量名:function(){固定写法-->this.$router.push({ name:跳转网页的名字, query: { id(变量名):赋值url后面的参数 test(变量名)赋值url后面的参数 } )} }methods:{ufo: function(...
1. watch 与 computed 的巧妙结合一个简单的列表页面。你可能会这么做：created(){ this.fetchData()
},
watch: {keyword(){ this.fetchData()}
}
前端全栈学习交流圈：731771211 //面向1-3经验年前端开发人员//帮助突破技术瓶颈，提升思维能力如果参数比较多关键字筛选，区域筛选，设备ID筛选，分页数，每页几条数据，可能会是这样：data(){ return {keyword:‘‘,region:‘‘,deviceId:‘‘,page:1}
},
methods:{fetchData(par...
1.页面高度=总高度-上方导航栏等高度：height:calc(100vh - 150px) 注意！！！！等号两边必须有空格！！！2.给div设置滚动条，两栏布局左侧固定，右侧滚动：将父元素设置固定高度，左侧子元素同样固定高度，右侧设置height：100%。此时长度超过父元素将会出现滚动条，可以设置overflow：auto。隐藏横向滚动条overflow-x:hidden3.elementUI表格设置height属性可以根据高度调整滚动条，非常方便。注意：在标签里设置height属性，而不...
本篇文章给大家带来的内容是关于vue服务端渲染页面缓存和组件缓存的介绍（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。vue缓存分为页面缓存、组建缓存、接口缓存，这里我主要说到了页面缓存和组建缓存页面缓存：在server.js中设置const LRU = require(lru-cache)
const microCache = LRU({max: 100, // 最大缓存的数目maxAge: 1000 // 重要提示：条目在 1 秒后过期。
})const isCacheable = req => {/...
本篇文章给大家带来的内容是关于vue服务端渲染缓存应用的示例代码 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。vue缓存分为页面缓存、组建缓存、接口缓存，这里我主要说到了页面缓存和接口缓存页面缓存： 在server.js中设置const LRU = require(lru-cache)const microCache = LRU({max: 100, // 最大缓存的数目maxAge: 1000 // 重要提示：条目在 1 秒后过期。
})const isCacheable = req => {//判断是否需...
下面一段代码给大家分享基于Vue+mui实现图片的本地缓存，具体代码如下所示：const menu = {state: {products: {},GLOBAL_CONFIG:GLOBAL_CONFIG[GLOBAL_CONFIG]},mutations: {get_product: function (state, products) {//商品列表state.products = products;for(let i = 0; i < state.products.length; i++){if(state.products[i][image] != null){// state.products[i][image] = state.GLOBAL_CONFIG[base64Header] + state.produ...
前景提要： 由于想要使用nunjucks引擎动态通过直接引入js文件的形式来进行项目的结构搭建，但是由此也有一些问题。由于项目开发时需要开启俩个server，一个是webpack的微服务、另一个是node服务端。我们请求node服务，返回nunjucks模板引擎处理后的html文件。开发环境下可以直接引入script来进行js文件以及使用link 进行css文件的获取。但是开发环境下出现hash值。如果不使用不使用hash值可能会导致某些浏览器缓存了该js文件就导致...
