01 2019 档案

vue 过滤器基本使用
摘要：Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化，例如时间戳格式化。 过滤器可以用在： 双花括号插值 v bind 表达式 (2.1.0+ 开始支持)。 过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： <! 在双花括号中 {{ timestamp | fo 阅读全文
posted @ 2019-01-31 15:21 Mr.曹 阅读(5493) 评论(0) 推荐(0)
vue-cli 3.0 axios 跨域请求代理配置及生产环境 baseUrl 配置
摘要：1. 开发环境跨域配置 在 vue.config.js 文件中： 注意，配置完成后要重启服务 配置 axios 请求的 baseUrl 在 main.js 中： 页面中发送请求： 此时，虽然发送的请求到地址：http://localhost:8080/api/postData/, 但是已经代理到了地 阅读全文
posted @ 2019-01-28 19:04 Mr.曹 阅读(20535) 评论(5) 推荐(0)
vue-cli 3.0 路由懒加载
摘要：当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 1. 安装 syntax dynamic import 插件 如果在 vue cli 使用了 babel ，需要添加 插件 阅读全文
posted @ 2019-01-28 15:53 Mr.曹 阅读(5957) 评论(1) 推荐(0)
vue 路由拦截、axios请求拦截
摘要：路由拦截 项目中，有些页面需要登录后才能进入，例如，在某页面A，用户在操作前需要先进入登录页（此时需要将上一页的地址（ ）作为query存入login页面的地址中，如: ），登录成功后再进入页面A。 首先，在router.js中创建路由时，给需要登录的路由中的 meta 添加字段：requireLo 阅读全文
posted @ 2019-01-25 12:36 Mr.曹 阅读(3514) 评论(0) 推荐(0)
vue-cli 3.0 图片路径问题（何时使用 public 文件夹）
摘要：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.曹 阅读(26315) 评论(0) 推荐(0)
vue 监听页面宽度变化 和 键盘事件
摘要：vue 监听页面窗口大小 vue enter 事件 阅读全文
posted @ 2019-01-24 12:46 Mr.曹 阅读(11504) 评论(0) 推荐(0)
bootstrap-validator基本使用（自定义验证身份证号和手机号）
摘要：``` 首页 姓名 身份证号 手机号 ... 阅读全文
posted @ 2019-01-22 08:43 Mr.曹 阅读(9174) 评论(0) 推荐(0)
HTML 中使 footer 始终处于页面底部
摘要：通常在页面中，需要使页脚 footer 部分始终处于底部。当页面高度不够 100% 时， footer 处于页面最底部，当页面内容高于 100% 时，页脚元素可以被撑到最底部。 方法一：绝对定位 方法二: flex 布局 阅读全文
posted @ 2019-01-15 15:46 Mr.曹 阅读(2854) 评论(0) 推荐(0)
vue-cli 3.0 实现A-Z字母滑动选择城市列表
摘要：项目地址： "https://github.com/caochangkui/vue cli3" 项目代码： 城市列表首页： City.vue 城市列表组件： List.vue 字母检索组件： Alphabet.vue 通过vuex管理已选城市： 阅读全文
posted @ 2019-01-14 11:16 Mr.曹 阅读(4821) 评论(0) 推荐(0)
CSS 中 calc() 函数用法
摘要：CSS calc() 函数 calc() 函数用于动态计算长度值。 注意，运算符前后都需要保留一个空格，例如：width: calc(100% 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", " ", " ", "/" 运算； calc()函数使用标准的 阅读全文
posted @ 2019-01-07 13:11 Mr.曹 阅读(2214) 评论(0) 推荐(0)
微信小程序中使用Async-await方法异步请求变为同步请求
摘要：微信小程序中有些 Api 是异步的，无法直接进行同步处理。例如： "wx.request" 、 "wx.showToast" 、 "wx.showLoading" 等。如果需要同步处理，可以使用如下方法： 注意： Async await方法属于ES7语法，在小程序开发工具中如果勾选es6转es5, 阅读全文
posted @ 2019-01-07 10:31 Mr.曹 阅读(77944) 评论(2) 推荐(1)
微信小程序云开发项目实战进阶 - 诗词大全、成语大全、成语接龙、百家姓
摘要：1. 小程序功能 古诗词大全 成语大全 成语接龙 诗词飞花令 诗词分享、收藏 诗词接龙 唐诗宋词起名字 百家姓 猜谜语 2. 小程序地址 "https://github.com/caochangkui/miniprogram project" 3. 小程序预览： 4. 部分截图 首页 列表页 详情页 阅读全文
posted @ 2019-01-06 14:04 Mr.曹 阅读(10432) 评论(15) 推荐(3)
微信小程序之自定义组件的应用
摘要：小程序支持自定义组件，下面是一个简单的购物车组件，实现的效果如图： 效果图 <! 创建组件 在根目录创建components目录，然后创建计数组件 count 如图： 组件内容 count.json: 注册组件： index.json: index.js: 阅读全文
posted @ 2019-01-04 16:52 Mr.曹 阅读(2133) 评论(0) 推荐(0)
微信小程序之分享或转发功能（自定义button样式）
摘要：小程序页面内发起转发 通过给 组件设置属性 ，可以在用户点击按钮后触发 "Page.onShareAppMessage" 事件，如果当前页面没有定义此事件，则点击后无效果。相关组件：button wxml： wxss: js： onShareAppMessage(res) { let id = wx 阅读全文
posted @ 2019-01-03 09:43 Mr.曹 阅读(11867) 评论(0) 推荐(0)
微信小程序之页面传值(路由、页面栈、globalData、缓存)
摘要：1. 通过url带参数传递 1.1 固定参数传递 例如，从 list 页面到 detail 页面, 传递一个或多个固定值 list页面传值： detail页面取值： 1.2 从列表取值 从列表页进入详情页时，需要传递列表被点击项目的 id 至详情页，方法： 在列表页通过data id='{{item 阅读全文
posted @ 2019-01-03 09:25 Mr.曹 阅读(6030) 评论(0) 推荐(0)
微信小程序云开发之云函数创建
摘要：云函数 云函数是一段运行在云端的代码，无需管理服务器，在开发工具内编写、一键上传部署即可运行后端代码。 小程序内提供了专门用于云函数调用的 API。开发者可以在云函数内使用 提供的 方法获取到每次调用的上下文（appid、openid 等），无需维护复杂的鉴权机制，即可获取天然可信任的用户登录态（o 阅读全文
posted @ 2019-01-02 10:13 Mr.曹 阅读(7725) 评论(0) 推荐(0)