
笔记
www.www
Happy coding ️
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
input标签的tabindex属性 & a标签的tabindex属性
input标签的tabindex属性 & a标签的tabindex属性。原创 2022-07-29 17:43:24 · 1340 阅读 · 0 评论 -
Input标签的type设置为number,去掉上下箭头
Input标签的type设置为number,去掉上下箭头原创 2022-06-16 18:54:32 · 647 阅读 · 0 评论 -
babel 7升级实践
babel升级目的支持ES2015+更高级的语法Polyfill的优化babel如何升级1. 运行命令 自动升级到babel7npx babel-upgrade --write // 执行升级指令,babel相关的依赖会自动升级rm -rf node_modules。 // 为避免依赖出现问题,删除node_modules中的依赖yarn install // 重新安装babel依赖2. 修改所有 bable-polyfill 为 @babel/原创 2022-04-29 21:40:21 · 1483 阅读 · 0 评论 -
Html中的video标签视频在浏览器中不能自动播放问题
解决方法:video标签上添加 muted=“muted”属性示例代码:<video controls="controls" autoplay="autoplay" muted="muted"> <source src="movie.mp4" type="video/mp4" /></video>原因:浏览器限制有声音的视频即使添加自动播放属性autoplay也不能直接播放,添加muted意为静音播放即可实现自动播放。...原创 2020-10-17 11:29:45 · 3641 阅读 · 0 评论 -
正确使用小程序中的globalData
使用globalData示例代码://1.声明:app.js中声明globalDataApp({ onLaunch (options) { }, globalData: { name:”mini-program” }})//2.使用:任意页面中使用globalDatavar appInstance = getApp()console.log(appInstance.globalData)注意:(1)不要在定义于 App() 内的函数中,或调用 App 前调用 get原创 2020-10-16 18:15:32 · 3295 阅读 · 0 评论 -
微信小程序登录的实现
微信小程序登录的实现开发微信小程序必然会涉及到登录功能的实现,不同的技术团队对微信小程序登录实现的方法也不相同,以下是我做过的微信小程序登录实现思路。前端在微信小程序的入口方法中通过wx.login()方法获取code,并通过wx.request()方法请求服务端接口将code传给服务端服务端得到code后将小程序的appid+appsecret+code一同发送给微信接口服务获取sessio_key和openid等信息,服务端此时会根据openid判断当前的用户的登录状态,如果用户是登录的,直接将原创 2020-10-11 10:54:44 · 1372 阅读 · 0 评论 -
uniapp scroll-view 隐藏滚动条
uniapp scroll-view 隐藏滚动条的问题/* 解决滚动条的问题 */::-webkit-scrollbar{ display: none;}/* 解决H5 的问题 */uni-scroll-view .uni-scroll-view::-webkit-scrollbar { /* 隐藏滚动条,仍然可以滚动 */ display: none}...原创 2020-09-05 14:30:44 · 1248 阅读 · 1 评论 -
禁止小程序弹框下页面的滑动穿透问题(ios兼容性问题)
去掉uniapp开发小程序在IOS手机蒙层下可滚动效果分为两种情况1.蒙层上无需滚动效果2.蒙层上有滚动效果第一种情况在蒙层所在div上加 @touchmove.prevent,但是这种情况下蒙层也不能滚动了第二种情况,直接在最外层的页面添加css属性 position:fixed;...原创 2020-09-05 13:18:48 · 700 阅读 · 0 评论 -
切换选项卡的列表中上拉加载监听子元素滑动位置
切换选项卡的列表中上拉加载监听子元素滑动位置因为切换选项卡的内容区使用了swiper,滑动的区域是在父元素内,所以通过document.body.scrollTop;获取不到元素滑动的高度,要监听到子元素在父元素内滑动的高度使用js原生实现比较复杂,我们 可以使用框架提供的方法 :1. 若使用的vue框架,可以通过this.$refs.tab1.getBoundingClientRect().top获取滚动高度2. 若使用的JQuery,可以通过 $(“tab1”).offset().top获取滚动原创 2020-08-04 21:41:00 · 190 阅读 · 0 评论 -
微信小程序中修改bug后新生成的二维码扫码不生效的问题(开发环境)
微信小程序中修改bug后新生成的二维码扫码不生效的问题(开发环境)原因: 微信小程序中会自动缓存之前的代码,再次扫码之后可能直接使用之前缓存的代码运行小程序,所以可能不生效.解决方法: 删除小程序,删除微信小程序的缓存,关闭微信的进程,重新打开微信,扫码进入小程序.如果还是不行就过一段时间重新做这一系列操作...原创 2020-06-28 21:51:07 · 2040 阅读 · 0 评论 -
递归实现简单的深克隆
递归实现简单的深克隆function deepClone( o ) { // 判断如果传入的参数是原始类型,即直接将参数返回 if(typeof o == "string" || typeof o == "number") || typeof o == "boolean" || typeof o == "undefined") { return o } else if (Array.isArray(o)) { // 若传入的参数是数组类型, 遍历数组,递归调用 var _arr = []原创 2020-06-26 21:49:30 · 373 阅读 · 0 评论 -
前端开发中组件化的优点
前端开发中组件化的优点解耦的思想,函数封装到组件内部执行模块化,代码清晰,易于维护,迭代更新复用性高屏蔽逻辑,可以迅速定位问题原创 2020-06-23 22:39:33 · 1970 阅读 · 0 评论 -
Node.js 中的事件循环机制
Node.js 中的事件循环机制底层实现简述: Node.js的依赖库是V8,libuv,V8 使node.js可以高效的执行代码,libuv使node.js实现高效的异步,是nodejs与文件,网络等一部桥梁,其中process.nextTick() 和 microTask的队列不是libuv的,而是node.js的,则 macrotask Queue就是异步的任务。Node.js的初始化:(1)初始化node环境(2)执行输入代码(3)执行process.nextTick回调(4)执行mic原创 2020-06-23 22:30:35 · 260 阅读 · 0 评论 -
微信小程序中页面之间传递参数的方式
微信小程序中页面之间传递参数的方式1.使用 url 带参数传递参数2. 使用全局变量实现数据传递(例如用户的登录信息)3. 使用组件模板 template 传递参数4. 使用缓存传递参数 wx.setStorage()及wx.getStorage()5. 利用数据库传递数据...原创 2020-06-23 21:12:47 · 416 阅读 · 0 评论 -
微信小程序自定义搜索框(searchbar)
微信小程序自定义搜索框(searchbar)样式截图展示:功能描述:微信小程序页面需要加入搜索框时,可以直接引用到页面中使用,当用户未输入任何关键字时如第一张图所示,当用户输入要搜索的关键字时如第二张图所示,出现取消文案和清空的icon标识,点击取消文案或者清空的icon标识,都可清空关键字,样式恢复到第一张图所示实现代码:(1) searchbar.jsComponent({ properties: { placeholder: { type: String,原创 2020-06-23 16:24:31 · 17309 阅读 · 4 评论 -
实现密码输入框的显示和隐藏功能
实现密码输入框的显示和隐藏功能( 以下以小程序开发为例 )功能简述:密码输入框默认内容是不可见的,当点击右侧的眼睛变为可见,再点击右侧眼睛变为不可见,如下图所示实现思路:使用两个input组件,第一个input组件type属性设置为 password ,不可见时显示,第二个input组件 type 属性设置为 text,可见时显示该组件,代码如下所示:<input wx:if="{{passwordType == 'password'}}" bindinput="handlePa原创 2020-06-05 20:06:30 · 1923 阅读 · 0 评论 -
封装wx.request()请求函数
封装wx.request()请求函数目录可以设置为:apiapi.jsconfig.jshttp.js(1)api.js文件// 接口地址const api = "/abc" //存放公共的路径export default { loginPassword: api + "/login"}(2)config.js文件const config = { header: {},}export default config(3)http.js文件import c原创 2020-06-04 21:41:49 · 272 阅读 · 0 评论