再见昨天-CSDN博客

原创 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异步编程

JS异步编程

2022-03-04 15:20:13 177

原创 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

qq_40644829的博客