摘要: 1. 创建 loading 公用组件 loading效果如下: 需要在 login.vue 页面背景图完全加载完成之前显示上面的loading效果 2. login.vue 页面 阅读全文
posted @ 2019-02-01 15:31 Mr.曹 阅读(9645) 评论(0) 推荐(2) 编辑
摘要: Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化,例如时间戳格式化。 过滤器可以用在: 双花括号插值 v bind 表达式 (2.1.0+ 开始支持)。 过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: <! 在双花括号中 {{ timestamp | fo 阅读全文
posted @ 2019-01-31 15:21 Mr.曹 阅读(5475) 评论(0) 推荐(0) 编辑
摘要: 1. 开发环境跨域配置 在 vue.config.js 文件中: 注意,配置完成后要重启服务 配置 axios 请求的 baseUrl 在 main.js 中: 页面中发送请求: 此时,虽然发送的请求到地址:http://localhost:8080/api/postData/, 但是已经代理到了地 阅读全文
posted @ 2019-01-28 19:04 Mr.曹 阅读(20316) 评论(5) 推荐(0) 编辑
摘要: 当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 1. 安装 syntax dynamic import 插件 如果在 vue cli 使用了 babel ,需要添加 插件 阅读全文
posted @ 2019-01-28 15:53 Mr.曹 阅读(5913) 评论(1) 推荐(0) 编辑
摘要: 路由拦截 项目中,有些页面需要登录后才能进入,例如,在某页面A,用户在操作前需要先进入登录页(此时需要将上一页的地址( )作为query存入login页面的地址中,如: ),登录成功后再进入页面A。 首先,在router.js中创建路由时,给需要登录的路由中的 meta 添加字段:requireLo 阅读全文
posted @ 2019-01-25 12:36 Mr.曹 阅读(3455) 评论(0) 推荐(0) 编辑
摘要: 1. 图片放入public文件夹下时 参考 ":https://cli.vuejs.org/zh/guide/html and static assets.html public %E6%96%87%E4%BB%B6%E5%A4%B9" 任何放置在 public 文件夹的静态资源都会被简单的复制,而 阅读全文
posted @ 2019-01-24 16:28 Mr.曹 阅读(26130) 评论(0) 推荐(0) 编辑
摘要: vue 监听页面窗口大小 vue enter 事件 阅读全文
posted @ 2019-01-24 12:46 Mr.曹 阅读(11475) 评论(0) 推荐(0) 编辑
摘要: ``` 首页 姓名 身份证号 手机号 ... 阅读全文
posted @ 2019-01-22 08:43 Mr.曹 阅读(9030) 评论(0) 推荐(0) 编辑
摘要: 通常在页面中,需要使页脚 footer 部分始终处于底部。当页面高度不够 100% 时, footer 处于页面最底部,当页面内容高于 100% 时,页脚元素可以被撑到最底部。 方法一:绝对定位 方法二: flex 布局 阅读全文
posted @ 2019-01-15 15:46 Mr.曹 阅读(2790) 评论(0) 推荐(0) 编辑
摘要: 项目地址: "https://github.com/caochangkui/vue cli3" 项目代码: 城市列表首页: City.vue 城市列表组件: List.vue 字母检索组件: Alphabet.vue 通过vuex管理已选城市: 阅读全文
posted @ 2019-01-14 11:16 Mr.曹 阅读(4643) 评论(0) 推荐(0) 编辑
摘要: CSS calc() 函数 calc() 函数用于动态计算长度值。 注意,运算符前后都需要保留一个空格,例如:width: calc(100% 10px); 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", " ", " ", "/" 运算; calc()函数使用标准的 阅读全文
posted @ 2019-01-07 13:11 Mr.曹 阅读(2139) 评论(0) 推荐(0) 编辑
摘要: 微信小程序中有些 Api 是异步的,无法直接进行同步处理。例如: "wx.request" 、 "wx.showToast" 、 "wx.showLoading" 等。如果需要同步处理,可以使用如下方法: 注意: Async await方法属于ES7语法,在小程序开发工具中如果勾选es6转es5, 阅读全文
posted @ 2019-01-07 10:31 Mr.曹 阅读(77577) 评论(2) 推荐(1) 编辑
摘要: 1. 小程序功能 古诗词大全 成语大全 成语接龙 诗词飞花令 诗词分享、收藏 诗词接龙 唐诗宋词起名字 百家姓 猜谜语 2. 小程序地址 "https://github.com/caochangkui/miniprogram project" 3. 小程序预览: 4. 部分截图 首页 列表页 详情页 阅读全文
posted @ 2019-01-06 14:04 Mr.曹 阅读(9962) 评论(15) 推荐(3) 编辑
摘要: 小程序支持自定义组件,下面是一个简单的购物车组件,实现的效果如图: 效果图 <! 创建组件 在根目录创建components目录,然后创建计数组件 count 如图: 组件内容 count.json: 注册组件: index.json: index.js: 阅读全文
posted @ 2019-01-04 16:52 Mr.曹 阅读(2087) 评论(0) 推荐(0) 编辑
摘要: 小程序页面内发起转发 通过给 组件设置属性 ,可以在用户点击按钮后触发 "Page.onShareAppMessage" 事件,如果当前页面没有定义此事件,则点击后无效果。相关组件:button wxml: wxss: js: onShareAppMessage(res) { let id = wx 阅读全文
posted @ 2019-01-03 09:43 Mr.曹 阅读(11565) 评论(0) 推荐(0) 编辑