摘要:
案例来自于vue.js的官方示例:https://cn.vuejs.org/v2/examples/todomvc.html,我在案例学习过程中,试着对其中的一些知识点进行记录: 一、浏览器数据存储,为了方便,此处将数据存储到客户端的缓存中,使用localStorage,他的主要api有 local 阅读全文
摘要:
一:[Unexpected end of JSON input while parsing near]报错 最近的vue项目中在执行 npm install 时会报错误: npm ERR! Unexpected end of JSON input while parsing near 这个错误的解决 阅读全文
摘要:
npm install 时偶尔遇到报错:没有安装python或node-sass 安装失败的问题,百度之后发现是被墙了,但根据百度的方法换了淘宝镜像和用了vpn都安装失败,最后发现原来是因为没有卸载之前安装失败的包导致的。文中给出了两种报错问题,使用淘宝镜像或者使用yarn,找不到当前环境的绑定可以 阅读全文
摘要:
使用 Karma + Mocha做单元测试 Karma([ˈkɑrmə] 卡玛)是一个测试运行器,它可以呼起浏览器,加载测试脚本,然后运行测试用例 Mocha([ˈmoʊkə] 摩卡)是一个单元测试框架/库,它可以用来写测试用例 Sinon(西农)是一个 spy / stub / mock 库,用以 阅读全文
摘要:
插槽,也就是slot,是组件的一块HTML模板,这块模板显示不现实、以及怎样显示由父组件来决定。 插槽模板是slot,它是一个空壳子,因为它显示与隐藏以及最后用什么样的html模板显示由父组件控制。但是插槽显示的位置由子组件自身决定,slot写在组件template的哪块,父组件传过来的模板将来就显 阅读全文
摘要:
MVVM模式 视图层和数据层的双向绑定,让我们无需再去关心DOM操作的事情,更多的精力放在数据和业务逻辑上去 MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。 Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑; View 代表UI 组件, 阅读全文
摘要:
最近准备把之前做的一个仿网易云音乐的自制音乐网页播放器项目做一个总结。 相关功能如下: 预览链接:https://leonardo-zyh.github.io/163-music-demo/src/index.html 可通过微信二维码打开: 该项目主要是使用了jQuery以及MVC模块化的思想来完 阅读全文
摘要:
当我们将 vue 项目完成后,面临的就是如何将项目进行打包上线,放到服务器中。我使用的是 vue-cli(simple) 脚手架,所以就讲一下如何将项目进行打包,并放到 tomcat 上。 先来描述一下期间遇到的问题有哪些: 打包后将 dist 文件夹和 index.html 放到 tomcat,在 阅读全文
摘要:
前端开发中我们经常会遇到跨域请求的情况,处理跨域请求方式很多大概分为八种。 浏览器的同源策略 提到跨域不能不先说一下”同源策略”。何为同源?只有当协议、端口、和域名都相同的页面,则两个页面具有相同的源。只要网站的 协议名protocol、 主机host、 端口号port 这三个中的任意一个不同,网 阅读全文
摘要:
我们经常需要获取文本框中用户输入的信息,然后通过ajax或form提交到后台,数据中难免要包含一些空格,因此我们有必要在将数据传输到后台之前,消除数据两端的空格。这时候正则变色很好的方式。 1.消除字符串左边的空格 2.消除字符串右边的空格 3.消除字符串两边的空格 4.jquery使用trim() 阅读全文