- 博客(47)
- 收藏
- 关注
RSS订阅原创 前端git必备技能，如何合并分支以及出现合并冲突后如何解决
我们常说的`master`或`main`主干也可以理解为分支，可以是分支合并到主干，或分支合并到分支。它会自动执行合并操作，如果最有可能出现的问题就是冲突。如果你使用的是`vscode`,那么它会自动让你解决冲突，你可以标记为合并冲突从而解决，然后可以直接点击左侧的git提交按钮
2023-03-21 09:25:02
73
原创 vue如何动态改变HTML的属性值，以elementUI表单必填项与选填切换为例
表单控件需要根据条件动态进行必填项验证，如果用v-if来写，有点繁琐，而且会造成很多重复代码的
2023-03-06 14:52:41
107
原创 2023年中高级前端养成指南-需要关注和学习的13大类80余个前端技术栈与前端趋势-看这篇就够了系列
2023年中高级前端养成指南，收藏起来，从开工第一天起，立下全新的计划和目标，愿你在兔年大展宏兔，扬眉兔气。涉及到的内容有基础语言、浏览器 API、最近新增的 JS 对象、方法、属性、前端框架、前端构建化工程化工具、前端测试工具、移动端和客户端开发（多平台开发）、渲染框架（SSR服务器端）、项目管理、工具类库（包含npm 依赖包）、JS 的扩展编程语言、需要熟悉的其他后端语言、高级前端需要关注的技能、趋势
2023-01-30 15:51:53
503
原创 WEB前端有必要学会docker吗？0基础-45分钟带你学会（包含视频笔记案例源代码）
目前大部分公司都会将项目通过docker的方式部署到测试、预演、生产环境中。虽然这些工作基本上都是由后端开发、测试工程师或运维工程师来完成，并不需要前端参与。俗话说技多不压身，从目前趋势来看，docker学起来简单，用起来也不复杂，仅从个人技术提升和兴趣爱好方面也是有必要学会的
2023-01-18 10:17:35
513
原创 web前端开发项目走proxy代理后端接口，构建发布到生产等环境后，如何修改api接口
在开发环境，因为本地站点和接口站点不是同一个域名，就产生了跨域问题，但是不可能让后端开发跨域端口或使用jsonp，所以，一般是让前端通过在`webpack.config.js`中配置`proxy`来走接口代理。但是如果是在生产环境要怎么变更接口地址呢？文章将解答该问题
2023-01-11 16:08:36
612
原创 谷歌2022年最受欢迎Chrome浏览器扩展程序：包含Tango，Compose AI等
Tango：使用屏幕截图在几秒钟内创建精美的操作指南；Compose AI: 一个人工智能写作工具；eJOY English：翻译自Netflix, Youtube, iFlix上的字幕，查字典，也可在游戏中学习英文字幕；
2022-12-30 13:38:37
1196
原创 亚马逊云科技 Build On -Serverless低代码平台初体验-快速完成vue前端订单小程序
对于商家而言，他多了个小成本上云的机会，而对于开发者而言，也见识了亚马逊在这方面的实践，为`severless`开发提供了新的思路和借鉴。亚马逊AWS（Amazon Web Services）其实远比你想象得更强大，它除了提供一系列云计算服务，还包括计算、存储和数据库，以及机器学习和分析工具。对于希望构建自定义软件而不需要大型开发人员团队或广泛的编码知识的组织来说，低代码平台可能是一种有用的工具。一旦决定使用这个低代码平台和`serveless`技术，亚马逊云科技下的build on你不得不来尝试
2022-12-28 14:36:44
2702
原创 chatGPT回答如何使用axios？
Axios 还支持其他类型的 HTTP 请求，比如 PUT、DELETE 等。有关更多信息，请参阅 Axios 的文档：https://github.com/axios/axios。Axios 是一个基于 Promise 的 HTTP 客户端，可以用于浏览器和 node.js 中。然后，就可以使用 Axios 的各种方法来发送 HTTP 请求了。
2022-12-27 21:12:44
207
原创 5个可保存的在线代码片段平台推荐-变成自己的代码词典库
遇到好的代码，或好的思路、想法可以将其保存到自己的代码字典中，比如轮播图代码、tab切换页代码、清空浮动代码等，都可以将其变成代码片段
2022-12-15 22:38:22
694
原创 用openAI写个js的排序算法(快速排序算法)
由人工智能ChatGPT生成的快速排序算法中，数组会不断被划分为更小的子数组，直到每个子数组都只包含一个元素为止。每个子数组都会被排序，然后再合并为一个有序的整体
2022-12-10 21:17:06
187
转载 JS数组Array.from ()方法语法与示例笔记
Array.from() 可以通过以下方式来创建数组对象：伪数组对象（拥有一个 length 属性和若干索引属性的任意对象）可迭代对象（可以获取对象中的元素，如 Map 和 Set 等）
2022-12-06 11:33:57
68
原创 在vue中如何获取项目src外层的config目录以及api接口proxy的target代理地址
因为后端proxy接口是放置在src外面的config目录中的，如果要方便获取，可以设置类似于用@代表src一样的路径别名。需求是某个接口需要服务器的hostname和port，这时就需要知道后端代理地址。比如下方的target地址。
2022-11-29 13:46:09
903
原创 6款开发必备的Chrome谷歌浏览器扩展（部分火狐、edge浏览器商店也可以用）
1、AdBlock –广告屏蔽插件2、JSON viewer –web前端必备-jSON格式美化插件，安装该插件后，访问接口地址会格式化3、Allow CORS: Access-Control-Allow-Origin -安装后就能解决跨域问题（仅本地）4、Octotree – Github code tree –github项目格式化为树状目录，方便查看和下载5、SuperCopy 超级复制 — 解除部分网站不能复制内容的限制6、Web Developer — web前端必备-能禁用、查看、编辑
2022-11-25 17:21:47
388
原创 【新知实验室 TRTC&IM】腾讯云产品实时音视频（WebRTC）0费操作和快速入门教程指南
实时音视频（TRTC）主打低延时互动直播和多人音视频两大解决方案，支持低延时直播观看、实时录制、屏幕分享、美颜特效、立体声等能力，还能和直播 CDN 无缝对接，适用于互动连麦、跨房 PK、语音电台、K 歌、小班课、大班课、语音聊天、视频聊天、在线会议等业务场景，本文将简述低延时互动直播和多人音视频两大解决方案所能触达的业务场景。比如，如果你想在自己的app、网页、小程序中也能实现在微信中的语言视频聊天，就可以用这个产品
2022-11-24 18:17:04
233
原创 5款超好用的在线IDE，媲美vscode，可以直接编写前端构建化项目，而无需在本地下载依赖包，非常适合学习、demo、原型开发
以下5款在线IDE，可以直接编写前端构建化项目，而无需在本地下载依赖包，非常适合学习，写demo等。都是免费的，基本都支持从github导入项目开发
2022-09-29 14:57:39
3284
原创 jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
要是能直接复制粘贴别人的代码也可以变大S神那该多好。插件是一个JS文件，可能还附带有图片和样式。别人将某些功能代码写在一个文件中，然后给其他人分享下载和使用。比如将轮播图的代码写好放在一个JS中，然后写下使用说明，供其他人套用快速实现轮播图效果，这样就不需要自己从0开始写轮播图特效了。插件在互联网多如牛毛，我们做的那些特效都能找到对应的插件。
2022-09-23 14:30:53
111
原创 jQuery自定义动画-第8次课-animate-stop函数-附案例
特效方法中只能改变切换元素的可见性，改变元素的高度、透明度，而不能定制。我们可以同animate方法来定制自己的特效
2022-09-23 14:22:21
194
原创 jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
show、hide是在特定时间内同时改变了该元素的宽度、高度、透明度。让其具有过渡效果（动画效果）。淡入淡出（显示和隐藏元素），只改变该元素的透明度。淡入：显示、淡出：隐藏。
2022-09-23 14:07:48
398
原创 jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
本次课涉及内容有：1、官方推荐的绑定事件的方式on关键字2、事件对象event3、JQ的滚动条事件4、JQ的盒模型表示
2022-09-22 15:51:27
110
原创 jQuery事件1-第5次课-JQ的事件跟JS一样的作用，只是写法不一样-附案例、任务
JQ的事件跟JS一样的作用，只是写法不一样。 事件的本质都是调用函数，实现用户和界面的交换。
2022-09-22 15:48:32
69
原创 jQuery DOM2-第4次课-从某个元素出发，往上下左右找祖先、后代、兄弟然后对其进行增删改-附资料作业笔记
jQuery用来操作DOM是非常方便和强大的，这也是它的特长。它封装了很多快捷的操作DOM的方法，这些都是之前JS的DOM方法没有的
2022-09-22 15:45:40
50
原创 jQuery -第3次课-DOM操作元素属性-样式等-附资料、作业
学完这个后，再学习从某个元素出发，去找上下左右的元素，再对其进行增删改，比如插入新的元素、替换、复制等。
2022-09-22 15:41:21
52
原创 jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
jquery选择器大部分跟CSS3的选择器通用，但有部分特色选择器
2022-09-22 15:35:14
56
原创 vscode自动跟随Mac或window系统系统切换主题色-白天用亮色主题、晚上用暗黑主题
vscode自动根据白天黑夜设置不同的主题，同时支持在window系统和macOS系统。本文讲解了如何在这两种系统中分开设置，比如想要在白天用亮色主题，晚上用dark主题
2022-09-21 11:13:31
1446
原创 git 如何为不同的项目设置不同的用户名和邮箱，用来区分个人仓库和公司仓库
公司项目用git提交时，最好用公司分配给你的名字和公司邮箱，而不是用个人的git信息来提交代码。比如公司中用gitlab托管代码，而你自己会用github或gitee来管理自己的个人代码库。这时最好区分开个人和公司提交的用户信息
2022-09-19 16:31:24
646
原创 没有json数据，自己造！mockjs的使用-模拟数据其实超级简单
虽然已经有好几年没有更新了，但是这个其实跟年限无关，因为它最终的目的是生成模拟json。而且可以用于任何项目中，也就是可以在已有的项目中添加。比如、、项目中。在mock官网有很详细的介绍，下面是介绍步骤。1、安装2、在项目src目录中新建一个或3、在mock文件夹下的中写如下代码4、在main.js中导入以便全局使用,只需要这样即可，不需要启用5、在需要使用模拟数据的组件中，使用加载6、结果可以在控制台看到如下结果7、总结使用mock接口，是不需要在中任何定义好的接口的，只要在这个文件中写了模拟接口
2022-09-13 14:34:09
402
原创 解决macOS 应用安装在下载目录时遇到的 vscode 掉登录和应用无法随机启动的问题
Cannot update while running on a read-only volume. The application is on a read-only volume. Please move the application and try again. If you're on macOS Sierra or later, you'll need to move the application out of the Downloads directory. This might mean
2022-09-08 14:38:40
357
原创 在用户关闭页面时，提示用户有内容未保存-论onbeforeunload事件的用法
onbeforeunload该事件在火狐、谷歌中默认不生效，除非你打开控制台。提示用户有内容未保存，弹出系统可能不会保存您所做的修改
2022-09-07 13:48:07
361
原创 #发布npm包遇到错误，因为用了淘宝镜像地址的原因的解决方法-403 403 Forbidden - PUT https://registry.npmmirror.com/-/user/org.cou
使用npm login(也可以使用)登录准备发布npm依赖包大意是你的npm使用了镜像地址，无权限发布。
2022-08-28 13:48:19
1365
1
原创 一文搞懂nodejs和JS的模块化
Nodejs是一个JS的运行环境。是一款可以让JS代码在电脑的任意地方都能运行的软件。相当于是将谷歌浏览器的V8引擎（JS解析器）独立出来了。Nodejs执行的JS是ECMAscript，不能执行BOM、DOM。
2022-08-28 13:31:54
246
原创 解决vue引发的报错-sub is not a function at vuex.esm.js:422:1跳转不了路由的问题
F12打开控制台的vue面板后引发的报错-跳转不了路由的问题：TypeError: sub is not a function at vuex.esm.js:422:1
2022-08-12 09:45:35
368
原创 解决使用elementUI的el-date-picker报[Vue warn]: Avoid mutating a prop ...Prop being mutated: “placement“的问题
解决使用elementUI的el-date-picker报[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "placement"的问题....
2022-08-08 16:30:05
1356
2
原创 使用nvm在win10系统安装多个nodejs版本解决低版本前端项目运行报错问题
window中安装nvm-window来管理多个版本的nodejs，以便能切换不同的nodejs，运行之前的旧项目
2022-08-06 21:49:42
586
原创 CSS样式文件和class类名命名规范参考
大部分前端程序员都有命名强迫症，要花很长时间来想这个本来不是问题的问题。下面总结了样式文件命名和模块class类别命名
2022-07-29 23:49:55
585
原创 jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
一、jquery是什么它是一个工具库jQuery是一个库的名字，里面有很多方法，可以理解为没有学过的对象，只是该对象不是内置，而是一个团队开发出来的，都放在了这个库里面的。它是一个JS文件该团队将代码写在一个JS文件中，供我们导入到页面中使用（插件）jQuery也是原生JS写的，好比自己写了很多好用的功能给别人用。它是一个很大的函数该函数提供了很多现成的功能给我们用。jquery大大的简化了JS的开发难度，不用理会JS的复杂程度，让JS网页开发变得如此简单高效。所以在企业中做
2022-05-29 14:13:19
466
原创 如何在Typora中以可视化或源码的方式使用markdown
前言：typora是一款可视化的markdown写作工具。小白也可以快速上手。跟着我先学几个简单的技巧快速上手吧。文章目录在typora中以可视化的方式使用markdown一、显示标题二、显示段落三、显示代码四、图片、链接等在Typora中以源码的方式使用Markdown（即直接写markdown）OverviewBlock ElementsParagraph and line breaksHeadersBlockquotesListsTask List(Fenced) Code BlocksMath B
2022-05-07 11:43:43
446
原创 【ES6系列第一篇】ES6简介与特性、let、const、解构赋值
一、ES6简介与特性 ES6全称为：ECMAScript 6.0，也叫ES2015. ES指的是JS的核心ECMAScript部分（除BOM+DOM外），我们之前学的是ECMAScrip5，数字6表示版本号。ES5版本在2009年成为标准，ES6虽然已经于2015年9月发布，但目前大部分浏览器均还在完善支持中，比如chrome浏览器支持度已经达到了99%以上。ES6通常指的是ES6及ES6以后的版本，ES每年都会发布一个新的版本，比如今年的ES2022（尚未发布）。目前有两种方式解决
2022-04-29 14:47:19
251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人