前端进阶
文章平均质量分 76
欧阳呀
早一批“吃螃蟹”的人。多年前端开发及项目管理经验,擅长vue,原生js,react。v: ouyang_Allen,承接毕设
展开
-
element ui el-calendar日历组件完整代码
【代码】element ui el-calendar日历组件完整代码。原创 2024-05-30 14:55:35 · 859 阅读 · 3 评论 -
Vue实战技巧 —— 企业开发实战中的常见疑难问题
【代码】Vue实战技巧 —— 企业开发实战中的常见疑难问题。原创 2024-05-14 20:52:15 · 875 阅读 · 1 评论 -
八年前端开发之路中遇到的一些实用技巧分享——代码思路及通用场景
【代码】八年前端开发之路中遇到的一些实用技巧分享——代码思路及通用场景。原创 2024-05-14 20:25:01 · 345 阅读 · 0 评论 -
重学JavaScript高阶知识点(三)—— 详解Js中的内存管理
很多底层语言一般都有底层的内存管理接口,比如 C语言,可以调用对应的API去创建和释放内存空间。意思是需要手动去创建和释放内存空间,很明显,这不够高级~JavaScript 是在创建变量(对象,字符串等)时自动进行了分配内存,并且在不使用它们时“自动”释放。这个过程叫做**内存回收。**嘿!所以这很高级,但是高级会产生混乱。这意味着,程序可能在我们需要用的时候就已经回收了变量,导致访问不到某个变量,所以就出现了闭包(用于延长变量的生命周期)。原创 2024-05-12 23:34:51 · 1037 阅读 · 0 评论 -
重学JavaScript核心知识点(二)—— 详解Js中的模块化
【代码】重学JavaScript核心知识点(二)—— 详解Js中的模块化。原创 2024-05-12 22:34:57 · 741 阅读 · 1 评论 -
vscode开发高频、通用插件集合(精选15个)
【代码】vscode开发高频、通用插件集合(精选15个)原创 2022-11-22 09:19:10 · 3458 阅读 · 1 评论 -
猿创征文|前端进阶必备——WebSockt实现聊天室(附源码)
【代码】猿创征文|前端进阶必备——WebSockt实现聊天室(附源码)原创 2022-09-02 14:20:52 · 1337 阅读 · 7 评论 -
浏览器跨域方案,适用于本地调试接口(超简单)
浏览器本地跨域方案,适用于本地调试接口原创 2022-07-29 16:27:04 · 9622 阅读 · 1 评论 -
如何成为团队核心?从写出不可维护的代码开始
如何成为团队核心?从写出不可维护的代码开始前端必备技巧Vue原创 2022-07-29 13:05:26 · 9709 阅读 · 21 评论 -
token系统讲解及过期处理
token详细讲解,是什么,用来做什么?如何解决token过期的问题?最好的方案分享原创 2022-07-25 14:11:50 · 14348 阅读 · 17 评论 -
后端一次性传了10w条数据,前端该如何处理?—— 面试高频
前端处理后端传的10w条数据1. 这道题在考什么?2.先用 node.js 整个10w条数据3. 基础代码环境4. 常规处理方案5. 优化的第一种方式 —— 前端分页6. 再次优化7. 极致优化(最佳方案)8. 知识点补充1. 这道题在考什么?对于性能优化的处理方案对于前端渲染机制的了解极端情况下的处理及知识领域的广度2.先用 node.js 整个10w条数据const http = require('http')const PORT = 8000原创 2022-03-23 08:51:38 · 20614 阅读 · 10 评论 -
javascript 代码技巧 (三) —— 史上最全类型判断
1. typeof(不能区分复杂类型)console.log(typeof bool); //booleanconsole.log(typeof num); //numberconsole.log(typeof str); //stringconsole.log(typeof und); //undefinedconsole.log(typeof nul); //objectconsole.log(typeof arr); //objectconsole.log(typeof obj); .原创 2021-07-14 17:58:17 · 468 阅读 · 1 评论 -
如何让你的代码变得更优雅?这些代码规范和技巧必须知道(进阶必备,建议收藏)
如何做一名优秀的程序猿?从改善每一行代码开始1. 看你的代码就知道你几斤几两2. 编程标准3. 命名规范4. 松耦合,高复用1. 看你的代码就知道你几斤几两1.1 面试常会犯的错????♂️:面试者????⚖️:面试官面试前????♂️:先把简历写好,机构老师特别交代:一出去就要说三年工作经验????????♂️:面试题要背,工资不能要低了~????♂️:包装一下????♂️:…面试中????⚖️:问题回答的不错,可以看看你最近做的项目么?????♂️:原创 2021-07-12 08:51:40 · 27636 阅读 · 90 评论 -
什么样的程序员才算得上优秀,把导师曾对我说的话送给大家(比代码更重要的事)
优秀程序员的定义是什么?那些比写代码更重要的事情1. 说在前面2. 为什么选择了这行呢?:whale: (导师),:tropical_fish:(我)3. 如何才能成为一名优秀的程序猿呢?4. 大佬的代码层分享(通用)1. 说在前面为什么忽然想起这个话题呢?起因是最近不少人问到我,大都是对这个职业心存疑惑或是不太清楚,如何成长?如何突破?未来的路在哪里?很多人以为,程序猿的任务就是把需求实现,bug修好(这也是我几年前的思想)把之前导师(某大厂P7级别的大佬,现在已是P8)和我说的分享给大家,觉得原创 2021-06-28 08:21:09 · 22237 阅读 · 543 评论 -
被黑心商家坑了N次,探究抽奖背后的秘密 —— H5转盘小游戏完整实现(源码直接拿走)
原生JS实现H5转盘游戏 —— (揭秘黑心商家的肮脏套路)1. 基础的页面布局(index.html)2. 工具函数(用于调整概率)3. 传参及接收值配置4. dom 操作方法及具体逻辑处理5. FAQ(注意事项)本文是真实的实战项目,可以直接拿去用 —— 转盘抽奖可以自由调整概率,你也可以成为黑心商家项目效果是这样滴: H5小游戏 天儿也不早了,直接开干!1. 基础的页原创 2021-06-08 07:54:41 · 2209 阅读 · 106 评论 -
深夜爆肝JS好文!2021字节跳动春招面试题深度讲解
剑指offer —— 2021字节跳动春招面试题详解(JS篇)1. 深拷贝与浅拷贝5. 如何用CSS绘制如下三角形?6. BFC规范是什么?7. 怎么让Chrome支持小于12px 的文字?8. css 加载会造成阻塞吗?9. 1像素边框问题如何解决?10. CSS优化、提高性能的方法有哪些?本文选题都是字节跳动中一些 经典且有一定难度的JS面试题含金量杠杠的!,并且会进行深入的讲解,专业讲解分析,包教包会1. 深拷贝与浅拷贝1.1 深拷贝与浅拷贝有什么区别?深拷贝和浅拷贝只针对象:原创 2021-06-07 09:23:57 · 15682 阅读 · 118 评论 -
都2021年了,再不学ES6你就out了 —— 一文搞懂ES6
JS干货分享 —— 一文搞懂ES61. ES6是什么?用来做什么?功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入1. ES6是什么?用来做什么?ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一原创 2021-06-01 08:11:20 · 63675 阅读 · 208 评论 -
前端萌新看过来了—— 0基础1小时vue入门到实战
Vue.js+element ui从零开始一个项目项目概览1. 脚手架安装与搭建合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入项目概览Vue版本:V 2.6.element ui版本:V开发工具:vscode(推荐使用的前端开发工原创 2021-05-26 08:47:58 · 13823 阅读 · 61 评论 -
vue中的$nextTick()
$nextTick的定义原创 2021-05-14 10:47:32 · 616 阅读 · 4 评论 -
echarts 显示隐藏后宽度高度变小问题
正常情况下原创 2021-05-14 09:32:23 · 11714 阅读 · 3 评论 -
element el-cascader动态加载数据 (多级联动,落地方案)
前言最近需要用到element ui的这个插件做地区的四级联动,但是碰了一些问题:官网的说明太泛泛然,不易看懂 网上的教程乱七八糟,代码一堆一堆的 看这篇就对了!!! 效果图 =>点击确认后的值1. template <el-cascader size="mini" :props="props" @change="handleChange" v-model="value" style="w...原创 2021-05-13 21:17:13 · 20010 阅读 · 9 评论 -
react配置antd按需加载
安装与全局引用安装npm install antd --save 使用(以Button组件为例)importReactfrom'react'import'antd/dist/antd.css';classMyFirstComponentextendsReact.Component{state={text:"HelloReact",author:"欧阳"};/**组件生命周期钩子函数:在组件挂载完成后立即被调用*/...原创 2021-05-06 21:01:44 · 7712 阅读 · 7 评论 -
vue Cannot read property ‘0‘ of undefined“ 问题及解决方案
问题分析1. 当我们表单取值时,如下:2.多级取值,例如取的值是:Obj.class.student.img[0]报错:报错翻译是:render中出错:“TypeError:无法读取未定义的属性“0”更奇怪的时候,界面正常显示,我们也能正常取到值,但开发者工具会报错。那这就是很多强迫症患者不能忍的了,,,原因及解决方案原因:vue中模板在渲染时候,读取对象中的某个对象的属性值时,这个对象中的某个属性并不存在(可能仍然在等待请求后台赋值),所以报错,接口请求到数..原创 2021-04-21 14:28:13 · 15598 阅读 · 1 评论 -
Vue-cli3.0+ 打包优化(六种常用方案)
Vue打包优化实践方案(已上线)原创 2021-04-17 15:10:21 · 72829 阅读 · 5 评论 -
react中constructor( )和super( )详解
前言如果大家经常使用 react() 做项目,像constructor( )与super( )肯定是司空见惯了,哪哪都有,但是很多人都是复制粘贴一把梭,并不知道这是干啥的与底层原理。实际上这不是 react()的专属玩意,而是JS自带的,原型链相关的知识,今天来把它撸一撸。constructor( )这是ES6对类(Class)的默认方法,一般用于数据初始化,通过 new 命令生成对象实例时自动调用该方法。并且,该方法是类中必须有的,如果没有显示定义,则会默认添加。ES5中,J..原创 2021-04-02 20:38:28 · 14018 阅读 · 1 评论 -
纯JS实现贪吃蛇游戏 —— 可能是全网代码最优雅的实现
说在前面在网上看了许多的贪吃蛇这类游戏,效果基本还可以,功能也实现了,不过看代码大都是冗余或杂乱不堪的,难以维护。所以花了点时间,对整个游戏重构了一下,也算是站在各位前辈的肩膀上做的优化,希望对大家有帮助。效果图.gif功能描述生成一条蛇,可以上下左右移动,目标只有一个:吃食物。吃到一个食物蛇的身体增加一节,然后生成下一个食物,撞到地图就GG,game over。设计思路1. 整体实现采用原生JS,使用ES6的Class类构造,完美的诠释了面向对象编程的编程思想。.原创 2021-01-16 09:43:52 · 22716 阅读 · 32 评论 -
原生JS实现图片懒加载
原理与概述概述:如网页中需要加载N张图片,为了提升用户体验,减少用户的等待时间,兼顾加载性能。只加载当前视口的图片(也称作一屏),其余图片等用户向下滑动的时候再进行加载(滚动条向下滚动的时候)。原理:获取用户设备当前高度,循环图片,获取其距离顶部的距离,处在第一屏的图片先加载,当滚动条发生滚动,继续加载。html 实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">.原创 2020-12-27 09:58:35 · 9713 阅读 · 2 评论 -
前端架构八大设计准则
前言相信很多前端小伙伴都有过这种困惑:工作了好几年了,每天都做着重复的事情,无聊且繁琐。有所改变的只是从页面仔变成了业务仔。任何一家公司都是对我们有局限的,希望大家能够慢慢脱离业务层,往架构走。本人比较喜欢钻研架构,目前在某大型互联网公司任职前端架构师。谨以此文献给需要接触到前端架构以及想接触这块的小伙伴们,希望能够帮到大家。适度设计(第一准则)无论是前端还是后台,这一条是通用的。架构设计应以满足一定周期内的需求为目标。周期一般考虑一年即可,需求包括功能性与非功能性(.原创 2020-07-14 21:04:03 · 15663 阅读 · 2 评论