摘要: 备注:此项目模仿 饿了吗。我用的是最新的Vue, 视频上的一些写法已经被废弃了。 布局代码 css代码(使用stylus写法) js代码 data() { return { balls : [ { show: false }, { show: false }, { show: false }, { 阅读全文
posted @ 2018-11-07 17:46 sfornt 阅读(405) 评论(0) 推荐(0) 编辑
摘要: github地址:weexSafeKeyboard 效果图: 技术依赖:框架:weex+vue 弹出层:weex ui 图标:iconfont 说明:1、如果不想用到weex ui,可以把inputkey.vue文件里的wxc popup组件去掉,按自己的弹窗实现即可; 2、删除、大小写、空格图标用 阅读全文
posted @ 2018-11-07 17:00 sfornt 阅读(704) 评论(0) 推荐(0) 编辑
摘要: 写在前面 找了很多 Vue 进度条组件!,都不包含拖拽和点击事件,input range倒是原生包含input和change事件,但是直接基于input range做进度条的话,样式部分需要做大量调整和兼容性处理。即使做好了,将来需要修改外观,又是一番折腾。 基于以上两个原因,做了一个可以响应inp 阅读全文
posted @ 2018-11-07 16:58 sfornt 阅读(1428) 评论(0) 推荐(0) 编辑
摘要: state 作用:相当于vue中的data,用于存储状态,是唯一数据源,而且是只读,不能做直接修改。从头开始学习Vuex 语法: 调用: 注意:如果一般state初始化时最好就设置好所需属性,如果真的需要动态需改某一个属性,可以如下:1)Vue.set(obj, 'newProp', 123)2)s 阅读全文
posted @ 2018-11-07 16:56 sfornt 阅读(508) 评论(0) 推荐(1) 编辑
摘要: 为何要这样做:减轻后端数据库压力(个人觉得于前端没啥用,谁返回来都行) 代码部分: 父组件调用 注:需引入官网推荐的oss对象的cdn 需再次强调的是:该代码为前端直传,accessKeyId,accessKeySecret都暴露在外面,更安全的方法可见官网的“服务端签名后上传”(貌似没示例) 原文 阅读全文
posted @ 2018-11-07 16:54 sfornt 阅读(460) 评论(0) 推荐(0) 编辑
摘要: 如果你正在尝试将基于vue router的项目部署到windows中,希望本文能够有所帮助。 iis配置 无需安装其他组件,将错误页指向index.html即可 nginx配置 启动如遇问题尝试使用命令创建/logs/nginx.pid文件:nginx c conf/nginx.conf 不要设置环 阅读全文
posted @ 2018-11-07 16:14 sfornt 阅读(424) 评论(0) 推荐(0) 编辑
摘要: 1、利用iView Cli搭建项目结构2、搭建完毕之后将proxy.js和'Server.js'放置到node_modules\webpack dev server\lib目录下,以实现跨域访问公司平台内的接口资源3、实际开发中发现无论是开发环境还是打包之后的部署文件在ie、safari、iphon 阅读全文
posted @ 2018-11-07 16:10 sfornt 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 使用vue cli构建的vue项目,在打包发布的时候,发现打包后的文件体积很大,使用webpack bundle analyzer分析后,发现占用空间最多的是引用的第三方依赖。第三方的依赖文件可以使用cdn外链的方式引入,这样就能大大缩小项目文件的体积。预防cdn链接失效,无缝切换本地文件 具体实现 阅读全文
posted @ 2018-11-07 13:50 sfornt 阅读(1162) 评论(0) 推荐(0) 编辑
摘要: 文档 中文文档 补充于02月10日 vue脚手架的3.x版本已经在开发中,现在还处于alpha版本。我们来看看有哪些变化。 使用 npm install g @vue/cli 命名方式已经改为npm推荐的新的包名规则,使用作用域。详情可查看此文章。 命令变化 vue h 我们看到 create [o 阅读全文
posted @ 2018-11-07 13:49 sfornt 阅读(340) 评论(0) 推荐(0) 编辑
摘要: 翻译文档 文档翻译全貌 前言 之前写了一篇Vue CLI 3.x 版本的简单体验,当时文档还不全,具体的使用方法并不是很清楚,大概是2月7号,收到Vue CLI 3接近Beta版的提示,作者尤雨溪也讲下周会出文档,没想到昨天已经出来了。本着对新功能的好奇心,花了一晚上浏览并翻译了一下文档。 如今最大 阅读全文
posted @ 2018-11-07 13:47 sfornt 阅读(1052) 评论(0) 推荐(0) 编辑
摘要: 使用Angularjs和Vue.js对比 之前项目都是使用Angularjs,(注明此处主要讲Angularjs 1)在初步使用Vue.js后做一个简单的对比笔记。首先从理论上简单说一下各自的特点,之后再用几个小的例子加以说明。 Angular 1,MVVM(Model)(View)(View mo 阅读全文
posted @ 2018-11-07 13:45 sfornt 阅读(2071) 评论(0) 推荐(0) 编辑
摘要: 一、理解tween.js 如果看到上面的已经理解了,可以跳过下面的部分.下面为对Tween.js的解释 下面就介绍如何使用这个Tween了,首先b、c、d三个参数(即初始值,变化量,持续时间)在缓动开始前,是需要先确定好的。 首先引入一个概念就补间动画 Flash做动画时会用到Tween类,利用它可 阅读全文
posted @ 2018-11-07 13:41 sfornt 阅读(2033) 评论(0) 推荐(0) 编辑
摘要: vue.js 中 data, prop, computed, method,watch 介绍 data, prop, computed, method 的区别 类型 加载顺序 加载时间 写法 作用 备注 prop 1 beforeCreated, created之间 对象或数组 接收父组件传递的值 阅读全文
posted @ 2018-11-07 13:36 sfornt 阅读(827) 评论(0) 推荐(0) 编辑
摘要: webpack 配置 Vue 多页应用 —— 从入门到放弃 一直以来,前端享有无需配置,一个浏览器足矣的优势,直到一大堆构建工具的出现,其中 webpack 就是其中最复杂的一个,因此出现了一个新兴职业 『webpack 配置工程师』。其实 webpack 配置本质上来说也就是编程,难点在于各种 l 阅读全文
posted @ 2018-11-07 13:33 sfornt 阅读(503) 评论(0) 推荐(0) 编辑
摘要: 最近在使用新版vue的命令行工具创建项目时,安装chromedriver老是失败,导致后面的步骤也没有进行。网上搜索了一下,全是使用 工作中常见问题汇总及解决方案 安装的,由于@vue/cli安装chromedriver失败,文件目录结构都不完整,所以必须一步成功,不能后面再装chromedrive 阅读全文
posted @ 2018-11-07 13:32 sfornt 阅读(478) 评论(0) 推荐(0) 编辑
摘要: Main.js 9种响应式面包屑导航和分步导航指示器UI设计 2、在要使用的组件中 使用 watch 或者 beforeRouteEnter 均可。 需要注意的是,beforeRouteEnter 此时访问不到this。 官网描述 https://router.vuejs.org/zh c... c 阅读全文
posted @ 2018-11-07 12:59 sfornt 阅读(7991) 评论(0) 推荐(0) 编辑
摘要: 制作了一套自己的组件库,并发布到npm上,项目代码见 GitHub 。 前期准备 有一个npm账号 安装了vue cli 搭建项目 目录结构 内部代码详见 GitHub,如果对你有所帮助,给个star吧 。 项目配置 为了使项目能上传到npm上,需要配置一些地方。 build/webpack.bas 阅读全文
posted @ 2018-11-07 12:59 sfornt 阅读(733) 评论(0) 推荐(0) 编辑
摘要: 分享一下最近写的 vue 的评分组件 Features: 支持半星、可清除、文案展示、只读、自定义颜色、自定义字符及图片等、支持 hover 的时候改变 value、内置三种样式,以及非常好看 DEMO: https://vue cute rate.netlify... Github: https: 阅读全文
posted @ 2018-11-07 12:58 sfornt 阅读(280) 评论(0) 推荐(0) 编辑
摘要: vue 使用Jade模板写html,stylus写css 日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式,所以使用了jade写html,stylus写css,省了很多的步骤和提高了效率。 安装包 配置文件 jade使用前后对比 使用Jade注意事项 需要简单了解jad 阅读全文
posted @ 2018-11-07 12:54 sfornt 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 排行榜的歌曲列表,根据排名渲染不同的样式,同时需要考虑分辨率的2x 3x图 不同的样式——:class 考虑分辨率的2x 3x图——需要在stylu中的mixin中bgImage根据屏幕分辨率选择图片 1.功能 在vue中绑定HTML Class,除了数组,对象语法,也可以使用函数返回值(不必使用v 阅读全文
posted @ 2018-11-07 12:53 sfornt 阅读(1534) 评论(0) 推荐(0) 编辑