huangenai

2018年10月10日

摘要：安装新建一个文件夹 i18n ，内新建 en.js zh.js index.js 三个文件准备翻译信息 en.js zh.js index.js 创建Vue-i18n实例 i18n 挂载到 vue 根实例 main.js 简单的使用 about.vue 注意：比如说上面的hi 你要通过这种形式阅读全文

posted @ 2018-10-10 15:52 huangenai 阅读(4222) 评论(0) 推荐(0) 编辑

IndexedDB 简单封装

摘要： IndexedDB 浏览器数据库，是一个非关系型数据库，数据形式使用的是json，IndexedDB适合存储大量数据，它的API是异步调用的，当然他的api 也相对复杂。当然浏览器数据存储还有LocalStorage，Cookies，web SQL等为什么还再来一个indexedDB。之前我阅读全文

posted @ 2018-10-10 15:05 huangenai 阅读(3373) 评论(0) 推荐(0) 编辑

2018年10月9日

vue axios 简单封装以及思考

摘要：先安装 axios axios的详细介绍以及用法就不多说了请移步 github ➡️ https://github.com/axios/axios 下面是简单的封装一个 http.js，在此说明 checkStatus 这个方法呢是不一定需要的，根据个人的项目需求吧，也可以直接返回resp 阅读全文

posted @ 2018-10-09 14:16 huangenai 阅读(2991) 评论(1) 推荐(1) 编辑

2018年10月2日

vue 项目实战 (vue全家桶之--- vuex)

摘要：老规矩先安装在看下面内容之前你应该大概的看了一边vuex官方的文档对vuex有个大概对了解首先 vuex 是什么？ vuex 是属于vue中的什么，它在项目中扮演着一个什么样的角色，起到什么作用，在项目中我是否要用到vuex。官方文档对vuex的解读是：Vuex 是一个专为 Vue.js 应阅读全文

posted @ 2018-10-02 18:06 huangenai 阅读(8245) 评论(1) 推荐(3) 编辑

2018年10月1日

vue 关于图片路径的问题

摘要：在vue 中，当我们想加载assets中的图片，本人按照多年的开发经验会这样写，那是没问题的如果我要用v-bind去动态绑定呢,正常思路来说我会这样写，但是在webpack中他会被当成一个字符串来处理，并不会转换为图片的路径正确的写法如果图片路径不是本地静态图片就不需要 require 阅读全文

posted @ 2018-10-01 23:48 huangenai 阅读(12759) 评论(2) 推荐(0) 编辑

vue Do not use built-in or reserved HTML elements as component id: nav

摘要：刚入坑vue 在新建组件的时候出现这个问题，原因是我新建的这个组件name: 'nav' 在vue中好像nav 这样的有点类似于 “关键字” 不能作为组件的name，按照服务端来说就是不可以命名关键字为你的属性名一样的意思所以在vue中比如 nav ，header，footer 不可以作为阅读全文

posted @ 2018-10-01 23:32 huangenai 阅读(492) 评论(0) 推荐(0) 编辑

vue 图片懒加载 vue-lazyload

摘要：在项目中，如果出现大图一时半会加载不出来的情况确实很丑。如果是那种没有给定宽高靠图片撑起来的等图片加载出来再把内容挤下去的用户体验效果非常差。在vue中使用vue-lazyload可以实现图片懒加载安装引用 main.js index.vue 还有就是全局配置的 main.js 使用阅读全文

posted @ 2018-10-01 23:02 huangenai 阅读(5336) 评论(1) 推荐(3) 编辑

vue webpack配置解决跨域问题

摘要：现在基本项目都是实行前后端分离的原则，不管是ng 或者是vue 在开发中都无法避免跨域的这个问题本人刚上手第一个vue项目，在调用api的时候出现了跨域的这个问题这是封装好一个简单的post 请求 http.js 在调用的时候先import 这个http 后 this.http.post(ur 阅读全文

posted @ 2018-10-01 15:23 huangenai 阅读(5165) 评论(2) 推荐(0) 编辑

Vue : Expected the Promise rejection reason to be an Error

摘要：在vue项目中添加ESLint，new 一个 Promise 一直显示错误：Expected the Promise rejection reason to be an Error 正常来说new 一个Promise 是这样写的，感觉没啥问题。但是项目中添加了 ESLint 你必须按照他的规范来阅读全文

posted @ 2018-10-01 15:04 huangenai 阅读(1957) 评论(0) 推荐(1) 编辑

2018年9月28日

vue 解决无法设置滚动位置的问题

摘要：问题描述在实现锚点定位的时候发现无法设置滚动条的位置。在Vue中，使用 document.body.scrollTop=952 无法设置滚动条的高度。 document.body.scrollTop一直是0 原因因为vue的页面指定了DTD，即指定了DOCTYPE时，使用document.do 阅读全文

posted @ 2018-09-28 12:46 huangenai 阅读(3530) 评论(0) 推荐(0) 编辑

2018年9月25日

vue 移动端屏幕适配使用rem

摘要：要想移动端适配并使用 rem 您需要先看这篇文章，配置好less ➡️ 在vue 中使用 less，就可以使用rem了如果项目已经开发的差不多了，没有用到rem 又要使用rem，您用这招。 postcss-pxtorem：转换px为rem的插件安装 postcss-pxtorem 新建rem. 阅读全文

posted @ 2018-09-25 23:04 huangenai 阅读(14974) 评论(4) 推荐(2) 编辑

在vue 中使用 less

摘要： 1.安装先在index.html页面head标签内插入这段代码在添加 build/webpack.base.conf.js 里面的 module.exports 里的 module 里添加下面这段配置组件 headers 效果展示：此随笔乃本人学习工作记录，如有疑问欢迎在下面评论，转载请标明阅读全文

posted @ 2018-09-25 22:27 huangenai 阅读(1650) 评论(0) 推荐(0) 编辑

vue 项目实战 (生命周期钩子)

摘要：开篇先来一张图下图是官方展示的生命周期图 Vue实例的生命周期钩子函数（8个） 1. beforeCreate 刚 new了一个组件，无法访问到数据和真实的dom，基本上这个好像不能干啥 2. created data属性完成了赋值，可以对数据进行修改但是不会触发updated,在这里可以做初始数阅读全文

posted @ 2018-09-25 17:04 huangenai 阅读(741) 评论(0) 推荐(0) 编辑

vue 项目实战 (入门)

摘要：环境搭建安装NodeJS →箭头 https://nodejs.org/en/ NPM是随同NodeJS一起安装的包管理工具。检查环境是否安装成功：打开一个命令提示符，有成功输出版本号则为安装成功。安装vue 新建项目选择第一个就是默认配置了babel 跟eslint 一般选择第二个选择阅读全文

posted @ 2018-09-25 14:40 huangenai 阅读(2107) 评论(0) 推荐(1) 编辑

2018年9月19日

vue 关于vue.set的学习笔记

摘要： vue新手小白，在看vue文档的时候发现vue关于数组，对象值改变的与 ng有那么点不同。官方表示由于 JavaScript 的限制，Vue 不能检测以下变动的数组：但是对于曾经使用ng的我来说，是不一样的。比如： vue 不能检测你直接根据数组的索引对数组的某个值修改。 Vue 不能检阅读全文

posted @ 2018-09-19 22:47 huangenai 阅读(1052) 评论(0) 推荐(0) 编辑

代码改变世界

公告