- 博客(36)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 用CSS实现好看的Loading加载效果
大家好，我是Ned????，一个刚刚入门前端未满两年的大三小学生????未来路还长????, 一起努力加油吧❤~关注微信公众号：前端成长日记，回复好看的Loading加载效果获取本文源码前言先祝大家新年快乐呀~最近因为掘金年度人气创作者榜单真是把写文章鸽了好久，觉得天天发朋友圈肯定有人屏蔽我了hhh，所以这不，这个活动结束了，我也来继续码字了，害，生活嘛。CSS确实是魅力大的离谱，可能最近一段时间关注我文章的会知道，我发了好多跟CSS有关的文章了，有的是看到网上有这种效果，自己进行复刻，有
2022-01-05 19:17:20
689
原创 用CSS实现超美星空特效
大家好，我是Ned????，一个刚刚入门前端未满两年的大三小学生????未来路还长????, 一起努力加油吧❤~关注微信公众号：前端成长日记，回复星空特效获取本文源码前言最近真是越来越对CSS感兴趣了，于是再来整一手，夜晚的星星，再配合上皎洁的月光，这唯美的星空，它来了！今天带领大家，用CSS实现一下，这美丽的星空。开始实现星空我是找了张图片，这毕竟功力有限，目前还不能人造星~，下面说一下如何将它放置在夜空中，并实现眨眼睛的效果：运用了一个span标签，将此图片作为其背景图，来生成星
2022-01-04 16:45:42
4693
原创 Vercel，建站者的福音！！！
各位互联网精神股东大家好！在今年八九月份之前，我所搭建的杂七杂八的个人、团队应用，包括但不限于文档站，博客站，Api服务，线上项目腾讯云（自购的轻量服务器）云函数Vercel个人建站者的福音好吧！这还不用起来！
2023-10-23 16:23:13
149
原创 CSS画月亮之我在csdn赏月的日子
中秋节，团圆的日子，先祝各位节日快乐，身体健康！在吃过团圆饭后，我们是不是还有一个传统的习俗，就是赏月。古时候，人们都住在庭院里，没有现在的高楼大厦，吃完饭在院子里一坐，谈话赏月。一壶茶，一家人，岂不快哉~但是问题来了，现如今我们的生活节奏太快了，楼房遍地都是，很少人有雅兴去能够静下心来去做赏月这回事，很有可能是当天晚上因为出去办事，顺便照个相，发个pyq，赏月结束。但是大家放心，我们是谁？伟大的程序员啊，我们当然可以做到，足不出户的赏月~还是要提前祝大家中秋节快乐呀！
2022-09-02 18:40:06
434
1
原创 JavaScript中的设计模式-策略模式
设计模式在我们编程中是十分重要的！设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。最近在学习设计模式，铁铁们一起来卷嘛？在软件设计过程中，针对特定问题的简洁而优雅的解决方案。把之前的经验总结并且合理运用到某处场景上，能够解决实际的问题。
2022-09-02 18:09:52
260
原创 JavaScript中的设计模式-单例模式
设计模式在我们编程中是十分重要的！设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。最近在学习设计模式，铁铁们一起来卷嘛？在软件设计过程中，针对特定问题的简洁而优雅的解决方案。把之前的经验总结并且合理运用到某处场景上，能够解决实际的问题。
2022-09-02 18:09:19
255
原创 两个盒子，左边固定宽，右边自适应，你能想到几种方法？
最近不是又要秋招了吗？有的小伙伴就说了，你的面试专栏可是鸽了有一段时间了奥，再不更新我就取关拉！这这这，我这不来更新了吗，三个招聘季节，更新了三篇，合情，合理~再也不画饼了今天带来的是一个场景题对于两个盒子，实现左边固定宽度，右边自适应当然，你可能很快的就用擅长的方法做出来了，那就再看看其他方法吧毕竟当你一口气说出三四个的时候，面试官还是会对你有点好感的。技多不压身嘛~好了，offer收割机们，我们上代码。
2022-08-20 13:13:09
359
原创 掘金插件，搞了个掘金数据监控桌面应用，还不快用起来！
小f搞了个Electron桌面应用的开源项目，最近在找人给他提PR，然而我前天半夜摸鱼，正好逛github逛到他仓库了，突然发现，欸，好像可以嵌进去一个掘金数据监控的插件，于是，在我的不懈（努力）摸鱼下，它完成了~
2022-08-20 13:12:31
273
原创 手把手带你快速入门Electron
Electron写一个自己的桌面应用真的好shuai最近在整活了，可能后续真的会出一个electron的实战系列吧，也是对自己学习实践过程的一个总结，那还请敬请期待我是Ned一个被疫情耽误了好几年的、即将大四了的大学生。关注我，一起努力学习吧！前端成长日记里找到我~...
2022-07-26 19:32:54
382
原创 快速了解ES6模块化少不了这篇文章
前言在之前的JavaScript中是没有模块化概念的，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。如果要进行模块化操作，就需要引入第三方的类库。随着技术的发展，前后端分离，前端的业务变的越来越复杂化，于是才有了ES6模块化的诞生。为什么要有模块化，或者模块化的好处是什么呢？大家都遵守同样的模块化规范写代码，降低了沟通的成本，极大方便了各个模块间的相互调用，利人利己。可以将一段复杂的程序拆解开来，方便维护可拓展。前端模块化规范在ES6模块化诞生之前，JavaScript社区
2022-05-17 14:38:44
78
原创 JavaScript的节流讲解与实现
前言昨天发了有关防抖的文章，很多人都问为啥节流不一起写了呢？这当然是因为昨天那个是上实验课摸鱼写的，节流不没摸出来嘛，嘿嘿。不过不要慌，节流，它来了！个人理解：节流的作用与防抖相似，都是为了限制事件的频繁触发。防抖文章链接：都2021年了，不会还有人不知道防抖吧？如何实现节流实现节流，就要先了解节流的原理。节流就是，在一定的时间内，只执行一次事件。或者说是，每隔一段时间，只执行一次事件。要与防抖做一下区分哦~防抖是，不管你触发了几次，我只看你最后触发的那一次，并且在若干时间后去执行
2022-05-17 14:36:13
339
1
原创 JavaScript的防抖的讲解与实现
前言在我们写项目遇到不听话的用户的时候，例如一个登录按钮，他就偏偏要反复点好几次，调用了/login接口好多次，是不是很烦？因为涉及到ajax请求，就会有这样的情况，假设 1 秒触发了 60 次，每个回调就必须在 1000 / 60 = 16.67ms 内完成，否则就会有卡顿出现。那么只有请求需要写防抖吗？当然不是，凡是（可能）涉及到频繁事件触发的地方，都需要写防抖。window 的 resize、scrollmousedown、mousemovekeyup、keydownclick事件
2022-05-17 14:35:30
346
原创 用Node.js实现一个本地的石头剪刀布游戏
前言前一段日子学了个石头剪刀布游戏，自己在本地进行了实现，想挂在自己服务器上让他形成一个外网可访问的游戏的时候，出了问题，是接口请求路径不对的问题，现在还不知道什么原因，等解决之后我还会更一下。所需要准备的Node.js环境（没有的可以去官网下一下，傻瓜式安装就好）基础的html、css、js能力入门级的Node.js就好（因为我也是这个级别）一个你熟悉的代码编写工具开始上手操作首先我们需要一个html页面来作游戏结果的返回以及玩家操作。需求分析：我们需要一个地方来做游戏结果的返
2022-05-17 14:33:56
230
原创 Node.js异步编程之Promise
前言先来介绍一下Promise是什么？Promise：当前事件循环得不到的结果，但未来的事件循环会给到你结果是一个状态机pending------还没有得到结果fulfilled/resolved------得到了一个正确的结果rejected------得到了一个错误的结果从代码入手👻(function(){ var promise = new Promise(function(resolve,reject){ setTimeout(()=>{
2022-05-12 14:13:39
380
原创 记一次uniapp的踩坑经历
前言这几天在做一个app，打比赛用，使用的是uni+uView的组件库。这个组件库是半道加进来的，学弟推荐的，我看有组件的话确实会方便很多，而且他都是按需引入，不占用额外空间，挺好的，我也就直接拿来用了。使用感想：感觉这套技术栈跟vue+element差不多了emm，就是某些官方api还不太一样，还是比较顺手的。组件库传送门： uView - 多平台快速开发的UI框架 但是，不熟悉组件的api以及参数，让我踩了坑，非常难受emm，还是写个记录，长长记性。本次内容：分享一次因粗心踩的坑，一个自己进行
2022-05-12 14:12:35
1992
1
原创 关于TCP与UDP你应该知道的
TCP/IP四层协议族在面试前，必要的计网复习也是必不可少的呀！结合了网上的部分资料和课程，整理了一些知识点。现在无比后悔当初课堂上计网没有认真听。。1. 网络连接OSI七层模型TCP/IP四层协议族对应网络协议应用层（Application）应用层HTTP、TFTP, FTP, NFS, WAIS、SMTP表示层（Presentation）Telnet, Rlogin, SNMP, Gopher会话层（Session）SMTP, DNS传输层（
2022-05-12 14:11:37
383
原创 简单介绍一下js闭包及它的一些应用场景
前言我是在大一下，一个学姐面试的时候，第一次听闻闭包这个名词。当时听了一些学长的解释（虽然没怎么听懂），但是觉得，似乎很高级的样子。如今时隔一年，跟闭包也打了不少交道，终于也能谈一谈自己对于它的理解了。什么是闭包？闭包是什么？ ——可简单理解为：有权访问另一个函数作用域内变量的函数都是闭包。先来看一个例子：function drink() { var beerName = "雪花啤酒"; let beerNum1 = 1; const beerNum2 = 2; var innerBee
2022-05-12 14:11:06
282
原创 跨域的问题终于能解决了
0.写在最前啊😭！在我大一学习前端，刚入门的时候，尝试着用jquery做一些小项目，这个东西困扰了我一个寒假！！！！当时没有跨域这个概念，于是乎就开始疯狂的百度。。。。为了不拖进度，把一个前后端分离的项目被逼成了不分离，后来还好，在开学前夕顺利解决，把不分离的“不”字去掉了，并也按时完成了项目！！！（拖了一个月左右应该也叫按时完成吧，不管了，先奖励自己一个🍗~）跨域问题真的成了我一段时间的心里阴影，后来一谈到跨域，心里贼怕！最近复习网络部分，刷到了跨域的知识点，于是结合自己毕生所学（加上搜集的一
2022-05-12 14:09:01
648
原创 Vue.js基础环境的搭建以及简单使用Element-ui
Vue（2.x）Vue的环境配置Node.js的安装Vue的运行是依赖node进行的，所以安装Vue之前，要先去node的官网去安装node。安装结束之后可以使用下面的命令查看安装是否成功。node -vnpm/yarnnpm（node package manager），俗称包管理器（类比于java里的maven），顾名思义，主要功能就是管理node包，包括：安装、卸载、更新等等。他未经更改过的源，是国外的镜像，所以经常会有包丢失或者下载速度慢，建议自己换成淘宝源（阿里做的同步镜像）//临
2022-05-12 14:08:20
551
原创 做一个动态搜索框
大家好，我是Ned👀欢迎关注我的公众号：前端成长日记,我们一同成长前言动态的搜索框已经不是什么稀有的东西了，因为它的动，它可以出现在任何符合它位置的地方。今天咱也来整一个，看看效果？大致就是最开始显示的是一个图标，鼠标移动上去的话，它就变成了正常搜索框的样子可以进行输入并搜索。来看一下如何实现的！开始整活整体HTML就是一个div套着一个input跟一个a，a标签中放icon，我是复制的svg。 <div class="search-box"> .
2022-05-10 17:50:05
468
原创 整一个好看的毛玻璃登陆页面
大家好，我是Ned欢迎关注我的公众号：前端成长日记，我们一同成长前言昨天刷某站下饭的时候，看见了一个好看的登陆页面，于是昨天晚上用代码实现了一下，今天就拿出来分享给大家。让我们先来看看效果吧：它触动我的点就是整体的表单和按钮仿佛都是有凸起的一样，点击效果则是凹下去，配合上透明的那种毛玻璃效果就有种很棒的感觉。啊？你说背景？我因为懒就没有去找个图片😅来吧让我们实现一下开始整活整体的HTML代码: <form action=""> <h1 c.
2022-05-10 17:49:10
534
原创 做个PC端打字小游戏
欢迎关注我的公众号：前端成长日记，我们一同成长前言代码不光是我们用来工作的，也应该是我们用来娱乐的，今天就带着小伙伴们整个活！看完这篇文章，你会学会如何整活~小时候我记得有个软件叫做金山打字通，里面有个打字的飞机大战不知道有没有小伙伴玩过，当然我整不来他那么优秀，我只能做一个较为简单的（低配版），低的好像还真挺低。先来看看效果吧：开始整活页面构成比较简单，一个是我们要打的字母，一个是下面的那行小字，用来做提示用。 <div id="char">A</div&g.
2022-05-10 17:48:02
617
原创 微信小程序利用百度api达成植物识别
看完本文你可学会：如何使用百度智能云如何在微信小程序中去接入百度api，达成植物识别的效果如何使用百度智能云？官网：https://cloud.baidu.com进入官网，在用户中心下选择图像识别完后就可以点创建应用新用户可以跳转到领取免费资源页面去领取白给的使用次数填写应用名字什么的就不说了，创建完应用后，我们可以得到如下两个我们需要的东西：API KeySecret Key第一次使用前也可以去看看文档跟教学视频的根据API Key与Secret Key获取tok
2022-05-07 16:54:02
2227
3
原创 ES6解构运算符的理解与运用
解构符号前言最近一直在学JavaScript，看到了ES6中的解构符号，觉得这个给我们的代码简洁性带来了一个飞跃式的提升，而且它已经运用在了企业开发中，假如未来你工作中，别人在用，你却读不懂别人的代码，这造成的影响还是很大的。因此，好好学习一下吧。你可以不用，但是你不能不懂✔JavaScript ES6中，有很多特性都是为了简化代码，方便程序员去书写的。解构运算符就是其中很好的特性，它可以通过减少赋值语句的使用，或者减少访问数据下标、对象属性的方式，使得代码更加简洁，增强了代码的可读性。解构符号的
2022-01-03 18:05:06
463
原创 带你搞懂前端的Ajax，向后端请求少不了它
前言当我们步入前端大门，走过HTML，看过CSS，翻过JavaScript，接下来你该遇到的，就是它了–Ajax。这个也是前端与后端交互所必需的东西，非常之重要。所以才有了标题的说法，它是前端知识链条中少不了的一环。什么是Ajax？Ajax的核心是JavaScript对象XmlHttpRequest，XmlHttp使我们可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。通过XMLHttpRequest对象，前端开发人员就可以在页面加载以后进行页面的局部更新等操作。Ajax作用
2021-12-25 20:47:09
1164
原创 深入理解JavaScript变量提升
js变量提升JavaScript是单线程语言，所以执行肯定是按顺序执行。但是并不是逐行的分析和执行，而是一段一段地分析执行，会先进行编译阶段然后才是执行阶段。在编译阶段阶段，代码真正执行前的几毫秒，会检测到所有的变量和函数声明，所有这些函数和变量声明都被添加到名为Lexical Environment的JavaScript数据结构内的内存中。所以这些变量和函数能在它们真正被声明之前使用。先从一个简单的例子来入手： a = 2; var a; console.log(a);以上的代码会输出什么，
2021-12-24 13:12:32
446
原创 JavaScript解决数组去重问题
前言????数组去重应该是一个很常见的问题了，既然是常见的，那我们就更应该来学习一下！免得自己不会，尴尬呀~ 嘿嘿开始研究????????原始????数组去重，最开始我的思路是这样：定义一个新数组，完后两层for循环，如果数据第一次出现，就push到新数组里，如果重复就break掉，利用j的值与res长度相等这一点来判断数据唯一，最后返回新数组就行了。var arr = [1,1,2,3,4,5,6,7,4,3,'1',8,'3','1','3','66']function uniq
2021-12-23 11:35:13
425
原创 CSS实现水平垂直居中的五种方法
前言今天来看看一个之前困扰我很久的问题，在CSS中，水平垂直居中，能有几种写法。方法一：margin:auto子绝父相，当元素绝对定位的时候，会根据最近父元素进行定位，利用这个特性，我们有了这种方法。CSS代码： div{ width: 600px; height: 600px; position: relative; border: 1px solid #000000;}img{ position: absolute; margin: auto
2021-12-22 11:56:42
5985
原创 详解递归，了解一下JavaScript递归
前言在编程中，递归大家肯定都不陌生了吧，今天我们来总结总结有关于递归的东西。什么？！ 你陌生， 去刷题去，完后你就熟了。递归的定义程序调用自身的编程技巧称为递归递归长什么样子提到举例子我们肯定第一个想到的就是阶乘。n! = n * (n-1) * (n-2) * …* 1(n>0)5! = 5 * 4 * 3 * 2 * 1阶乘是我们从小学数学就接触的东西，没想到它现在还陪伴着我们????用代码实现一下：function recursion(n) { if (n
2021-12-21 13:39:32
524
原创 详解JavaScript的函数声明和函数表达式
前言今天下午，在我们微信群里，学弟突然发出来这样一个图：我点开一看，这不是函数声明跟函数表达式的知识点吗？前一阵子还看过相关文章。看了几眼，我说到：第一个输出应该是最后的函数声明然后呢？ 没有然后了，真的，犹豫代表着此时的我不会。看来卷的还不够！先贴上答案，如果你跟我一样犹豫不决，不知道结果，那么跟我一起再次学习一遍吧。开始复习首先，确定问题：函数表达式和函数声明的区别，以及困扰住我们的优先问题函数声明和函数表达式的区别函数声明首先我们要知道，当函数声明与变量命名冲突的时候，要
2021-12-20 12:17:02
314
原创 JavaScript的继承，原型和原型链
前言想必，学过 java 和 C++ 的小伙伴们，对于继承这个词应该不陌生，最近我也是一直在巩固JavaScript的知识，今天就来一起学习一下JavaScript里的继承吧。继承是什么？首先我们要明确继承的概念：继承就是一个对象可以访问另外一个对象中的属性和方法B继承了A，所以B也有A具有的color属性，这个是不是我们接触CSS的时候，会有样式继承这个东西，可以这么理解一下下~继承的目的？继承的目的我觉得殊途同归，都是实现了父类的设计，并且进行代码复用。继承的方式java、c++等：
2021-12-18 12:11:05
1154
原创 JavaScript能使数组扁平化的三个方法
前言我们在平时写程序的时候是不是都会遇到一种问题，面对嵌套层级很多的数组，我们看着就非常反感，想给它变成就单纯的一层数组，或者简化掉它的层级结构，使得它变成我们想要的样子。所以，数组扁平化，他来了！最近还在整理有关数据类型转换的事情，数组对象、对象数组、字符串、数组，反正奇奇怪怪的，我平时遇到的时候反正是很烦！！！所以想整理出来给大家避坑！什么是扁平化定义： 数组的扁平化，就是将一个嵌套多层的数组 (嵌套有多少层都行)转换为只有一层的数组。举个例子如下：var arr = [1, [2,
2021-12-17 11:13:48
871
2
原创 手把手教你封装一个日期格式化的工具函数
大家好，我是Ned????，一个刚刚入门前端未满两年的大三小学生????未来路还长????, 一起努力加油吧❤~前言最近还是在做那个练习的小项目，做完接收数据并渲染到页面上的时候，发现后端小伙伴又在给我找活干了欸，单纯的渲染这当然是小kiss啦，可这个字段是个什么东西？"createTime" : "2021-01-17T13:32:06.381Z","lastLoginTime" : "2021-01-17T13:32:06.381Z"直接CV到百度，查出来这一串是一种时间格式，下面放上它
2021-12-16 13:57:52
588
原创 Vue的生命周期详解，一文带你弄懂Vue的生命周期
前言我记得尤大曾经说过，你看Vue源码干嘛？你使用Vue又不需要它的源码，你只需要会用就行了！但是我们得卷啊，不卷怎么脱颖而出????，我还记得在今年的蓝桥杯群里，有一同届的还不知道哪个大学的哥们，已经在读Vue/React/Node的源码了…作为小菜鸡的我看着大佬侃侃而谈，在群角落里瑟瑟发抖。最近有在牛客上复习Vue的知识，整理出这篇文章，一是方便自己未来复习，二是希望能够帮助一些
2021-12-15 18:22:22
1231
实现PC端的打字小游戏
2021-12-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人