JackieDYH

2021年2月22日

摘要：先说两句前面已经讲完了 Vuex 下的 State、Getter、Mutation 及 Action 这四驾马车，不知道大家是否已经理解。当然，要想真正熟练掌握的话，还是需要不断的练习和动手实践才行。其实只要把这四驾马车完全熟练驾驭了，那么应对一些中小型的项目，基本上就已经没啥问题了，后面的 M 阅读全文

posted @ 2021-02-22 20:31 JackieDYH 阅读(1) 评论(0) 推荐(0) 编辑

微信/支付宝touch列表滑动删除案例

摘要：代码如果不让滑动事件冒泡的话.将bind/on改为catch就好了 <view class="cont"> <view class="title"> <text>请选择缴费房产</text> </view> <view class="item" catchTouchStart="touchStar 阅读全文

posted @ 2021-02-22 14:27 JackieDYH 阅读(4) 评论(0) 推荐(0) 编辑

小程序列表左滑删除功能

摘要：原理最外层一个view水平方向排列，里面包含一个内容区view,一个操作区view让你要展示的布局充满屏幕，通过css样式让超出的删除按钮隐藏监听touch事件，平移布局显示和隐藏删除按钮(列表每一项中有一个isTouchMove属性，通过监听touch改变该属性给列表不同的样式将隐藏的按钮显示出阅读全文

posted @ 2021-02-22 10:26 JackieDYH 阅读(8) 评论(0) 推荐(0) 编辑

2021年2月21日

微信小程序开发中常见的技术点梳理

摘要：配置全局配置、页面配置和sitemap配全局配置选项app.json { //在json文件中其实是不能有注释的，这里我简单做一些解释 "pages": [ //pages为页面路径列表 "pages/home/home", "pages/kind/kind", "pages/cart/cart 阅读全文

posted @ 2021-02-21 17:41 JackieDYH 阅读(4) 评论(0) 推荐(0) 编辑

2021年2月20日

微信&支付宝小程序使用scroll-view制作左右滑动信息展示

摘要：效果展示代码 <view class="box"> <view class="my"> <text class="title">我的缴费</text> <view class="gd"> <text>更多</text> <image class="gdimg" mode="scaleToFill" 阅读全文

posted @ 2021-02-20 13:53 JackieDYH 阅读(22) 评论(0) 推荐(0) 编辑

css控制文本两行显示-超出省略号表示

摘要：重点：text-overflow: ellipsis;只对display：inline；起作用 <span class="a">我说说<b class="b">哈哈哈哈哈哈哈哈哈哈哈哈</b>说说色儿</span> a{ display:block/inline-block; width:100px 阅读全文

posted @ 2021-02-20 13:35 JackieDYH 阅读(12) 评论(0) 推荐(0) 编辑

2021年2月19日

实现文本复制或者剪切到剪切板-Clipboard.js

摘要： Clipboard.js-下载地址引用js文件 <script type="text/javascript" src="./dist/clipboard.min.js"></script> 使用一  <input id="foo" value="https://git 阅读全文

posted @ 2021-02-19 14:11 JackieDYH 阅读(2) 评论(0) 推荐(0) 编辑

微信&支付宝小程序复制内容到剪贴板功能

摘要：接口功能可能涉及隐私问题，请谨慎使用！！！微信小程序实现长按复制 < text selectable="true" >长按复制< text/> wx.setClipboardData 设置系统剪贴板的内容。调用成功后，会弹出 toast 提示"内容已复制"，持续 1.5s 一键复制添加点击事件阅读全文

posted @ 2021-02-19 13:29 JackieDYH 阅读(74) 评论(0) 推荐(0) 编辑

2021年2月18日

background-image属性image-set()和srcset

摘要： background语法： image-set() = image-set( <image-set-option># ) <image-set-option> = [ <image> | <string> ] <resolution> image-set() 可以根据用户设备的分辨率匹配合适的图像- 阅读全文

posted @ 2021-02-18 18:05 JackieDYH 阅读(12) 评论(0) 推荐(0) 编辑

2021年2月4日

foo([‘a‘, ‘b‘, ‘a‘, ‘a‘])； //实现函数foo,返回一个新数组[‘a-1‘, ‘b-1‘, ‘a-2‘, ‘a-3‘]

摘要： foo2(['a', 'b', 'a', 'a']); //实现函数foo,返回一个新数组['a-1', 'b-1', 'a-2', 'a-3'] let arrd = ['a', 'b', 'a', 'a']; let newArray = []; //统计字符在数组里面的次数 function 阅读全文

posted @ 2021-02-04 13:20 JackieDYH 阅读(4) 评论(0) 推荐(0) 编辑

公告