自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 所有地区的中英文名称,手机区号,字母缩写(代码)json文件整理

【代码】所有地区的中英文名称,手机区号,字母缩写(代码)json文件整理。

2022-11-16 14:19:18 2389 1

原创 关于Electron中设置enableRemoteModule:true,渲染进程中依旧无法使用remote模块的问题

在主进程中设置后,只需要从中引入即可较高版本的electron(以我的19.0.8为例)1、先安装模块2、主进程中设置,同时在创建窗口实例之后引入模块main.js3.在渲染进程中导入模块完成后即可在渲染进程中使用模块,例如...

2022-07-07 22:04:24 2625 1

原创 如何使用Gulp完成项目的自动化构建

1、yarn init 初始化 package.json2、yarn add gulp --dev 将gulp作为开发依赖安装3、项目根目录创建gulpfile.js,作为gulp的入口文件4、命令行通过运行这个任务[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Xq38PEw1-1657116342942)(C:\Users\86133\AppData\Roaming\Typora\typora-user-images\1657008252101.png)]最新的gulp当

2022-07-06 22:07:37 1236

原创 理解工程化及使用node.js创建一个小型的脚手架工具

脚手架的本质作用除了为我们创建项目结构,还为我们提供了项目规范和约定。脚手架创建的项目包含相同的组织结构、相同的开发范式、相同的模块依赖、相同的工程配置以及相同的基础代码。脚手架作为一种创建项目初始文件的工具被广泛地应用于新项目或迭代初始阶段。使用工具代替人工操作能够避免人为失误引起的低级错误,同时结合整体前端工程化方案,快速生成功能模块配置、自动安装依赖等,优化了时间成本。在公司中使用同一套脚手架工具创建的项目,使得项目成员更换时,能够马上上手,提高开发效率。实现过程:1.新建文件夹,命令行运行初始化文件

2022-07-05 09:34:40 346

原创 深入理解Promise(从功能角度解析promise源码实现)

一、什么是Promise?Promise 是异步编程的一种解决方案。从语法上讲,promise是一个对象,从它可以获取异步操作的消息;从本意上讲,它是承诺,承诺它过一段时间会给你一个结果。promise有三种状态:pending(等待态),fulfiled(成功态),rejected(失败态);状态一旦改变,就不会再变。创造promise实例后,它会立即执行。一般来说我们会碰到的回调嵌套都不会很多,一般就一到两级,但是某些情况下,回调嵌套很多时,代码就会非常繁琐,会给我们的编程带来很多的麻烦,这种情况俗

2022-01-06 15:48:17 856

原创 解决IScroll滚动插件部分机型点击事件失效的问题

之前的项目用到了iscroll滚动插件,网页调试正常,到了真机上部分iOS、android4.4+机型不能触发click事件解决办法:添加一个函数判断机型 myScroll = new IScroll('#wrapper', { click:iScrollClick(), //调用判断函数 scrollbars: true,//有滚动条 mouseWheel: true,//允许滑轮滚动 fadeScrollbars: true//滚动时显示滚动条,默认影藏,

2021-12-10 16:58:13 1881

原创 移动端h5适配方案(兼容vant)

前段时间接手了公司的一个未开发完的老项目,里面用到了lib-flexible+postcss-pxtorem用来将px自动转换成rem实现移动端适配,但是当引用了vant后,vant组件样式都变得很小,为这个问题搞了很久。我试过给postcss-pxtorem添加配置文件不起作用,也试过覆盖原来的样式,但是这并不能解决根本问题而且每次引用一个组件都要改很麻烦。最终解决方法是将插件postcss-pxtorem替换成了postcss-px-to-viewport1、安装插件npm install po

2021-12-08 11:52:22 1126

原创 原生微信小程序开发及uni-app全局变量的几种实现方式

实际工作当中,经常需要定义全局变量来保存数据,已供多个页面在不同时间段来获取举几个常见场景:1.用户登录后的用户信息;2.:购物下单选择地址,返回订单页需要拿到用户上个页面选的地址;3.在订单详情页操作订单后返回列表时,在不刷新列表,不重新请求的情况下更新订单状态;个人总结了自己比较常用的几种方式(小程序原生开发或者使用uniapp之类的框架开发基本都适用)1、在项目目录里面新建一个js文件用于定义公用的方法。在需要用到里面的变量的页面引入js即可,或者在app.js引用然后挂载到globa

2021-09-07 19:15:33 1046 1

原创 页面触底加载实现原理

这个问题的思路就是内容盒子的内容滑动到最底部的时候,加载新的内容。判断上述情况需要有三个值:1、内容盒子的高度2、盒子里内容的总高度3、滚动条的scrollTop获取到三个值以后,只需要判断内容盒子的高度+滚动条的scrollTop = 盒子内容的高度即为触底。我这里用的是自定义盒子,将盒子样式设置为overflow-y:auto,通过里面的scroll方法来监听判断滚动的距离是否触底:getScroll(e) { //我这里用了节流 控制频率 //这里的timeout需要提前

2021-07-22 16:41:51 3000

原创 HTML5如何实现网页消息通知提醒

在网页开发过程中,有时需要实现聊天功能,或者在一些网站跟在线客服咨询的时候,会看到一些消息通知的提示,常见的有浏览器标签页的闪烁和屏幕右侧的消息通知。这里总结一下自己的实现方法实现的效果:当前窗体失焦的时候,标题开始闪动,当前窗体获取焦点的时候,则停止闪动。并且在收到消息的同时右侧弹出消息通知。实现标题闪烁需要用到窗口的获取焦点和失去焦点的方法,由于IE和其他Chrome及FireFox的区别,这里需要用到的方法就不一样,具体是:Chrome和FireFox浏览器是window的onfocus

2021-07-22 14:52:13 8004

原创 解决微信小程序IOS部分机型无法复制文字的问题?

微信小程序内想要实现长按复制文字的功能需要在text标签上添加可复制的属性selectable=“true”<text selectable="{{true}}">{{item.text}}</text>按照上面的添加完,安卓长按可正常复制,测试了一下iPhone6((ios13.2)可以复制,但是iPhone6(ios13.6) ,iPhone 11(ios13.4.1)无法复制,还有其他部分ios机型无法复制。解决方法:text标签添加属性 user-select=“t

2021-07-20 13:46:03 4051 1

原创 微信小程序录制视频方法踩坑总结

**工作中需要微信小程序实现录制15s视频上传,部分用户反馈无法录制视频的问题,所以在此总结一下经验**下面这张图片这是问题的表现,部分机型用户松开拍摄时提示未完成拍摄,导致无法上传视频。上面的问题是使用wx.chooseVideo({ sourceType: ['camera'], maxDuration: 60, camera: 'back', success(res) { console.log(res.tempFilePath) }})wx.choose

2021-07-15 11:34:56 2426 1

原创 vue项目运行vue-cli-service serve报错解决方法

先上一张报错信息图片试过删除node_modules重新安装还是不行我的解决方法:右键计算机属性,选择高级系统设置=>环境变量在\Microsoft VS Code\bin后面添加;%SystemRoot%\system32;(注意分号;)然后在path环境中配置C:\Windows\System32最后去项目安装依赖 npm i 或者 cnpm i运行项目 npm run serve如果这样子项目还是报同样的错误,那么就把node全局卸载,去控制面板卸载,然后安装,最后安装依赖

2021-04-08 11:38:51 26162 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除