随笔分类 -  前端

小程序-iphoneX以上机型圆角安全区域
摘要：具体代码为：env(safe-area-inset-bottom) <view class="container" style="min-height: calc(100% - 60px + env(safe-area-inset-bottom));padding-bottom: calc(60px 阅读全文
posted @ 2020-06-29 16:15 Au_ww 阅读(399) 评论(0) 推荐(0)
PhpStorm或WebStorm开发小程序
摘要：设置wxss为scss File Types SCSS style Sheet 添加后缀， .wxss 添加file watchers，处理rpx 命令部分 ` i "" s/"\ rpx"/rpx/g $FilePath$` 添加两个file watchers，处理 less 的 rpx 和 le 阅读全文
posted @ 2019-12-25 11:13 Au_ww 阅读(743) 评论(0) 推荐(0)
ECMAScript 6
摘要：ES6 与 ECMAScript 2015 的关系 ES6 的第一个版本，就这样在2015年6月发布了，正式名称就是《ECMAScript 2015标准》（简称 ES2015）。2016年6月，小幅修订的《ECMAScript 2016标准》（简称 ES2016）如期发布，这个版本可以看作是 ES6 阅读全文
posted @ 2017-10-19 11:24 Au_ww 阅读(144) 评论(0) 推荐(0)
组件 -- Vue学习笔记
摘要："组件" 组件 什么是组件？ 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。 使用组件 阅读全文
posted @ 2017-09-20 15:03 Au_ww 阅读(200) 评论(0) 推荐(0)
表单输入绑定 -- Vue学习笔记
摘要："表单输入绑定" 表单输入绑定 基础用法 你可以用 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 本质上不过是语法糖，它负责监听用户的输入事件以更新数据，并特别处理一些极端的例子。 ps: v model 会忽略所有表单元素的 value、ch 阅读全文
posted @ 2017-09-20 11:00 Au_ww 阅读(157) 评论(0) 推荐(0)
事件处理 -- Vue学习笔记
摘要："事件处理" 事件处理 监听事件 可以用 指令监听 DOM 事件来 可以用 指令监听 DOM 事件来触发一些 JavaScript 代码。 示例： 方法事件处理器 许多事件处理的逻辑都很复杂，所以直接把 JavaScript 代码写在 指令中是不可行的。因此 可以接收一个定义的方法来调用。 示例： 阅读全文
posted @ 2017-09-20 10:20 Au_ww 阅读(157) 评论(0) 推荐(0)
列表渲染 -- Vue学习笔记
摘要："列表渲染" 列表渲染 用 v for 把一个数组对应为一组元素 我们用 指令根据一组数组的选项列表进行渲染。 指令需要使用 形式的特殊语法， 是源数据数组并且 是数组元素迭代的别名。 结果： 在 块中，我们拥有对父作用域属性的完全访问权限。 还支持一个可选的第二个参数为当前项的索引。 ` 结果： 阅读全文
posted @ 2017-09-19 17:37 Au_ww 阅读(227) 评论(0) 推荐(0)
条件渲染 -- Vue学习笔记
摘要：条件渲染 v if 在字符串模板中，如 Handlebars ，我们得像这样写一个条件块： 在 Vue.js ，我们使用 v if 指令实现同样的功能： 也可以用 v else 添加一个 “else” 块： 在 v if` 条件渲染一整组 因为 是一个指令，需要将它添加到一个元素上。但是如果我们想切 阅读全文
posted @ 2017-09-19 17:06 Au_ww 阅读(137) 评论(0) 推荐(0)
Class 与 Style 绑定 -- Vue学习笔记
摘要：Class 与 Style 绑定 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ，我们可以用 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 用于 和 时，Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或 阅读全文
posted @ 2017-09-19 16:30 Au_ww 阅读(195) 评论(0) 推荐(0)
计算属性和观察者 -- Vue学习笔记
摘要："Vue官方文档" 计算属性和观察者 计算属性 计算属性的缓存 vs 方法 计算属性是可以缓存的，依赖于某实例属性。 方法是每次求值的。 我们为什么需要缓存？假设我们有一个性能开销比较大的的计算属性 A，它需要遍历一个极大的数组和做大量的计算。然后我们可能有其他的计算属性依赖于 A 。如果没有缓存， 阅读全文
posted @ 2017-09-19 15:22 Au_ww 阅读(192) 评论(0) 推荐(0)
PhantomJs 笔记
摘要：2017-08-02 初识 PhantomJs docs link http://phantomjs.org/quick-start.html PhantomJs 异常强大，可以用来截图、测试、抓网页等等等等等。 网页截图，eg： capture.js run command: phantomjs 阅读全文
posted @ 2017-08-02 15:03 Au_ww 阅读(120) 评论(0) 推荐(0)
小程序弹窗实例
摘要：小程序弹窗口，有基本的 wx.showToast ，可是这个只是相当于一个平常的高级版的 alert， 其中并不能携带很多信息，或进行很多的交互。 如果业务要求，需要一个比较复杂的弹框提醒，或者需要一个弹框出来一个form 来填写一些信息进行提交的话，显然 wx.showToast 就不足以完成我们 阅读全文
posted @ 2017-07-26 14:49 Au_ww 阅读(2925) 评论(0) 推荐(0)
小程序瀑布流无限加载
摘要：由于想做成瀑布流，故一开始使用如下的方式： 但是，由于这种 column-count:2 ，是由上往下排的，所以再加载新的一页的时候，原来在页首的会被顶到底部，导致整个逻辑是错误的。 故，需要修改一下页面的实现思路 1. 在页首加入预加载的图片的不显示的块，加载图片时，会触发事件， 2. 在事件处理 阅读全文
posted @ 2017-07-11 11:20 Au_ww 阅读(2242) 评论(0) 推荐(0)
zeopt 异步上传图片
摘要：经google后，解决方案基本一致，皆使用formData来ajax post 坑1 var formData = new FormData(); formData.append("data", data); 后，通过 console.log(formData); 控制台中的formData 内是不 阅读全文
posted @ 2017-06-13 18:34 Au_ww 阅读(424) 评论(0) 推荐(0)
Css 技巧
摘要：1. 瀑布流布局 2. div 内上下居中 3. 文本的上下居中 4. fixed 的元素盖住了滚动的页面 可以尝试给body加 padding-bottom: 10px ，10px 按需调整，撑开body。 5. position 问题 absolute 的 left top right 是相对于 阅读全文
posted @ 2017-06-01 18:20 Au_ww 阅读(137) 评论(0) 推荐(0)
CSS 入门
摘要：以下内容均来自 慕课网 CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。 CSS 代码语法 css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示： 选择符：又称选择器，指明网页 阅读全文
posted @ 2017-01-10 00:38 Au_ww 阅读(361) 评论(0) 推荐(0)
JavaScript进阶篇 - -第1章 系好安全带
摘要：第1章 系好安全带 第1章 系好安全带,准备启航 1-1 让你认识JS ​ 让你认识JS 你知道吗，Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也称为表示)，会使用HTML+CSS创建一个漂亮的页面，但这还不够，它只是静态页面而已。我们还需使用Jav 阅读全文
posted @ 2017-01-03 11:28 Au_ww 阅读(232) 评论(0) 推荐(0)