随笔分类 - vue.js
vue.js 2.0+的版本
摘要：这里有个nuxt和vue不同的地方，这个地方很有意思，官方的中文文档说得蜜汁自信 In production, nuxt.js uses the prefetch strategy to pre-fetch the pages bundle that will be required when na
阅读全文
摘要：一般情况下，微信的js-sdk只需要直接引用script即可 但是有的时候，当我们的网页访问的环境多样的时候，比如APP内部，手机浏览器时候，并不需要引用这个js 甚至都不需要初始化微信js-sdk的环境：例如签名等操作 那么首先得区分一下当前的网页环境是否是微信浏览器，如下： 然后，再加载微信的j
阅读全文
摘要：之前线上的项目是nuxt build后的项目发布在服务器上，pm2来管理node的进程，nuxt还是运行在node的环境里。 这个方案用了半年左右，访问速度什么的确实很快，pm2管理下的node在windows服务器上运行也很完美 唯一不足的地方是，个人感觉还是很麻烦，还是想拷贝文件就能解决问题的最
阅读全文
摘要：这里只说明一个属性，其他属性移步官方文档 https://zh.nuxtjs.org/api/configuration-router extendRoutes 官方说明： 你可以通过 extendRoutes 配置项来扩展 Nuxt.js 生成的路由配置。 举个例子，我们添加一个自定义的路由配置：
阅读全文
摘要：1. 移动端UI插件 mint-ui http://mint-ui.github.io/#!/zh-cn 2.vue状态管理vuex，持久化插件：vuex-persist https://github.com/championswimmer/vuex-persist 3.nuxt大多数也需要用到vu
阅读全文
摘要：在移动端开发的时候，有时候需要真机调试的时候，没法看到console输出的信息，所以就有这个vConsole的开源插件 很方便就可以查看console输出的信息。 官方地址：https://www.npmjs.com/package/vconsole 预览地址：DEMO 使用方法：
阅读全文
摘要：指定node-sass的下载源
阅读全文
摘要：Vue.js的图片预览的插件还是不少，但是找了半天还是没找到跟现在项目里能用得很顺手的，其实项目里图片预览功能很简单，点击放大，能双指缩放就可以了。部分vue.js的图片预览库都需要把图片资源单独拿出来进行预加载，这个项目比较特殊，图片属于数据内容的一部分，数据内容都是从服务器异步获取的HTML内容
阅读全文
摘要：问题一： 最近在nuxt项目中开始着手把一些跨域的请求转移到express里，其实跟其他语言差不多，http对象发请求，接收请求都写得很顺畅。之前用的请求部分大多数是get请求，所以除了注意编码问题之外，就基本上接口什么写得很快，但是POST请求里由于要计算Content-Length，这里就出现一
阅读全文
摘要：声明环境 反向代理：nginx或者iis的ARR 模板项目：nuxt-express 部署环境：windows 经过了一段时间在windows环境部署项目来看，关于虚拟目录的问题汇总如下， 发布场景假设：在站点http://www.test.com/app 下发布 如果我们不更改任何发布配置的话，直
阅读全文
摘要：对于部分网页进行服务端的缓存，可以获得更好的渲染性能，但是缓存又涉及到一个数据的及时性的问题，所以在及时性和性能之间要有平衡和取舍。 官方文档里面写的使用方法 按照这个配置，试过了没什么用，但是从文档的另外一个地方示例里的代码是能够正常运行的，需要配置的地方有两个： 在使用之前，这个缓存组件并没有默
阅读全文
摘要：iis环境发布运行nuxt
阅读全文
摘要：nuxt版本：0.10.6 技术栈：nuxt.js, express, pm2 部署环境：windows server 之前用nuxt.js 的express的模板项目在windows下用nginx进行代理访问，其实有点多余，直接用host文件就可以达到相同的效果，仅供娱乐吧，熟悉一下nginx的基
阅读全文
摘要：vue.js的官方介绍里可能提到过nuxt.js，我也不太清楚我怎么找到这个的 最近项目vue.js是主流了，当有些优化需求过来后，vue还是有点力不从心， 比如SEO的优化，由于vue在初始化完成之前，页面是没有任何内容的，所以基本上没有办法满足这个需求 比如有些访问量较大的主页里面，由于都是异步
阅读全文
摘要：vue的环境是用vue-cli，写在vue文件的图片引用build之后的路径都没什么问题 但是有的时候我们会有一些公共的css文件单独的放在assets目录下 如下图所示 这里当build后发现写在css文件的图片地址都是错误的，默认延续了vue文件的图片引用方式 这里只需要修改一下build/ut
阅读全文
摘要：在使用这个chart.js之前，自己写过一个饼图，总之碰到的问题不少，所以能用现成的插件就用，能节省不少时间 这里不打算介绍chart.js里面详细的参数意义和各个参数的用法，只作为首次使用chart.js的一个入门级的说明！ 在使用之前，我找到了一个中文的chart.js的文档地址：http://
阅读全文
摘要：在发布到iis目录下时候，如果放在网站的根目录下的时候，是不会有什么问题的 但是一旦放在了非根目录的其他文件夹里面，这时候index.html里引用的js和css文件路径都会找不到 错误如下 打开index.html文件发现里面引用的文件路径不对 这里只需要更改config/index.js配置就可
阅读全文
摘要：在调试的时候chrome会提示安装vue devtools，我以为是要在chrome的程序商店直接安装，但是国内对谷歌的和谐，无法访问谷歌商店内容 官方有源代码，可以下载下来自行编译安装 官方地址：https://github.com/vuejs/vue-devtools 下载压缩包，解压到本地后，
阅读全文
摘要：官方的指令说明已经很简单了，这里再写一遍，也是自己加深一下印象 v-text 就是写入单纯的文本，可以忽略这个指令直接双花括号代替 v-html 更新元素的 innerHTML，如果取回的值里面包含了html的样式，可以使用这个指令。 以下抄写了官方注意事项，对于用户输入的HTML，显示的时候需要谨
阅读全文
摘要：至于fetch的介绍，在这里就不多说了，官方和网络上的说明不少 之前使用jquery的Ajax朋友，可以尝试一下使用一下这个新的api 推荐使用isomorphic-fetch，兼容Node.js和浏览器两种环境运行。 这里我按照官方网站的介绍，具体在vue.js中写了一个范例，只需要拷贝代码到新的
阅读全文
