- 博客(145)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 从现在开始:让AI写代码,你只负责敲tab键
通义灵码可以根据你当前的代码上下文,自动补全你需要的代码,大大减少了你需要手动输入的代码量,提高了编码效率。通义灵码是一款非常实用的编码辅助工具,它能够帮助你快速解决编码中遇到的各种问题,让你的编码更加高效和愉悦。如果你是一名程序员,不妨尝试一下通义灵码,它一定会给你带来惊喜!
2024-04-25 18:36:12
981
19
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 webpack提升构建速度
前端项目随着时间推移和业务发展,页面可能会越来越多,或者功能和业务代码会越来越多,又或者依赖的外部类库会越来越多,这个时候原本不足为道的 webpack 构建时间消耗就会慢慢地进入我们的视野。
2023-11-12 09:05:48
2018
21
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 CSS中calc(80vw - 100px)为什么不加空格会不生效?
运算符前后都需要保留一个空格,例如:`width: calc(100% - 100px)`; - 任何长度值都可以使用calc()函数进行计算; - calc()函数支持 "+", "-", "*", "/" 运算; - calc()函数使用标准的数学运算优先级规则;
2023-11-04 23:13:20
393
7
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 uniapp中videojs、renderjs的使用
uniapp在APP端video层级最高,不能被其它覆盖,引入videojs实现,使用renderjs实现原生的DOM操作
2023-10-09 11:02:37
2262
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 巧用浮动布局、解决高度塌陷实例分享
flex布局用的顺手了,会记不起用其它。其实每个属性都有使用的场景,本来想的是用flex布局和js动态判断解决的,后面用浮动3句代码就轻松解决了!
2023-07-14 07:08:56
419
14
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 30多个小程序一键发布——miniprogram-ci
概述miniprogram-ci 是从微信开发者工具中抽离的关于小程序/小游戏项目代码的编译模块。开发者可不打开小程序开发者工具,独立使用 miniprogram-ci 进行小程序代码的上传、预览等操作。miniprogram-ci 从 1.0.28 开始支持第三方平台开发的上传和预览,调用方式与普通开发模式无异。查看详情密钥及 IP 白名单配置使用 miniprogram-ci 前应访问"微信公众平台-开发-开发设置"后下载代码上传密钥,并配置 IP 白名单 开发者可选择打开 IP 白名单,
2023-07-03 12:52:10
6121
28
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 ChatGPT微信开发,轻松拿捏
在人工智能领域,Ai已经是一个屡见不鲜的东西了,为什么这次openAi推出的chatGPT却异常的受人欢迎?其实这还得益于GPT模型。本文教程ChatGPT接入微信,小白也可轻松拿捏
2023-05-06 08:16:08
3002
18
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 缺陷修改实践——replace函数的运用|思考?
大家好,我是清风。今天给大家分享一个项目中遇到问题解决问题的案例,编程其实就是一个思考的过程,缺少思考就没有灵魂,遇到问题先静下心去思考,想到方法后再去实践。我们要学会灵活变通去解决问题,掌握方法,这样才能举一反三,临危不乱,遇到所有问题都能很好地去解决。
2022-11-23 11:30:56
29916
253
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 uniapp|微信小程序获取当前城市名称--逆地址解析
uniapp开发的小程序需要获取当前城市名称。人生的路总是一波三折,代码也是,风雨之后总会见到彩虹的,加油!
2022-09-07 08:00:00
15699
164
原创 2024最新Web前端经典面试题及答案-史上最全前端面试题(持续更新)
重绘,简单来说就是重新绘画,当给一个元素更换颜色、更换背景,虽然不会影响页面布局,但是颜色或背景变了,就会重新渲染页面,这就是重绘。sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。回流,当增加或删除dom节点,或者给元素修改宽高时,会改变页面布局,那么就会重新构造dom树然后再次进行渲染,这就是回流。sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。相同点:都存储在客户端。
2024-07-17 11:43:51
422
原创 怎么注册一个小程序
新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,勾选 “不使用云服务” (注意: 你要选择一个空的目录才可以创建项目),点击新建,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小程序的表现,也可以点击预览按钮,通过微信的扫一扫在手机上体验你的第一个小程序。开发小程序的第一步,你需要拥有一个小程序账号,通过这个账号你就可以管理你的小程序。
2024-07-17 11:42:08
882
原创 【3分钟准备前端面试】uniapp
条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。能实现一套代码、多端运行,核心是通过。
2024-07-07 23:35:48
67
1
原创 【3分钟准备前端面试】vue3
Vue3中的Hooks为组件开发带来了全新的编程模式和思维方式,使我们能够更好地组织和复用代码,提高代码的清晰度和可维护性。通过自定义Hooks,我们可以将组件的逻辑拆分成独立的函数,并在多个组件中共享这些逻辑。在使用过程中,我们应遵循Hooks的书写规范和实践最佳实践,以确保代码的质量和兼容性。将响应式对象(reactive封装)装换为普通对象,对象的每个prop都是对应的ref,两者保持引用关系。针对一个响应式对象(reactive封装),对其中一个属性创建一个具有响应式ref,两者保持引用关系。
2024-07-04 16:16:06
311
3
原创 【3分钟准备前端面试】TypeScript初级
不可枚举:不可枚举是一个汉语成语,拼音为bù kě méi jǔ,意思是不能够一个个地列举,形容数量、种类极多。那么此时的参数类型就是一个变量,通常用大写字母 T 来表示,当然你也可以使用其他字符,如:U、K等。枚举的取值,有 TokenType.ACCESS 和 TokenType[‘ACCESS’] 这两种不同的写法,效果是相同的。protected:受保护修饰符,可以在类的内部和子类中访问,但不能在类的外部访问。private:私有修饰符,只能在类的内部访问,不能在类的外部访问。
2024-06-26 13:06:36
879
17
原创 JS 有几种遍历数组的方法
/ 结果为: true。var ages = [3, 18, 17, 16] const fn = (currentValue) => currentValue < 40 console.log(ages.every(fn)) // true 值全都符合函数条件。2) forEach()允许callback更改原始数组的元素,map()返回新的数组,map() 不会对空数组进行检测。console.log(age >= 18) // false true 有一个满足条件的会停止检测剩余的元素。
2024-06-12 13:48:25
411
1
原创 AI编程助手太好用了:百度Baidu Comate,让代码飞舞在指尖
总之,百度Baidu Comate作为一款智能代码助手,以其强大的功能、卓越的性能和丰富的应用场景,为软件工程师带来了前所未有的便捷和高效。如果你还在为繁琐的编程工作而烦恼,不妨试试Baidu Comate,让它成为你的编程神器,让代码在你的指尖飞舞!幸运的是,百度公司推出的智能代码助手Baidu Comate,以其强大的功能和卓越的性能,成为了广大工程师的编程神器,让代码飞舞在指尖。只需输入少量代码或关键词,Comate便能迅速理解你的意图,并为你推荐合适的代码片段或生成完整的代码块。
2024-05-18 20:11:54
1827
24
原创 微信浏览器input[file]拍照点确认后强刷新解决
公众号h5做的点击拍照选择照片,调用相机拍完照点确认时强制回退到登录页面。而且刷新是不固定的,调试了N久,直到现在,还会有这个情况发生。上网查找也没有具体答案。最靠谱的说法就是手机内存不足。手机运行图片或者相机时候没有足够内存,便刷新页面释放内存。说是解决,其实是没有根本解决哦,记录下来。
2024-04-25 18:06:32
382
1
原创 公众号留言功能恢复了,你的开通了吗?
原来是从今年1月份开始,公众号在进行留言功能灰度测试,被覆盖到的号就会恢复关闭已久的留言功能了!这真是一个好消息,感觉公众号又活过来了。不过,今天我的号突然有留言功能了!快去看看你的号有留言功能了吗?相信很快大家都有留言功能了!
2024-03-16 16:51:39
1130
12
原创 request to https://registry.npm.taobao.org/array-find-index failed, reason: certificate has expired
报错问题:提示淘宝镜像过期其实,早在 2021 年,淘宝就发文称,npm 淘宝镜像已经从 registry.npm.taobao.org 切换到了 registry.npmmirror.com。旧域名也将于 2022 年 5 月 31 日停止服务(不过,直到今天 HTTPS 证书到期才真正不能用了)
2024-03-13 16:15:27
457
3
原创 mp-html 微信原生小程序渲染富文本
小程序大多数都是基于html标签来渲染和显示内容的,mp-html组件支持以下列表标签和属性,同时支持id、style、class、align、height、width 属性。几乎可以完美兼容html的标签内容,并保持web内容和小程序内容在显示上兼容性,页面渲染的性能很强。组件对html标签支持的稳定性很好:1.标签名中可以含有 : 等特殊字符(如 o:p)2.标签名和属性名大小写不敏感3.属性值可以不加引号、加单引号、加双引号,也可以却缺省(默认 true)
2024-01-12 16:59:33
1569
原创 canvasdrawer 微信原生小程序生成海报图片
在小程序中生成海报是一种非常有效的推广方式用户可以使用小程序的过程中生成小程序海报并分享给他人通过海报的形式,用户可以直观地了解产品或服务的特点和优势。
2024-01-12 16:56:29
1084
原创 html2canvas截图生成海报图片
确保你的图片服务器支持CORS访问,也就是会返回Access-Control-Allow-Origin等响应头;time=${new Date().valueOf()},不然会报图片跨域报错。原因:这是因为你img是在缓存数据中读取的 并没有访问远程这个图片的时候没有携带请求头。
2024-01-12 16:55:30
520
原创 scrollIntoView(),描点实现滚动居中
用keep-alive两个生命周期activated和deactivated,在activated里执行操作。路由开启keepActive。利用vuex存储id。
2024-01-11 10:30:52
738
原创 element ui el-date-picker日期时选择器 设置只能选择不大于30天时间范围
【代码】element ui el-date-picker日期时选择器 设置只能选择不大于30天时间范围。
2024-01-06 10:38:47
999
原创 JS--异步的日常用法
`async` 和 `await` 可以说是异步终极解决方案了,相比直接使用 `Promise` 来说,优势在于处理 `then` 的调用链,能够更清晰准确的写出代码,毕竟写一大堆 `then` 也很恶心,并且也能优雅地解决回调地狱问题。当然也存在一些缺点,因为 `await` 将异步代码改造成了同步代码,如果多个异步代码没有依赖性却使用了 `await` 会导致性能上的降低。
2023-12-02 13:58:01
1059
原创 ES6知识点
对于这个问题,我们应该先来了解提升(hoisting)这个概念。从上述代码中我们可以发现,虽然变量还没有被声明,但是我们却可以使用这个未被声明的变量,这种情况就叫做提升,并且提升的是声明。对于这种情况,我们可以把代码这样来看接下来我们再来看一个例子对于这个例子,如果你认为打印的值为undefined那么就错了,答案应该是10,对于这种情况,我们这样来看代码到这里为止,我们已经了解了var声明的变量会发生提升的情况,其实不仅变量会提升函数也会被提升。对于上述代码,打印结果会是ƒ a() {}
2023-12-02 13:49:38
1095
原创 【git error|SourceTree】error: bad signature 0x00000000 fatal: index file corrupt
时电脑宕机,重启后再次提交代码会出现该提示。.git目录下的index文件损坏。//回滚到未添加缓冲区的版本。提交代码到缓冲区时或使用。
2023-11-26 12:05:45
1060
原创 什么是 Node.js?
Node.js 不是一种新语言而是一个平台,为 JavaScript 提供了浏览器之外的运行时环境。它提供了丰富的内置模块,包括 File System 模块、Net 模块、HTTP 模块、URL 模块、Process 模块等等。这些模块能够让 JavaScript 操作我们的计算机,建立 Web 服务器。
2023-11-26 11:53:20
1411
原创 webpack工作原理
抛开 webpack 复杂的 loader 和 plugin 机制,webpack 本质上就是一个 JS 模块 Bundler,用于将多个代码模块进行打包,所以我们先撇开 webpack 错综复杂的整体实现,来看一下一个相对简单的 JS 模块 Bunlder 的基础工作流程是怎么样的,在了解了 bundler 如何工作的基础上,再进一步去整理 webpack 整个流程,将 loader 和 plugin 的机制弄明白。当在 webpack 环境中应用一个插件时,插件将收到此 compiler 对象的引用。
2023-11-12 09:30:37
465
1
原创 vue+prismjs 网页代码高亮插件
最近在使用的过程中发现编辑器中代码块展示没有问题,但是预览编辑器中的内容样式丢失,看过wangEditor的后发现用到了,现将使用的经验分享。
2023-11-04 23:03:29
814
原创 【3分钟准备前端面试】TypeScript进阶
TypeScript是JavaScript的超集。它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了运行时异常的出现的几率;TS代码可以编译为任意版本的JS代码,可有效解决不同JS运行环境的兼容问题;
2023-10-22 15:18:34
254
1
原创 【3分钟准备前端面试】webpack
比如说前端的端口是8080,服务端如果端口是3000,这样前端在请求时如果直接请求3000会导致跨域请求不到,这时候可以使用proxy代理。每次修改业务代码时,lodash都要重新打包,但是lodash并没有改变根本不需要重新打包。开启缓存: 用cacheDirectory,只要ES6代码没变,就不会重新编译,会缓存下来。应该把lodash拆出去单独打包,当业务代码改变时,loadsh会命中缓存,加载会快。如果文件非常小,可以不抽离,直接和业务代码一起打包。两个文件引入了同一个模块,会打包两次。
2023-10-22 08:45:00
241
1
原创 【3分钟准备前端面试】vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
2023-10-21 20:42:47
405
2
原创 【3分钟准备前端面试】vue2
vue会基于key的变化重新排列元素顺序,并且会移除可以不存在的元素。computed 有缓存,基于响应式依赖数据(基于data中声明过或者父组件传递的props中的数据)发生改变,才会重新进行计算。v-for 具有比 v-if 更高的优先级,这意味着 v-if 将分别重复运行于每个 v-for 循环中,不利于性能优化。keep-alive 再次使用组件不会重新创建和渲染,v-if 每次都会销毁和创建,并创建VNode,执行diff算法。按需加载,异步加载大组件,使用才加载,不用永远不加载。
2023-10-21 12:37:11
809
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人