- 博客(20)
- 收藏
- 关注
RSS订阅原创 你或许不知道Vue的这些小技巧
组件style的scoped:问题：在组件中用js动态创建的dom，添加样式不生效。场景: <template> <div class="test"></div> </template> <script> let a=document.querySelector('.t...
2018-06-29 16:57:09
229
原创 使用VUE实现textarea固定输入行数与添加下划线样式.
textarea下划线设置一张1*35//行高的图片 , 设置背景图即可. background: url('./img/linebg.png') repeat;border: none;outline: none;overflow: hidden;line-height: 35px;//注意行高要和背景图高度一致resize: none; 固定输入行数需...
2018-06-29 15:30:39
5501
原创 用最短的CSS样式，写出好的效果
https://xxxgitone.github.io/2017/03/27/shape/蒙版文字覆盖一层蒙版，并在蒙版上书写文字。需要2层，从低到上为图片层、蒙版层(上面可写字) <div class='box' > <div class='back'></div> <!--正文层--> <div class=...
2018-06-29 12:26:09
3419
原创 小程序的填坑小技巧之Canvas
首先在我们的wxml写下如下代码<canvas class="canvas" canvas-id="canvas"></canvas>设置 Canvas 大小，可以直接在 wxml 里的 canvas 标签上设置，也可以用 wcss 。个人比较喜欢用wcss 。重点来了 canvas-id 是小程序里特有的，是canvas 组件的唯一标识符，之后的很多地方都...
2018-06-29 11:16:24
2932
1
原创 calc函数 ---css3语法
calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？这一点也让我百思不得其解，今天有一同事告诉我，说CSS3中有一个属性能实现自适应的布局，首先让我想到的是box-sizing，但跟我说还可以计算，这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍，但一直没有深入，也没有自己去测试过。今天花了一...
2018-06-25 17:45:26
5535
转载 小程序左滑删除
wxml <!--pages/mycollect/mycollect.wxml--><!--最外层大盒子 --><view class="collect_big_box"><!--列表盒子 --><view class="collect_list_box"><scroll-view bin
2018-06-22 12:19:41
382
原创 ES6 简介
ES6 简介ECMAScript 6 简称 ES6，是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript 和 JavaScript 的关系：前者是后者的语法规格，后者是前者的一种实现Babel：将ES6代码转为ES5代码 http://babeljs...
2018-06-21 20:56:31
240
原创 初识canvas，使用canvas做一个百分比加载进度的动画
canvas的API较多，这里我们只介绍一下本次使用到的一下API，更多的canvas可以查看这里。beginPath() //重置或者开始当前路径strokeStyle //设置笔触的颜色，即画出来的颜色arc(x,y,r,sangle,eangle,boolean) //画一个圆弧，参数分别是：圆心的x，y轴、...
2018-06-20 17:08:28
589
原创 这可能是vue-cli最全的解析了……
题言：相信很多vue新手，都像我一样，只是知道可以用vue-cli直接生成一个vue项目的架构，并不明白，他究竟是怎么运行的，现在我们一起来研究一下。。。一、安装vue-cli，相信你既然会用到vue-cli，自然node环境是OK的，直接命令行下安装npm install -g vue-cli二、使用vue-cli创建vue项目用法： vue init <temp...
2018-06-20 16:29:19
288
原创 微信小程序关键字搜索
首先是在搜索页面获取到关键字，之后作为请求参数wx.request进行请求与数据处理 在util.js内获取到所有数据之后，在众多数据中通过RegExpObject.test(string)实现关键字的遍历匹配 //util.js if (data.hasOwnProperty('key')) { //如果请求参数是key const media = res.data;...
2018-06-20 16:07:09
9565
1
原创 微信小程序swiper组件 选项卡 自定义日历
开发文档是好朋友，让我们再来看看。swiper组件在小程序中非常常见，它可在有限的区域展示更多内容，还能增加页面的视觉动态效果，总之就是好。（但，好东西也是有槽点的啦）1） 滑动swiper可改变导航栏的状态，点击导航栏选项可切换swiper-item。这个实现较为简单，步骤如下：在data中添加一个表示下标的变量curIndex； 将此变量绑定到导航栏各个选项，同时使用一个三...
2018-06-20 16:01:52
1635
原创 纯css画各种图形，包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等
原文：http://www.itivy.com/ivy/archive/2012/1/16/css-shape.html1、正方形最终效果：CSS代码如下：#square { width: 100px; height: 100px; background: red;} 2、长方形 最终效果：CSS代码如下：#rectan...
2018-06-13 16:56:57
240
原创 微信小程序下拉刷新/上拉加载更多
查看文档，在用page()函数注册页面的时候有这样的两个对象参数用户判断用户在最顶部下拉和到达最底部，在小程序里，用户顶部下拉是默认禁止的，我们需要把他设置为启用，在app.json中的设置对所有页面有效，在单独页面设置则对当前页面有效；看一下json文件 [javascript] view plain copy"enablePullDownRefresh": true, ...
2018-06-12 14:47:19
400
原创 微信小程序实战篇-下拉刷新与加载更多
下拉刷新实现下拉刷新目前能想到的有两种方式 调用系统的API，系统有提供下拉刷新的API接口 下拉刷新API.png 监听scroll-view,自定义下拉刷新，还记得scroll-view里面有一个bindscrolltoupper属性吗？忘记请自行回顾上一篇 微信小程序实战篇-电商（二）当滚动到顶部/左边，会触发 scrolltoupper 事件，所以我们可以利...
2018-06-12 14:45:52
17058
转载 微信公众号支付|微信H5支付|微信扫码支付|小程序支付|APP微信支付
转自郑陆伟博客，原文地址：https://www.cnblogs.com/zhengluwei/p/7746095.html最近负责的一些项目开发，都用到了微信支付（微信公众号支付、微信H5支付、微信扫码支付、APP微信支付）。在开发的过程中，在调试支付的过程中，或多或少都遇到了一些问题，今天总结下，分享，留存。先说注意的第一点，所有支付的第一步都是请求统一下单，统一下单，统一下单，请求U...
2018-06-08 12:18:03
603
原创 微信小程序开发实现搜索功能
对于搜索都是会有一些需要的，所以搜索页面还是可以复用的。主页面就是下面这样： 这个页面在pages/components/component2/component2.wxml点击页面中 黄色的input就可以跳转到真正的搜索页面：pages/components/component2/search/search.wxml搜索页面中也是有个input搜索框，旁边有个小叉号，可以清...
2018-06-08 10:53:59
51788
8
原创 input输入框
search 类型[javascript] view plain copy<input type="search"/> 在移动端中，需要去掉输入框末尾的叉号，设置以下 css 样式：[css] view plain copyinput[type=search]::-webkit-search-cancel-button{ -webkit-appeara...
2018-06-08 10:47:49
217
原创 微信小程序保存图片到相册
先来看小程序中的保存图片到相册的api[javascript] view plain copywx.saveImageToPhotosAlbum({ filePath : "./test.png", //这个只是测试路径，没有效果 success(res) { console.log("success"); }, fail : fu...
2018-06-07 19:38:16
2487
原创 微信小程序制作海报保存到相册发朋友圈
这个功能应该分三步来做：一、制作海报图片二、保存图片到相册详细步骤：一、制作海报1.要制作能保存到相册的图片，我们需要一个canvas标签，在我们的wxml的最后加入canvas标签：[html] view plain copy<button class="shareBtns" bindtap='onSaveImg'></button> &...
2018-06-07 19:37:19
3415
原创 JS 跑马灯效果实现
html部分<div class="box8"> <div class="t_news"> <ul class="news_li"> <li><a href="javascript:;">苹果8降价</
2018-06-07 17:33:28
5274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人