zcy_csdn123的博客

H5唤起手机数字键盘

背景：想给项目做一些优化，想尝试预渲染和SSR这里说一下SSR使用的技术栈是VUE预渲染使用的是 prerender-spa-plugin 这个包先说一下效果吧这个感觉就是类似高级的骨架屏，不过他是一个真正的页面，只是没有数据，或者数据驱动渲染的一切。使用这个插件 配置好几个预渲染的页面会 在build时提前讲这些页面渲染成浏览器可以直接打开的html文件。这样你在浏览器输入地址后，会直接得到这样一个页面，省去了渲染出页面的时间，因为在打包时这个页面就渲染完了，也就是我们提前预渲染了。不好用

1、浏览器中可以看到源码问题可以在coonfig中配置productionSourceMap：false2、cookie设置问题由后端设置，此时浏览器里查看 HTTPOnly 会出现对号这样无法用JS获取cookie

1、创建自己的组件2、组件需要一个index.js文件，并且这个文件需要一个install 方法在install 方法中注册自己的组件 vue.component3、在main.js 中 使用vue.use()4、此时已经全局注册了组件 在使用时就可以想element 或者iview 等框架 直接标签使用<popup></popup>...

vue-cli 3.0后没有默认配置文件 需要我们自己创建vue.config.jsmodule.exports = { // 基本路径 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: true, // webpa...

传送门：https://www.jianshu.com/p/6307c568832d

传送门：https://blog.youkuaiyun.com/wxl1555/article/details/83187647

vue-cli 构建的项目，可以创建 .env.development .env.production等文件， 在根目录下面， 里面可以定义一下变量，称为环境变量，因为他们属于 development production 环境。简单看一下.env.development文件的内容VUE_CLI_BABEL_TRANSPILE_MODULES = trueNODE_ENV: 'develop...

先安装vue vue-cli 具体方法百度// 切换到相应的目录下面 my-app 是项目名称 注意项目名不可以使用大写字母 如myApp 否则报错无法创建vue create my-app然后会让你选择配置有两个选项default 默认配置Manually 自己选择嫌麻烦的同学可以选择第一项什么都不用管需要配置的选第二项当选择Manually 时 有很多配置 如 Babel...

刚开始学习TS写VUE记录一下其中出现的坑1、HTML（TEMPLATE）部分可以实现，但JS无效import { Component, Vue } from 'vue-property-decorator';// 下面这句如果不添加JS无效@Component({})猜想原因：VUE单页面，所有的其他页面都被看成组件，在#app的里面，添加了@Component也就声明了本页面是组件...

vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装可以去chrome 商店寻找安装 但需要翻墙github上下载是比较简单的git clone https://github.com/vuejs/vue-devtools.git// 切换到对应目录npm installnpm ...

https://segmentfault.com/a/1190000012296163

传送门：https://segmentfault.com/a/1190000008582706 在用Vue + element ui 开发后台，但element UI常用功能组件并不是那么全面 比如常用的图表等什么的，于是看到了这篇 图标 图片上传 富文本编辑器

Vue 爬坑之路（六）—— 使用 Vuex + axios 发送请求 http://www.cnblogs.com/wisewrong/p/6402183.html

传送门：https://segmentfault.com/a/1190000008010666

相信大家对着两个函数都陌生，就是一个定时器，setTimeOut只执行一次，而setInterval会重复执行 需要注意的是：在setInterval不用的时候一定要用clearSetInterval关闭定时器。说一下最近开发中遇到的问题，我是用vue开发的，顺便记录这个错误。 我需要轮询接口，所以使用setInterval。// 我是想没2秒执行一次myFunc这个函数。setInterva

mixinsVue一种灵活的服用方式 简单的说一下，在mixin对象里写的函数是可以被复用的，并且如果和组件函数名称相同将会被覆盖用法基本大家可以看一下vue的官方文档，我在这里介绍一下如何在组件中引入，并缺如何在全局中设置。组件中找个地方专门写mixin.js 文件// mixin.jsexport default { created () { consol

在main.js中加上这段代码// 跳转后返回顶部router.afterEach((to,from,next) =&gt; { window.scrollTo(0,0);})

// 在项目目录下npm install less --save-devnpm install less-loader --save-dev// 然后重新npm installnpm run dev记录一下，本来是想在webpack中配置呢，重新npm install 就可以了，应该是默认写进去了，或者是作为node的包 包含进去了，具体不明确，不过可以适用less了

data() { return { screenWidth: document.body.clientWidth, // 屏幕尺寸 } },// 钩子函数mounted () { const that = this window.onresize = () =&amp;gt; { return (() =&amp;gt; ...

http://blog.youkuaiyun.com/hant1991/article/details/74931158