- 博客(14)
- 收藏
- 关注
原创 Vue Router,响应式,diff算法
3.当浏览器前进后退或调用back(), go(), forward()等方法时,会触发popstate事件,通过监听popstate事件来获取路由地址,从而更新页面。*2.history模式发生跳转通过history.pushState()和history.replaceState()方法改变浏览器地址。*4.hash模式会创建hashHistory对象,hashHistory有两个方法push()和replace()*1.history模式url无 # 号,就是普通的url形式。
2024-04-19 13:14:22
699
原创 JS函数式编程
1.为什么要学函数式编程1.函数式编程事随着react 的流行受到越来越多的关注2.Vue3 也开始使用函数式编程3.函数式编程可以抛弃this4.打包过程中可以更好的利用 tree shanking 过滤无用代码5.方便测试,使代码更灵活6.很多库帮助我们进行函数式开发 lodash randa等2.什么事函数式编程函数式编程(Function Programming, FP) FP 是编程的范式之一面向对象编程的思维方式: 把现实世界的事物抽象成 => 程序世界中的类和对象,
2022-03-01 10:03:20
236
原创 前端处理超长列表-列表虚拟加载
*本文参考https://mp.weixin.qq.com/s/3euILxqRsxkOCvK6fBu2xg里面讲述的比较详细可选方案1.懒加载(上拉加载)通过懒加载的方式,在出现长列表的时候,第一次并不完全渲染所有的DOM节点,即可解决一部分场景下的问题。优点:实现简单缺点:1.想要定位到某一个位置的数据会非常困难1.如果一直加载到底,那么最终还是会出现大量的DOM节点,导致滚动不流畅2.虚拟渲染第三方库vue-virtual-scroller、react-tiny-virtual-l
2021-04-22 17:59:55
2709
2
原创 webPack配置理解
webPack配置理解官方文档链接: https://www.webpackjs.comwebPack是什么模块打包工具搭配webPack环境nodejs: https://www.nodejs.org构建webPack项目npm initnpm install webpack webpack-cli -g 全局安装npm install webpack webpack-cli --save-dev(-D) 项目内安装npx (npx webpack -v 查看当前项目webpack版
2020-05-14 11:27:19
299
原创 小程序自定义头部组件
1.新建文件navbar2.index.wxml<cover-view class="nav-wrap" style='height: {{height*2 + 25}}px;' > <!-- 导航栏 中间的标题 --> <cover-view class='nav-title' style='line-height: {{height*2 + 45...
2019-05-09 15:42:45
2973
原创 小程序在图片下载到本地
wxml<view bindtap='downimg' wx:if="{{idata}}"> //idata如过用户拒绝授权会执行下面方法进行二次授权 保存图片到本地 </view> <button open-type="openSetting" bindopensetting='handler' wx:else> 保存图片到...
2019-05-09 14:56:57
1565
原创 vuex基本使用
1.下载npm install vuex --save2.新建文件夹命名store里面创建一个index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ //导出vuex这个对象 // 待补充})3.全局使用vuex在main.js引入...
2019-04-17 18:40:43
143
原创 js数组遍历数组map(),forEach()及filter()
共同点:1.都是循环遍历数组中的每一项。2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组input。3.匿名函数中的this都是指Window。4.只能遍历数组1.forEach() //没有返回值。let arr = [] //原数组arr.forEach(function(value...
2019-03-20 11:35:52
10778
1
原创 小程序上拉加载
<scroll-view class="scroll-view" scroll-y="{{isscroll}}" bindscrolltolower="scrollTOlower"> <view wx:for="{{concent}}> ....... </view></scroll-view> 可参考 https://d...
2019-03-20 09:55:12
214
原创 微信,百度,支付宝小程序方法不同之处
1.微信小程序1.列表渲染 wx:for2.条件渲染 wx:if wx:elif3.事件 bindtap可参考 https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/2.百度小程序1.循环 s-for2.条件 s-if s-else s-elif3.事件 bindtap可参考 https...
2018-12-18 16:38:54
278
原创 微信小程序,百度小程序,支付宝小程序调用接口不同之处
1.微信小程序调用接口 wx.request({ url: 'https:xxx.com', // 仅为示例,并非真实的接口地址 data: { x: '', y: '' //要传的参数 }, header: { 'content-type': 'application/json' // 默认值 }, success(res) {...
2018-12-18 15:47:21
3463
1
原创 小程序实现按下录音松开识别语音
wxml <view class='circle position-absol'> <text wx:if="{{!anmationShow}}" class='fz-12 fot-col block'>按住话筒说话,松开后自动识别文字</text> <text wx:if="{{anmationShow}}" clas...
2018-11-29 14:08:21
3287
5
原创 小程序3D标签云
微信小程序实现3D标签云在网上查找了许多3d标签云的案列,一般都是用原生和jquery写的,然后参考https://www.cnblogs.com/axes/p/3501424.html这篇文章在小程序里面实现标签云,具体代码如下wxml// An highlighted block<view class="tagBall"> <a class="tag" wx:...
2018-11-28 11:15:02
2830
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人