2206月 微信小程序个人中心的列表控件实现代码 个人中心的列表控件 首先来看效果图 wxml <viewclass="list-item"> <imageclass="item-image"src="../images/fuwu.png"></image> <textclass="item-text">我的收藏&...…
2206月 vue项目中自定义video视频控制条的实现代码 最近公司项目中，添加了视频模块，但是产品觉得Video自带的控制条有点LOW，于是自己设计了一个。于是开始了自定义Video控制的采坑之旅。。 首页效果图： 需求描述： 当鼠标放在图片上的时候，自动播放视频，并显示预览进度条，当鼠标移开，显示预览图片，再次hover图片，继续上次播放 视频详情页的效果图：...…
2206月 React生命周期原理与用法踩坑笔记 本文实例讲述了React生命周期原理与用法。分享给大家供大家参考，具体如下： React生命周期 生命周期概览 生命周期的状态 组件的生命周期可分成三个状态： Mounting：已插入真实DOM Updating：正在被重新渲 Unmounting：已移出真实DOM componentWillMount在渲染前调用,...…
2206月 使用konva和vue-konva库实现拖拽滑块验证功能 1.在vue项目中安装konva和vue-konva库 npminstallkonvavue-konva--save-dev 2.引入vue-konva库 importVueKonvafrom‘vue-konva'； Vue.use(VueKonva) 3.创建单独的滑块验证组件Captcha.vue，在相应的...…
2206月 js最全的数组的降维5种办法(小结) 业务开发中，二维数组、多维数组转为一维数组这种需求是少不了的，有些多维数组里面可能嵌套会更深，数组降维就是来解决此问题的 1、数组字符串化 letarr=[[222,333,444],[55,66,77],{a:1}] arr+=''; arr=arr.split(','); console.log(arr);/...…
2206月 JS浏览器BOM常见操作实例详解 本文实例讲述了JS浏览器BOM常见操作。分享给大家供大家参考，具体如下： window尺寸 有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。 对于InternetExplorer、Chrome、Firefox、Opera以及Safari： window.innerHeight-浏览器窗口...…
2206月 JS数组降维的实现Array.prototype.concat.apply([], arr) 把多维数组（尤其是二维数组）转化为一维数组是业务开发中的常用逻辑，最近跟着黄轶老师学习Vue2.6.1.1版本源码时,看到源码对二维数组降维的代码,所以这里来写一篇,记录一下,加强印象 二维数组降为一维数组 循环降维 letchildren=[1,2,3,[4,5,6],7,8,[9,10]]; functio...…
2206月 Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem) 今天，我们使用VueCLI3做一个移动端适配。 前言 首先确定你的项目是VueCLI3版本以上的。 一、移动端适配包 1、安装移动端适配包 npmilib-flexible-S 2、在main.js引入适配包 importVuefrom'vue' importAppfrom'./App.vue'...…
2206月 vue项目启动出现cannot GET /服务错误的解决方法 上午做了项目，中午吃完饭后回来再跑一次服务器， 出现CannotGET/： 控制台中并没有报错；npmrundev命令行窗口也没有报错。 原因 在网上查了一堆，发现这个问题还挺多呢，而且各个回答的解决方式都竟然有许多不同… 于是把能改的地方都改了…（基本上相当于将配置信息改回来） 关闭history模式 关闭h...…
2206月 React中Ref 的使用方法详解 本文实例讲述了React中Ref的使用方法。分享给大家供大家参考，具体如下： React中Ref的使用Reactv16.6.3 在典型的React数据流中，props是父组件与其子组件交互的唯一方式。要修改子项，请使用newprops重新呈现它。但是，在某些情况下，需要在典型数据流之外强制修改子项。要修改的子项可以是R...…
