2206月 微信小程序动态添加和删除组件的现实 一、基本思路 1、通过改变数组长度动态增删组件 <blockwx:for="{{数组}}"> 组件 </block> 2、点击添加按钮,增加数组的成员,组件相应增加 点击删除按钮,减少数组的成员,组件相应删除 二、示例 wxml: <view> <buttonb...…
2206月 浅析Vue 中的 render 函数 render函数是什么 简单的说,在vue中我们使用模板HTML语法组建页面的,使用render函数我们可以用js语言来构建DOM 因为vue是虚拟DOM,所以在拿到template模板时也要转译成VNode的函数,而用render函数构建DOM,vue就免去了转译的过程。 当使用render函数描述虚拟DOM时,vu...…
2206月 在vue项目实现一个ctrl+f的搜索功能 这次在项目中遇到了一个要做一个搜索功能,因为项目是vue的,而且是在手机端,所以对这个搜索功能的实现和能做到什么样子都没有底,在网上研究了一会,发现大家的解决方法都各有特色,有引入第三方包的,有遍历的,确实都可以实现,但我觉得在vue中这样的方法也太过繁琐了,于是经过一段时间的查询与思索后我自己写了个简单的方法,并记录...…
2206月 element el-tree组件的动态加载、新增、更新节点的实现 最近在根据需求,需要用到树形控件,ele的封装了树形控件正好拿来用,用的途中遇到一些问题就总结下,哈哈哈 说正事,我需要动态的加载出整个树形结构,刚好就有 符合需求,啦啦啦 用的时候出现问题了,我要如何把后台返回个我的数据加载到表里呢,上菜。。。 <template> <el-tree e...…
2206月 微信小程序实现录制、试听、上传音频功能(带波形图) 最近接到这样一个需求,要求实现录制、试听、上传音频功能,选择的是getBackgroundAudioManager,声音录制和播放波形图是用css实现的,效果图及详细设计代码如下: xml文件 <viewclass="servicePage"> <viewstyle="width:100%;...…
2206月 Js实现复选框的全选、全不选反选功能代码实例 主要是用遍历的方法查找元素,然后通过改变checked的属性来选择,为true则是选中状态,为false则是未选状态 实现代码 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title&...…
2206月 element-ui table行点击获取行索引(index)并利用索引更换行顺序 1)将每一行的索引插入操作行中,即为每一行数据添加一个属性index 使用el-table已经给处的方法:tableRowClassName html中: <el-table:row-class-name="tableRowClassName"></el-table> js中:只需放入m...…
2206月 微信小程序录音实现功能并上传(使用node解析接收) 背景 我在开发小程序的时候,有需求要实现录音功能,并能上传给服务器。小程序录音功能我是使用的微信的wx.getRecorderManager()实现的,通过该方法创建实例,实例录音得到的文件是本地临时文件,上传文件需要使用微信的wx.uploadFile(Objectobject)方法,这就是本次项目的背景。 小程序端...…
2206月 BootStrap前端框架使用方法详解 1.概念: Bootstrap,是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的,它简洁灵活,使得Web开发更加快捷。 好处: 1.定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。 2.响应式布局。 同一套页面可以兼容不同分辨率...…
2206月 原生javascript制作贪吃蛇小游戏的方法分析 本文实例讲述了原生javascript制作贪吃蛇小游戏的方法。分享给大家供大家参考,具体如下: <!--1、创建场景--> <!--2、定义初始数据 以及随机食物--> <!--3、控制贪吃蛇方向--> <!--4、判断位置以及和随机食物的位置增加贪吃蛇长度-->...…