前端老实人
码龄4年
关注
提问 私信
  • 博客:773,977
    社区:26,050
    问答:192
    动态:235
    视频:2
    800,456
    总访问量
  • 169
    原创
  • 1,327,718
    排名
  • 9,493
    粉丝

个人简介:一名前端狂热爱好者,有需要资料或者有问题的同学可以直接私信我哦,做你的私人小家教!

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:北京市
  • 加入CSDN时间: 2020-11-19
博客简介:

陈新科的博客

查看详细资料
个人成就
  • 大前端领域优质创作者
  • 获得2,092次点赞
  • 内容获得985次评论
  • 获得3,977次收藏
  • 代码片获得7,775次分享
创作历程
  • 15篇
    2023年
  • 49篇
    2022年
  • 105篇
    2021年
成就勋章
TA的专栏
  • 前端面试宝典
    付费
    3篇
  • 创业
    1篇
  • 前端工程化
    5篇
  • element-ui
    8篇
  • JavaScript
    20篇
  • Vue
    48篇
  • 人生理想
    4篇
  • Vue组件和工具库
    4篇
  • 源码解读
    3篇
  • jsp
    1篇
  • jQuery
    3篇
  • 面试
    1篇
  • 运维
    1篇
  • Vue3.0
    26篇
  • Echarts
    13篇
  • CSS
    10篇
  • web网页模板
    9篇
  • 2022 技术进阶计划
    1篇
  • git
    4篇
  • 服务器
    1篇
  • 高德地图
    1篇
  • 网络协议
    2篇
  • MySQL
    2篇
  • node
    3篇
  • PHP
    2篇
  • HTML
    4篇
  • 公众号
    1篇
  • uniapp
    9篇
  • 小程序
    9篇
  • TypeScript
    1篇
  • 网络
    1篇
  • 前端cv大法速成网站
    1篇
  • UI设计
    1篇
TA的推广
兴趣领域 设置
  • Java
    javatomcatspringmavenspring bootspring cloudjvm
  • 前端
    javascriptcssvue.jsreact.jses6webpack前端框架
  • 后端
    sqlmysqlnode.js后端
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
TA的社区
  • CSDN大前端交流社区
    178 成员 213 内容
    创建者
  • 吾爱分享
    35598 成员 197 内容
    管理者
  • Echarts开发者
    32 成员 32 内容
    管理者
  • Element开发者
    40 成员 40 内容
    管理者
创作活动更多

HarmonyOS开发者社区有奖征文来啦!

用文字记录下您与HarmonyOS的故事。参与活动,还有机会赢奖,快来加入我们吧!

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

创业项目群2023交流群

每当进入一个新的项目或行业时,最重要的是先参与相应的行业群或创业群,了解最新的动态。创业时,也需要加入一些创业交流群,与同频的人进行交流。不诚信的人和不良企图的人已经被拉黑了,群内严禁发广告,每天都要花很多时间清理广告。在这个创业交流群里,我们共同寻找同频的人,只有聪明的人才开始交流。我创建了一个全国创业的群,让大家可以在里面分享自己的项目,并寻找合作资源。此时,你就需要加入最新的创业交流群,与各行各业的老板进行交流。因此,我创建了一系列的创业交流群,欢迎大家加入。
原创
发布博客 2023.08.01 ·
1088 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

webpack5构建脚手架移植Vue2项目(问题总结)

本代码已发布npm,下载可以直接使用wvc 项目名称。
原创
发布博客 2023.03.30 ·
1494 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

webpack5从0搭建Vue脚手架

1.ESLint插件2.图片压缩3.代码压缩4.项目拆包分包5.前端离线化等等一系列优化操作以及详细的注释,方便同学们学习当时写这套代码的原因是因为公司老项目各方面性能太慢,所以决定升级脚手架也可用于公司老项目直接嵌套进来直接使用。
原创
发布博客 2023.03.29 ·
1710 阅读 ·
2 点赞 ·
2 评论 ·
6 收藏

Element表格长列表渲染太慢太卡如何优化?(缩短加载时间)

我们一次拿到所有数据但是只渲染10条数据,只要把页面填满就行.等用户拉动滚动条到达底部时我们就填加渲染数据30条.初次渲染,脚本执行由2200毫秒优化到75毫秒左右,渲染由600多毫秒优化到19多毫秒。因为我们多个页面需要用到懒加载,所以我们提取成公共方法mixin。因为vue是单页面应用所以一定要记得销毁滚动事件监听。代码注释很详细,具体看注释即可。利用列表懒加载(虚拟列表)
原创
发布博客 2023.03.24 ·
3752 阅读 ·
0 点赞 ·
0 评论 ·
10 收藏

webpack5去除所有console.log(terser-webpack-plugin去除)

可以使用`terser-webpack-plugin`的`terserOptions`的`compress`属性,将`console.log`设置为`false`即可。具体如下:
原创
发布博客 2023.03.22 ·
2646 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Webpack底层原理及核心概念实际应用(一篇封神系列)

Webpack是一个现代化的代码打包工具,它将多个JavaScript文件打包成一个或多个文件,其中包含所有的依赖项。它通过减少网络请求的数量来提高网站的性能。Webpack还支持许多其他的资源,如图片,样式和字体等。Webpack最初是为Node.js开发的,但它可以用于其他任何类型的Web应用程序或Node.js项目。Webpack基于模块化开发的理念,它支持所有主要的模块化开发规范,包括CommonJS,AMD,ES6模块。
原创
发布博客 2023.03.15 ·
1173 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

vue内嵌iframe跨域页面传参

公司的一个平台为方便第三方平台接入页面,需要写成可以单页面引入的方式。涉及到跨域访问页面,以及页面多余属性的隐藏。
原创
发布博客 2023.02.28 ·
2827 阅读 ·
0 点赞 ·
0 评论 ·
7 收藏

vue打包后供运维人员配置

打包之后还可以由运维人员修改配置。方便部署人员配置md5加密。public文件打包不会乱。所以新建pas.js文件。
原创
发布博客 2023.02.07 ·
954 阅读 ·
1 点赞 ·
1 评论 ·
1 收藏

堆和栈详解js

堆内存中的对象不会随方法的结束而销毁,即使方法结束后,这个对象还可能被另一个引用变量所引用(方法的参数传递时很常见),则这个对象依然不会被销毁,只有当一个对象没有任何引用变量引用它时,系统的垃圾回收机制才会在核实的时候回收它。相比于堆来说存取速度会快,并且栈内存中的数据是可以共享的,例如同时声明了var a = 1和var b =1,会先处理a,然后在栈中查找有没有值为1的地址,如果没有就开辟一个值为1的地址,然后a指向这个地址,当处理b时,因为值为1的地址已经开辟好了,所以b也会同样指向同一个地址。
原创
发布博客 2023.01.12 ·
6604 阅读 ·
11 点赞 ·
1 评论 ·
71 收藏

Vue鼠标移入移出事件(冒泡问题)

1、mouseenter:在鼠标光标从元素外部首次移动到元素范围之内时触发,这个事件不冒泡。2、mouseleave:在位于元素上方的鼠标光标移动到元素范围之外时触发,这个事件不冒泡。3、mouseover:在鼠标指针位于一个元素外部,然后用户将其首次移入另一个元素边界之内时触发。4、mouseout:在鼠标指针位于一个元素上方,然后用户将其移入另一个元素时触发。又移入的另一个元素可能位于前一个元素的外部,也可能是该元素的子元素。
原创
发布博客 2023.01.10 ·
12346 阅读 ·
3 点赞 ·
0 评论 ·
11 收藏

Vue自定义指令(含常用8种指令封装)

在一些后台管理系统,我们可能需要根据用户角色进行一些操作权限的判断,很多时候我们都是粗暴地给一个元素添加 v-if / v-show 来进行显示隐藏,但如果判断条件繁琐且多个地方需要判断,这种方式的代码不仅不优雅而且冗余。背景:在类电商类项目,往往存在大量的图片,如 banner 广告图,菜单导航图,美团等商家列表头图等。在开发中,有些提交保存按钮有时候会在短时间内被点击多次,这样就会多次重复请求后端接口,造成数据的混乱,比如新增表单的提交按钮,多次点击就会新增多条重复的数据。
原创
发布博客 2023.01.06 ·
5636 阅读 ·
16 点赞 ·
0 评论 ·
140 收藏

Vue前端抒写规范

(不建议 用index 作为 key,和没写基本上没区别,因为不管你数组的顺序怎么颠倒,index 都是 0, 1, 2 这样排列,导致 Vue 会复用错误的旧子节点,做很多额外的工作)校验时,先去校验公共库查找是否有对应校验,有则使用,没有则查看是否要多处使用,如果可复用,则进行抽离。1:作用域不大临时变量可以简写,比如:str,num,bol,obj,fun,arr。1.相同的卡片布局,首先整合数据,尽量使用循环方式去增加,避免变更多处的问题。2:循环变量可以简写,比如:i,j,k等。
原创
发布博客 2023.01.04 ·
1397 阅读 ·
4 点赞 ·
3 评论 ·
2 收藏

element标签页tabs二次封装(vue动态组件)

当组件被缓存时,会自动触发组件的 deactivated 生命周期函数。当组件被激活时,会自动触发组件的 activated 生命周期函数。默认情况下,vue切换动态组件时无法保持组件的状态。include 属性用来指定:只有名称匹配的组件会被缓存。vue 提供了一个内置的组件,专门用来实现动态组件的渲染。循环遍历标签页,其中的if判断用于解决切换页面闪烁问题。这里用到vue的混入,方便多个页面直接引用相关代码。keep-alive 对应的生命周期函数。
原创
发布博客 2023.01.03 ·
2748 阅读 ·
0 点赞 ·
1 评论 ·
7 收藏

如何优雅的封装element侧边栏(复制即用)

【代码】如何优雅的封装element侧边栏(复制即用)
原创
发布博客 2023.01.03 ·
1117 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

Vue.js多个数组转化为数组对象

/xx是每个页面的标头第一个名字不一样所以需要动态传,扩展参数是所有的数据数组"2021年","2020年","2019年",......];// 所有数组数据// 年份=》key值});});}
原创
发布博客 2023.01.03 ·
1862 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

如何让联系方式四个字和下面的分割线和上面一样

答:

字体加粗一下

回答问题 2022.11.09

vue重复上传同一个文件无响应不会触发回调事件

v-if=”clearShow”,初始化数据为true,在change事件触发的函数里设置clearShow为false,即移除了该input标签,然后在回调函数中再设置clearShow为true,这时的文件上传框就是清空的了。再上传同名文件也不会受影响了。change事件触发条件是文件上传框内容改变才可以,每次上传完文件默认是不清空上一次上传的内容的,这样上传同名文件就不会触发change事件。网上现有的方法就是重置input上传文件的标签的dom结构,在vue里我的实现方法就是v-if去控制。
原创
发布博客 2022.09.28 ·
1782 阅读 ·
2 点赞 ·
1 评论 ·
1 收藏

Vue实现登录功能全套详解(含封装axios)

1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页面4、前端每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面5、每次调后端接口,都要在请求头中加token。
原创
发布博客 2022.08.24 ·
27312 阅读 ·
93 点赞 ·
21 评论 ·
503 收藏

vue监听不到数组和对象的改变

需求:多选框需要动态改变背景色。
原创
发布博客 2022.08.23 ·
1837 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

element表格table点击添加背景色

然后需要保存行和列的信息,然后在 tableCellStyl对象里判断,等于哪一行哪一行就变色,否则就是白色。
原创
发布博客 2022.08.12 ·
1667 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏
加载更多