- 博客(27)
- 收藏
- 关注
RSS订阅原创 钉钉小程序踩坑
1.<textarea><input>双向绑定数据时，提示“系统错误，正在排查”，控制台没有报错原因是绑定值的类型错误，类型只能为string，不能是null2.携带参数跳转，参数过多时会安卓会出现部分截取丢失情况，本地缓存同样会有这个问题解决办法：传：encodeURI(JSON.stringify(data))取：JSON.parse(decodeURI(options.data))3.安卓机，onShow生命周期中调用接口，当下一页是表单并发生变化时，返回到当前
2022-03-30 16:06:26
1034
1
原创 小程序修改数组的指定值的属性
数组遍历时修改指定对象的某一个属性谨记[]的用法小程序赋值写法为this.setData({key:value})当我们需要修改数组的指定值的属性时，实现方式为使用一个变量接收，操作修改后重新赋值例：修改list[2]的age为30普通实现方法// list:[{age:1,name:'a'},{age:2,name:'b'},{age:3,name:'c'}]let arr =...
2020-04-20 16:27:40
1165
原创 async/await实现异步调用
async/await多个函数关联调用async/await使得异步代码看起来像同步代码async函数会隐式地返回一个promise，而promise的reosolve值就是函数return的值Async/Await不需要写.then，不需要写匿名函数处理Promise的resolve值，也不需要定义多余的data变量，还避免了嵌套代码async声明一个异步函数await只能在asyn...
2019-08-28 15:00:36
1928
1
原创 原生js实现游戏按钮
游戏按钮原生js实现游戏的‘开始’‘暂停’‘结束’情况：使用setInterval实现js实现步骤：获取元素开始事件停止事件暂停事件定时器效果演示：html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n...
2019-06-05 18:39:26
1028
原创 ivew表单校验踩坑记
#iview表单必填的标志显示使用iview自定义表单校验时，对于v-if显示状态的修改会影响的显示####情况：使用v-if设置在新增是密码字段显示，编辑时不显示这时校验规则已完成，设置只有办公电话不是必填项切换到编辑时，密码字段消失，但是办公电话前会出现*####代码<FormItem v-if="modalType===0" label="密码" prop="pass...
2018-12-29 11:50:43
1492
原创 小程序引导用户授权
用户信息授权对于小程序未授权的用户，官方取消wx.getUserInfo方法的直接调用，首次授权必须主动触发自定义按钮，才可调起官方授权组件可以获取到的信息有：昵称、头像、性别、国家、省份、城市、性别、语言思路步骤wx.getSetting查看是否授权已授权使用wx.getUserInfo获取用户信息，保存未授权显示带有button的自定义页面,bindGetUserInfo会返...
2018-11-29 16:14:39
1070
原创 win10日历hover交互效果实现(进阶)
#win10日历可视移动高亮范围本篇文章在前一个初级的基础上进行后续的体验优化目标效果鼠标在目标元素内进行移动，9个块组成的圆形高亮会随之移动实现效果图1.win10原图2.进阶实现图技术点初级篇使用的渐变范围写法：radial-gradient(42px at right bottom, #3c3c3c, #1a1a1a);进阶篇使用的渐变范围写法：radial-...
2018-11-28 16:18:02
1180
1
原创 win10日历hover交互效果实现(初级)
#win10日历早就想试着实现以下win10日历的动态css效果，现在终于有时间试试啦。本篇文章只是实现简单的效果，进阶篇后续会放上来文章都是基础知识，基础，基础，觉得简单也别喷好吗，答应我目标效果鼠标移入目标元素，周围相关八块元素点亮，点亮高光范围呈圆形点击元素选中，呈蓝色色块实现效果图1.win10原图2.初级实现图3.进阶实现图技术点定义公共类：d...
2018-11-28 12:08:27
1139
原创 后台管理的前端框架
renren-fast-vue基于vue、element-ui构建开发，实现renren-fast后台管理前端功能，提供一套更优的前端解决方案。iview-admin基于vue、iview构建开发前者更加简洁，项目down下来直接改改就可以使用，表格什么的已经创建完整，只需要按照自己的业务逻辑修改就可以，缺点是不是响应式的后者是响应式的项目，不过pc端后台使用要求不高的话用前者就可以，后者...
2018-09-30 11:14:37
7853
2
原创 小程序公众号关注组件
小程序关联公众号组件使用方法使用组件前，需前往小程序后台，在“设置”->“接口设置”->“公众号关注组件”中设置要展示的公众号。（注：设置的公众号需与小程序主体一致。）需要把基础库改为2.3.0以上修改编译条件，官方给出的场景值（1011,1047，1089，,1038）开启公众号关注组件的功能（否则会报错wx-official-account error）图解...
2018-09-25 16:04:41
6678
原创 小程序授权功能
小程序登陆和使用授权不想重新写页面引导用户授权，因为官方说明scope 为 “scope.userInfo” 时，无法弹出授权窗口，请使用 理一下思路： 1. 登陆操作，获取用户openid 2. 查询是否授权 3. 已经授权，直接获取用户信息 4. 未授权，引导用户授权 5. 授权成功，重新登陆 6. 授权失败，提示用户1.登陆这...
2018-07-11 18:02:00
1067
1
原创 小程序textarea显示混乱
小程序textarea的bug官方bug微信版本 6.3.30，textarea 在列表渲染时，新增加的 textarea 在自动聚焦时的位置计算错误。textarea 组件是由客户端创建的原生组件，它的层级是最高的，不能通过 z-index 控制层级。请勿在 scroll-view、swiper、picker-view、movable-view 中使用 textarea 组件。...
2018-07-11 10:55:23
2297
1
原创 小程序swiper不显示元素
小程序swiper不显示元素问题描述： swiper中嵌套多个swiper-item，数量是动态循环生成的。目前存在的问题是：在页面首次加载时元素正常显示，当切换页面进行操作时，会改变轮播数据，当再次返回页面时，轮播图的元素不显示，但是审查元素是存在的。存在原因： 1. 当改变轮播图当前指针，即current属性值时，若该属性没有绑定任何数据，框架会自动绑定当前操作的值 2. 页...
2018-07-10 15:39:28
5148
6
原创 公众号关联小程序用户信息获取问题
进入小程序1.openid获取 - 从公众号菜单或者转发分享等形式进入小程序的，如果需要获取用户的openid，仅仅在app.js执行登陆方法或者在配置的主页面调用登陆方法是不够的 - 如果公众号菜单挂载的页面是小程序的其他页面，是不会执行app.js的，所以需要在调用的页面判断调用登陆方法 //从分享或公众号过来的先登录 var openId = wx.getSto...
2018-06-13 11:40:29
4170
4
原创 css之简易水波效果
css之水波效果没事实现了一个小效果，贴上来分享分享 - 先看看效果 - 上代码```css:root{ background: #ddd;}body{ position: relative;}ripper{ width: 50px; height: 50px; background: rgba(0,0,0,.1); ...
2018-04-28 18:38:48
797
原创 解读Object.defineProperty()
Object.defineProperty()解读第一个栗子：实现js双向数据绑定(借用网上的例子)首先，将结构先搭建好 <input type="text" id="txt1"> <input type="text" id="txt2">方式一：使用最基础的写法document.addEventListener('keyup', func
2018-04-28 18:04:33
452
原创 css基础多栏布局
前端布局基础布局，主要展现在移动端，pc端同样适用。分为一栏、两栏、三栏、四栏。 这里使用了两种方式实现。 首先设置基础样式：/*==================common css start================*/ ul{ list-style: none; background: #f0f1f1; pad...
2018-04-24 11:53:40
264
原创 查找HTMLCollection对象中的下标
前言这两天写的一个小功能，需要获取HTMLCollection指定对象的索引，深入研究之后才发现自己知识域的盲区，在这里也写出来记录一下，希望和我存在同样困惑的朋友可以一同探讨一下。HTMLCollection是什么：它是HTML DOM对象的一个接口，这个接口包含了获取到的DOM元素集合，返回的类型是Object。它很像数组，又不是数组，如果你想使用数组的一些方法操作这个集合...
2018-04-15 13:46:52
2975
原创 js多图片上传
Multi多图片上传这两天用原生徒手撸了个插件，写的不是很完美，在这里先介绍一下传统的面向过程的javascript写法，还有很多不足，希望多多指正使用到的技术使用formDate对象：更灵活操作需要发送的表单文件使用FileReader对象:允许web应用程序异步操作本地文件FileReader.readAsDataURL()将读取的文件转换为base64编码的字符串Fi...
2018-04-04 17:44:02
2203
原创 前端开发小乐趣
开发者的一点小乐趣今天发现了一个比较有趣的东西，在控制台打印出属于自己风格的。。。代码，并没有什么鸟用，真的是在无聊之中找点乐趣。常规在控制台调试代码直接使用console.log()现在我们重新定义一套打印风格 - 使用console.log(“%c 文字”,”style”); - 注意%后面有空格//自定义控制台function Console(){ this.l...
2018-03-31 17:42:26
260
原创 初试面向对象编程
面向对象编程 面向过程 javascript是一门面向过程的语言，也就是侧重点是实现一件事的步骤 特点：有良好的可扩展性和重用性，降低了代码间的耦合度，接近日常思维。 面向对象 以事物为中心，侧重于完成某件事所需要的事物的特征和行为的设计 特点：封装、继承、多态，耦合度低，复用度好 相信这些概念性的东西，网上真的是一搜一大堆，在...
2018-03-27 00:03:22
133
原创 css文本溢出省略
css实现文本溢出显示省略号在做响应式网页的时候，我们要想在不同尺寸的设备下保证布局不会错乱，就需要对文字的长度进行限定。基础设置在介绍下面的方法之前，我们先对所有的例子进行基础的样式设置/*基础设置*/div.box{ width: 100px; height: 100px; border: 1px solid #ddd; color: ...
2018-03-22 15:28:09
4383
原创 css元素分散贴边对齐
怎样让多个元素贴边平分？为什么会有这个疑问呢？首先说明一下，接触前端有一年的时间了，自认为对静态布局不在话下，果然，自负的人最容易被打脸呐，刚换了一份工作，公司对前端要求比较严格。 公司使用的是bootstrap开发，我们都知道bootstrap框架最核心的是它的栅格系统，我当然也很喜欢这个啦，不过最近UI给我的设计图总是和bootstrap相矛盾，就好比说，有个模块需要每一个元素在移动端和...
2018-03-20 23:04:04
8348
转载 深入理解js引擎的执行机制
深入解读js引擎的执行机制最近在反省，很多知识都是只会用，不理解底层的知识。所以在开发过程中遇到一些奇怪的比较难解决的bug，在思考的时候就会收到限制。所以，在这里一点一点补充基础知识吧。在阅读之前，请先记住两点：js是单线程语言js的Event Loop是js的执行机制。深入理解js的执行，就等与深入理解js的Event Loop好啦，下面进入正题1. 灵魂三问：j...
2018-03-18 17:16:16
351
原创 使用命令行修复windows系统
如何使用命令行修复系统最近我的win7系统一直提示激活码错误，搞得我快崩溃了，在网上搜了一大堆序列号，统统无效。想装个激活工具试试，奈何现在下载个软件就会捆绑着下载一大堆不需要的东西，再次崩溃，卸载后开机重启。。。。 最后终于找到解决办法了，下面展示一下这个神奇的操作。第一步：快捷键windows+r开启搜索，输入cmd进入命令行程序。第二步：输入sfc/?,（系统文件检查器）回车,结果看图 第
2017-12-31 23:34:25
30428
原创 git和svn的区别
git和svn的区别 为什么需要版本控制git和svn都是程序员用来管理代码的，如果是一个人开发一个项目，版本控制这个玩意儿根本用不上，对吧。但是呢，在企业中进行开发，一个人负责一个项目的情况几乎不可能，从需求评审，UI设计，前端开发，后台开发，测试，整个过程都是需要团队来配合的。这个时候呢，版本控制都显得尤为重要啦。 区别下面我们来说说这git和svn究竟有什么不同：svn是集中式版
2017-12-30 22:07:59
5306
6
原创 使用css伪类，实现同类型复选框计数的效果
使用css伪类，实现同类型复选框计数的效果最近发现一个css的小技巧。在以往，当我想要获取checkbox的数据数量的时候，常规的做法是使用js遍历checkbox数组，定义变量达到统计数量的效果。现在使用css完全可以实现相同的效果，简单便捷，在不操作DOM的情况下达到目的，嘻嘻代码块这里贴出相关代码，希望能帮到大家：<html> <head> <meta charset
2017-12-29 21:22:19
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人