- 博客(41)
- 问答 (5)
- 收藏
- 关注
RSS订阅原创 2024年前端工程师总结
这一年里，我尝试了独立开发与接单。在这个过程中，积累了丰富的经验，也认识到与客户沟通的重要性。其实算不上独立开发，因为还没做出自己的产品出来。这个先搁置了。关于接单，接单确实给我带来了一些收入。不过接单的同时，身体也非常非常的疲惫。所以接单其实不是一个很好的选择。但是目前没有特别好的出路，接单还是会作为副业继续去做。（毕竟很多小软件开发公司就是这样开出来的！！哈哈）在接单过程中，发现很多业务，组件是可以重复利用的。但是每次都是给客户从零搭建。会浪费很多时间。
2024-12-27 14:23:43
903
原创 什么是HarmonyOS元服务？
首先什么是元服务？可以看到官网简介，即免安装的应用。既然是免安装，是不是有点像快应用的说法？哈哈HarmonyOS除支持传统的需要安装的应用（以下简称传统应用）外，还支持更加方便快捷的免安装的应用，即元服务。本篇文章了解到了什么是元服务，元服务有什么应用场景，以及使用元服务需要学习什么内容。下一篇内容我将一步一步从开发者工具的安装，创建项目来做一些开发在总结。如果你也喜欢搞💴💴，喜欢我写的文章，请关注我。一个想让程序员搞💴的程序员。
2024-10-21 17:35:09
906
原创 我开始接单/兼职/搞副业/建设个人社区，为自己谋后路了。
大家好，我是小荣，一个前端开发程序员。我最近开始在业余时间接私单了，也在想一些能够带来成长，收入的副业，主要也是为了自己谋后路，想想一些大佬有着不错的睡后收入，真爽呢！。这是第一篇文章，讲一讲我的想法和看法以及实践进度，希望能对你有帮助.
2024-05-01 02:26:10
1041
原创 微前端singleSpa提交代码git commit -m报错husky - pre-commit hook exited with code 1 (error),踩坑！
微前端基座，提交代码git commit -m的时候会出现已下内容报错。博主从14.17.0—》更新至18.16.0 就ok。暂无时间分析，问题解决即可，后续会给出。更换更高版本的node即可。
2023-07-02 20:30:04
363
原创 NVM安装教程
nvm 是node.js的版本管理器，设计为按用户安装，并按 shell 调用。nvm适用于任何符合 POSIX 的 shell（sh、dash、ksh、zsh、bash），特别是在这些平台上：unix、macOS 和windows WSL。
2023-06-11 19:12:49
834
原创 手摸手教你Vite+Vue3项目初始化及开源部署到GItee
本片文章主要手摸手教你Vite+Vue3项目初始化及开源部署到GItee，记录项目的环境，项目搭建。本文在开始本次学习中，鉴于你有前端三件套和vue的知识基础。文档创建于2023年5月20日，大家都去过情人节了~我在肝代码！node版本使用18.16.0。目前（2023.05.20）的稳定版本，这里推荐使用nvm来管理node的版本。Nvm使用教程（很简单）。
2023-05-23 11:12:24
1754
2
原创 Vue3+vite使用LottieFiles/lottie-web，阿里图标动效库
Vue3+vite使用LottieFiles/lottie-web，阿里图标动效库
2022-10-05 12:18:11
1514
1
原创 Vue3+vite使用 Highlight.js代码高亮实现网页代码显示
Vue3+vite使用 Highlight.js代码高亮实现网页显示代码的使用。Vue使用 Highlight.js，网页显示代码。
2022-09-17 15:01:45
2878
5
原创 Vue3+Vite项目引入Bootstrap5、bootstrap-icons
Vue3+Vite项目引入Bootstrap5、bootstrap-icons
2022-09-15 21:31:40
10828
4
原创 Nodejs-NVM版本管理安装和使用
Node在不同项目中会使用不同的版本，所以需要使用NVM版本管理，本文介绍了NVM的安装和基本使用，以及遇到的问题。
2022-09-04 23:11:23
1844
原创 JavaScript的this指向以及规则
JavaScript的this指向以及规则，为执行中的函数判定 this 绑定需要找到这个函数的直接调用点。找到之后，四种规则将会以这种优先顺序施用于调用点：通过 new 调用？使用新构建的对象。通过 call 或 apply（或 bind）调用？使用指定的对象。通过持有调用的环境对象调用？使用那个环境对象。默认：strict mode 下是 undefined，否则就是全局对象。
2022-05-29 00:33:46
187
原创 前端axios上传太大数据时，node.js后端报错或者取消状态采坑errno-4077
问题：前端axios上传太大数据时，node.js(express)后端报错或者取消状态。前端post请求体很大，node.js(express)后端默认的post为2MB/1MB,所以需要设置请求体的大小限制。app.use(express.json({limit: '50mb'}));app.use(express.urlencoded({ limit: '50mb', extended: true,}));设置完了又来一个毛病，也没有报具体情况，看图，大小知道MYSQL的问题。E
2021-09-28 14:23:10
7287
原创 Vue3 Cli创建项目详细过程。
Vue3 CLI详细完整项目记录（创建项目）声明：学习源于官方文档及搜索学习！声明：如有错误或者疑问请点出！官方文档创建项目工具：vscoed （只是一个编辑器而已，cmd，webstorm等都可以）知识点：需要打包工具NPM或者Yarn，如果小白建议学一下webpack和npm基础，如果不想学，这里去官网安装node即可（自行百度安装）。1.环境安装和检查打开编辑器命令行，cd到项目创建目录，输入node(集成了npm)，检查node版本环境,如果没有去安装node或者百度配置环境变量，
2021-08-12 22:52:31
173
原创 CSS复习之盒子模型有几种？
CSS复习之盒子模型有几种？第一种W3C的标准盒子模型第二种IE标准的盒子模型（怪异盒模型）两种盒子的宽度和高度不同w3c标准盒子的宽度和高度是指内容的宽度和高度 content怪异盒模型的宽度和高度指的是（content + border +padding）两种盒子的大小计算方法相同标准盒模型下盒子的大小 = content + border + padding + margin怪异盒模型下盒子的大小=content + border + padding + margin..
2021-07-09 19:18:54
657
原创 Css复习之选择器
Css复习之选择器Css选择器简单选择器：id,class,element，*选择器组合选择器：div p后代选择器，子选择器>,相邻兄弟选择器+,通用兄弟选择器~。伪类选择器锚伪类------->a:link/visited/hover/active/:focus指定元素聚焦后:first-child;last-child;nth-child(n) lang 伪类------->指定使用语言， 更多查菜鸟伪元素:first-line/::first-le
2021-07-09 18:55:36
108
转载 JS中三个点（...）是什么鬼？ES6中的扩展运算符
#JS中三个点（…）是什么鬼？yua三个点（…）真名叫扩展运算符，是在ES6中新增加的内容，它可以在函数调用/数组构造时，将数组表达式或者string在语法层面展开；还可以在构造字面量对象时将对象表达式按照key-value的方式展开有什么用？它的用处很广泛，我们随处都可以看到复制用它数组的复制var arr1 = ['hello']var arr2 =[...arr1]arr2 // ['hello']对象的复制var obj1 = {name:'chuichui'}va
2021-06-12 19:15:10
876
原创 webstorm编写html中文乱码，代码里部分汉字不显示？
webstorm编写html中文乱码解决方法：settings>editor -> font ->fallback font在里面选择能显示中文的字体即可 例如 黑体，楷体
2021-05-21 16:31:38
505
转载 #css中inline-block出现下移的情况
css中inline-block出现下移的情况解决方案：设置vertical-align:top在包裹层里嵌套的两个div设置display: inline-block时，正常情况下两个div会并排显示，如图但是如果在其中一个div里面加上一些内容，神奇的事发生了，第一个div出现了下移，如图：查阅了相关资料发现，在将元素display设置为inline-block的时候，元素即同时具有内联元素和块级元素的属性，既排列在同一行又可以设置宽高。对于内联元素，都具有vertical-align属性，
2021-05-01 17:08:03
942
原创 弹性盒子（伸缩盒）的使用与介绍
伸缩盒的介绍介绍弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。直接用之前学的需要给浮动才可以让三个div在一行上<div class="ssh"> <div class="ssh1"></div> <div class="ssh2"></div> <div cla
2021-04-05 15:26:39
1058
原创 CSS3动画效果的使用方法
Css3动画效果的使用方法Css属性就简单的记一下常用的规定动画： @keyframes所有动画属性的简写属性：animation使用方法设置一个动画@keyframes 动画名 {0%{margin-left:200px}50%{...}/*各个阶段都做什么*/100%{....}}运行动画（直接套用所有动画属性简写）animation：myname 10s infinite 1sanimation:动画名 动画完成时间 执行次数（上面给的无限次数） 动画延迟就
2021-04-05 13:25:25
98
原创 CSS3过度属性Transiton
过度属性Trransition使用css的属性值在一段时间内平滑的过度比如这个效果 字体滑动四个要素和触发过度属性，过度时间，过度函数，过度延迟的时间触发主要通过用户触发，点击，悬浮等过度属性transition-property:none|all|property多个属性用逗号隔开，可设置过的属性有颜色，取值为数值的属性，转换属性，渐变属性，阴影属性过度时间transition-duration：s|ms /*默认值为0*/过度函数transition-timin
2021-04-05 11:55:38
293
原创 CSS3圆角边框的设置
圆角边框的使用border-radius：值;圆角边框的设置单个值border-radius：10px;同时设置四个边框圆角两个值，八个参数boder-radius : 10px 20px 30px 40px / 10px 20px 30px 40px前四个参数设置四个角的水平参数，后面四个参数设置四个角的垂直参数顺序是顺时针，左上，右上，右下，左上一个值，四个参数 boder-radius : 10px 20px 30px 40px同时设置四个角水平+垂直参数
2021-04-03 15:55:14
254
原创 CSS设置元素隐藏显示透明度
CSS元素隐藏显示的两种方式visibility: hidden;（隐藏）visibility:visible；(显示)????仅仅隐藏元素，但是会占据物理位置display: none;(隐藏)display:block;(块状显示）display:inline;(行显示）display:inline-block(行内块状)????隐藏元素且不占据物理位置???? 两种不能穿插使用，visibilty隐藏后只能使用visibility显示，display也一样。...
2021-03-31 15:17:04
377
原创 JavaScript 函数及作用域(七)
JavaScript 函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。函数语法函数就是包裹在花括号中的代码块，前面使用了关键词 function：function functionname(){ // 执行代码}带参数函数以及练习调用函数时，您可以向其传递值，这些值被称为参数。function myfunction(var1,var2){ //demo}练习<!DOCTYPE html><html lang="en"><head
2021-03-23 14:25:48
106
原创 JavaScript 对象（六）
JavaScript 对象JavaScript 对象是拥有属性和方法的数据，比如一辆车，有属性颜色，有方法启动等。对象的定义对象的属性以键值对name：value的形式出现var person = {firstname:"wjx",lastname:"rong",age:"23"}//定义了一个人（对象），有firstname，lastname，age三个属性访问对象属性上面定义了一个人的三个属性，可以通过两个方式访问对象person.lastname;person["lastname"
2021-03-23 09:31:25
85
原创 JavaScript语法学习记录(注释变量数据类型)。（五）
JavaScript语法学习记录(注释变量数据类型)。javascript注释 var myname;//单行注释 /*多行注释多行注释*/JavaScript 变量变量必须以字母开头变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）变量名称对大小写敏感（y 和 Y 是不同的变量）声明（创建） JavaScript 变量 var myname; //声明 myname="Rong";//赋值 var yourname="小明";//直接声明赋值 var
2021-03-22 09:27:53
174
原创 JavaScript 大概语法的学习（四）
abstract else instanceof superboolean enum int switchbreak export interface synchronizedbyte extends let thiscase false long throwcatch final native throwschar finally new transientclass float null trueconst for package trycontinue function priva
2021-03-21 09:52:49
89
原创 JavaScript 输出的学习（三）
JavaScript 输出本人在菜鸟教程上学习的，仅记录，也可以到菜鸟教程上面学习，仅供参考。代码一定要自己慢慢打，复制粘贴学不好的。JavaScript 可以通过不同的方式来输出数据：使用 window.alert() 弹出警告框。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">![在这里插入图片描述](https://img-blog.csdnimg.cn/202
2021-03-21 09:14:06
119
原创 在谷歌浏览器中执行 JavaScript（二）
Chrome 浏览器中执行 JavaScriptConsole 窗口调试 JavaScript 代码谷歌浏览器打开，F12打开开发者工具选择Console，执行javascript命令创建js脚本来执行，如果没看到 Snippets ，可以点下面板上到 >> 就能看到了运行脚本文件运行结果总结本次总结了 在Chrome 浏览器中执行 JavaScript的内容，学习自菜鸟教程。...
2021-03-18 09:20:20
560
原创 JavaScript的几种使用方式（一）
javaScript几种运行方式在HTML标签中使用 独立外部脚本使用 在HTML中，使用<script> </script>使用 注意哦，单独引用外部脚本的时候，<script src="one.js">______这里不能加语句_______</script>,标签中是不能添加语句的。<!DOCTYPE html><html lang="en"><head> <meta c...
2021-03-13 01:26:27
296
空空如也
vue3监听dom不起作用
2021-10-11
安装element报错
2021-06-24
Vue路由调用组件，页面出现重复组件怎么解决
2021-06-16
过滤垃圾邮箱实验问题,怎么把读取csv文件的每一行并写入txt文件（一行一个txt）
2020-10-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人