- 博客(138)
- 资源 (5)
- 收藏
- 关注
原创 我用 140 行代码,带你看一场流星雨⭐
我用 140 行代码,带你看一场流星雨⭐???? 大家好,我叫小丞同学,今天走个治愈风,来做一个治愈系的流星雨效果前言在一个夜深人静的晚上,程序员小丞坐在屋顶上,看着屏幕上满屏的error,心里拔凉拔凉的,泪水润湿了脸庞,无数个自己提桶跑路的身影充斥在脑海之中,猛然才发现自己还没有桶。此时星空中闪过了漫天的流星,小丞看到此景,心中的bug早已化去,留下的是还原此景的豪言壮举!(梦醒了,纯属瞎编)小丞把脑海中的场景描绘成了动画,开始了他的 show time分析动画产品的需求已经明确下来了
2021-08-06 15:15:52 10823 45
原创 原生 JavaScript 手写数组 API
本文将会先了解数组 API 的用法再模拟实现这些 API ,如果各位大佬觉得有什么不对的地方麻烦指点以下!1. forEach 方法这个方法会对数组元素的每一项运行传入的函数,没有返回值。相当于使用 for 循环来遍历数组。如:let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];numbers.forEach((item, index, array) => { // 执行某些操作 item += 2})console.log(number.
2021-08-02 08:56:45 871 15
原创 浅析 Map 和 WeakMap 区别以及使用场景
希望这一篇文章能让你对 Map 有更好的理解,或者能够帮你理解 Map 和 WeakMap这篇文章会先从Map再到WeakMap一、为什么是 Map ?1. 传统对象结构Map本质上是一个键值对的集合。和传统对象结构相比,传统的对象只能用字符串作为键名,这就在使用上造成了很大的限制了。这也是新增 Map 的原因之一。const data = {};// elemen..
2021-07-25 20:00:42 1450 9
原创 从零学习微信小程序(三)—— 自定义组件
小程序支持组件化编程,这一点有点像 React ,可以将页面内的功能模块抽象成自定义组件,就类似于基础组件轮播图等…,这样可以将一个复杂的页面拆分成多个低耦合的模块,有助于代码维护。那么如何自定义一个组件呢,这节记录以下~1. 创建自定义组件一个组件也类似于一个页面,由json wxml wxss js 4个文件组成可以在一个新文件夹上右键新建component,可以直接生成这四个文件其次在json配置文件中,需要将component属性配置成true,用上面的方法创建的默认设置好了然后在.
2021-07-22 21:15:58 348 6
原创 React 从入门到入土(二)--组件三大属性
大家好 ,我是小丞同学,最近在学习 React、小程序、阅读 JS 高程,以及整理 Node 的笔记,这是关于 React 的第二篇文章,也是我学习的第一个框架,内容如有错误,欢迎大家指正 愿你生活明朗,万物可爱一、组件的使用当应用是以多组件的方式实现,这个应用就是一个组件化的应用注意:组件名必须是首字母大写虚拟DOM元素只能有一个根元素虚拟DOM元素必须有结束标签 < />渲染类组件标签的基本流程React 内部会创建组件实
2021-07-20 22:32:24 1183 9
原创 React 从入门到入土(一)-- 基础知识以及 jsx语法
React 从入门到入土(一)-- 基础知识以及 jsx语法大家好 ,我是小丞同学,最近在学习 React、小程序、阅读 JS 高程,以及整理 Node 的笔记,这是关于 React 的第一篇文章,也是我学习的第一个框架,内容如有错误,欢迎大家指正???? 愿你生活明朗,万物可爱先附上React官网 ,有很多问题都要通过查询官方文档来解决,要学会查文档~一、React 简介1. 关于 React整几个面试题来认识一下~~什么是 React ?React 是一个用于
2021-07-20 22:30:40 1123 3
原创 从零学习微信小程序(二)—— 常用组件
从零学习微信小程序(二)—— 常用组件这一篇记录以下,小程序中常用的组件,刚开始学容易忘官方详细文档 官方文档很多很详细,这里记的是视频里涉及的1. view类似于原来的div标签特殊属性,看起来属性都与点击有关2. text⽂本标签只能嵌套 text⻓按⽂字可以复制(只有该标签有这个功能)可以对空格 、回⻋等 进⾏编码3. image图片标签默认宽高 320 * 240 px支持懒加载对于图片缩放有多种处理方式,有点多,记不住由于
2021-07-19 07:28:50 536 9
原创 从零学习微信小程序(一)——基础知识
最近在学习微信小程序,之前也有学过一些,前面的忘的差不多了,写个文档复习一下这些基础知识一、小程序配置文件小程序有两种配置文件,全局的app.json和页面单独的page.json注意:配置文件中不能出现注释1.1 全局配置 app.json官方文档小程序的全局配置,包括所有页面路径、界面表现、网络超时时间、底部tab。举个例子这是之前学的项目的配置文件的一部分各字段的含义pages字段 —— 用于描述当前小程序所用页面路径,这是为了让微信客户端知道当前你的小程序页面定义在..
2021-07-19 07:28:02 935 10
原创 《JavaScript高级程序设计(第四版)》学习笔记(五)第5章
这是阅读《JavaScript高级程序设计(第四版)》的第五天,本书已阅读 135/865第五章:基本引用类型看到开头有一句话就离谱:“函数也是一种引用类型,但是内容太多了,一章放不下,所以后面开了一章!!!”离谱!牢骚话写了一会发现,这一章好多要记得,这难搞啊老是cv我很讨厌!5.1 Date要创建日期对象,需要使用 new 操作符来调用 Date 构造函数let n
2021-07-18 10:54:56 756 6
原创 《JavaScript高级程序设计(第四版)》学习笔记(四)第4章
《JavaScript高级程序设计(第四版)》学习笔记(四)第4章这是阅读《JavaScript高级程序设计(第四版)》的第四天,本书已阅读 102/865第四章:变量、作用域与内存4.1 原始值与引用值原始值:最简单的数据。保存原始值的变量是按值访问的,因为我们操作的就是存储在变量中的实际值;引用值:由多个值构成的对象。保存引用值的变量是按引用访问的。在操作对象时,实
2021-07-17 10:59:08 1119 2
原创 《JavaScript高级程序设计(第四版)》学习笔记(三)第3章(续)
《JavaScript高级程序设计(第四版)》学习笔记(三)第3章(续)这是阅读《JavaScript高级程序设计(第四版)》的第三天,本书已阅读 82/865第三章真的好多,但是有些又很基础有点乏味,最近有点事又很忙,呜呜~更文慢了所以分了2部分来写,不然上一篇要拖好久了做了个丑丑的封面第三章:语言基础(续)3.5 操作符3.5.1 一元操作符只能操作一个值的操作符叫一元
2021-07-16 19:47:56 1161 12
原创 《JavaScript高级程序设计(第四版)》学习笔记(二)第3章
《JavaScript高级程序设计(第四版)》学习笔记(二)第3章这是阅读《JavaScript高级程序设计(第四版)》的第二天,本书已阅读 56/865第三章:语言基础3.1 语法个人感觉 ECMAScript 的语法挺简单的,学过 C 之类都能很容易的上手3.1.1 区分大小写ECMAScript 中一切都区分大小写例如:test和Test是两个不同的变量注意:
2021-07-15 22:45:05 1180 17
原创 《Javascript高级程序设计(第四版)》学习笔记(一)第1、2章
第一章:什么是JavaScript1. JavaScript的实现完整的 JavaScript 实现包含以下几个部分:核心(ECMAScript)文档对象模型(DOM)浏览器对象模型(BOM)1.1 ECMAScript是由 ECMA-262 定义的,ECMAScript 与 Web 浏览器没有依赖关系,Web浏览器只是 ECMAScript 实现可能的宿主环境之一。
2021-07-13 23:42:08 1516 13
原创 零基础学习MongoDB(五)—— 文档CRUD操作
一、插入数据1.1 插入单条文档1.1.1 insert 函数语法格式:db.collectionName.insert(文档)db是当前操作的数据库collectionName是操作的集合,没有会自动创建插入的文档如果没有_id属性,会自动创建例如在user集合下插入单个文档db.user.insert({name:"ljc",love:["soccer","music"]})在可视化工具中实操的结果,在命令行中结果一致!1.1.2 insertOne 函数在 Mongo.
2021-07-13 19:55:32 531 7
原创 零基础学习MongoDB(四)—— 集合操作
零基础学习MongoDB(四)—— 集合操作一、创建集合使用db.createCollection()方法来创建集合语法格式:db.createCollection(name, options)参数说明:name: 要创建的集合名称options: 可选参数, 指定有关内存大小及索引的选项options 可以是如下参数:字段类型描述capped布尔(可选)如果为 true,则创建固定集合。固定集合是指有着固定大小的集合,当达到最大值时,它会自动覆盖最早的文
2021-07-12 16:56:42 272 2
原创 零基础学习MongoDB (三)—— 管理用户
零基础学习MongoDB (三)—— 管理用户在b站上听了几个老师的课,有涉及到mongodb的一些历史,比如删库勒索,因此开放的数据库是很危险的,所以我们需要给它们添加管理用户,这样为我们的数据安全加一道墙一、管理员类型mongodb提供了很多了角色,用于不同情境下对数据库进行管理:数据库用户角色:read、readWrite数据库管理角色: dbAdmin、 dbOwner、 userAdmin集群管理角色:clusterAdmin、 clusterManager、 clusterMon
2021-07-12 16:54:06 291 2
原创 零基础学习MongoDB(二)——连接数据库
一、安装MongoDB官网下载下载后,“下一步”安装即可二、启动 MongoDB 服务器命令行运行 MongoDB 服务,在安装完成之后会有 MongoDB文件夹,运行bin目录下的mongod.exe文件或者可以将 bin 配置到环境变量 path 中三、连接数据库cmd命令行输入mongo连接本地数据库,默认端口27017四、数据库基本操作show dbs 或 show databases查看所有的数据库use xxx切换到指定的数据库db查看当.
2021-07-12 16:52:13 548
原创 Canvas 烟花合集 -- 将粉丝头像做成烟花在天空绽放✨
用canvas手把手教你学会网页放烟花,各种烟花合集!美的无可挑剔,爱意满满,心意满满!
2021-06-24 11:19:48 3569 24
原创 你还在用canvas画爱心吗?看我让你的名字在星空绽放
“在人间贩卖声音 等凑够满天星辰 放烟花给你看”上次的烟花或许有些许平淡,这次来放大招了,让你的名字在天空绽放!
2021-06-22 16:52:23 2494 21
原创 ❗ 帅小伙花了一个小时,竟把图书馆智慧大屏模仿的有模有样!妙啊~
帅小伙去图书馆划水,进门的时候被图书馆门口的大屏震惊了,这玩意我也会哈哈哈哈,于是就给它拿下!
2021-06-21 08:02:05 2788 19
原创 邀你看一场浪漫的烟火 -- canvas放烟花
漫天的烟火,在这璀璨的星空中闪耀,成就了这片星空的绚丽,更散发出了自己无限的光芒,今天就使用canvas来做一个烟花效果吧!
2021-06-17 15:46:00 3301 28
原创 一文带你拿下前端必备数据结构 -- 链表 !!
图文详细解读数据结构中链表的知识,在一些大厂的面试题中经常会出现相关的题目,所以还是有必要了解一番!
2021-06-04 08:54:37 1651 16
原创 强烈推荐!CSDN浏览器助手,让你的浏览器上10个档次!
这款浏览器助手不容错过~作为一名程序员打交道最多的那当然是浏览器了。在上班摸鱼时,打开浏览器看点有意思的东西;在熬夜爆肝时,打开浏览器疯狂的搜索相关资料;在闲暇之余,又可打开看看直播看看球赛;浏览器已经深入了我们的生活当中,成为了我们必不可少的东西!而当你打开浏览器时,看到的却是这样的,emmmm~ 确实很简洁,也很不错
2021-05-31 17:17:42 46960 346
原创 只需5分钟!一文读懂CSS布局(二) -- flex布局
一文读懂CSS布局(二) – flex布局在我们上一篇CSS布局文章中详细的讲解了grid布局,这篇文章就带大家来学习一下flex布局!全文思维导图,建议收藏!
2021-05-25 10:36:22 4518 69
原创 使用原生JS实现鼠标点击爱心效果 !!!
使用原生JS,实现鼠标点击爱心效果 !!!引言:在很多时候我们都需要实现鼠标点击出现图案或者文字这样的效果,对于用户而言,这样的体验是很极致的。其实实现起来也很简单,下面一起来学习一下吧。文末附上完整代码,可以复制关键部分直接使用到自己的页面上实现效果这样的效果很常用,在很多网页博客中都有使用实现思路首先我们需要获取到当前鼠标点击的位置需要在当前位置生成一个标签需要给标签添加随机的自定义内容随机的文本颜色添加文本的淡出效果清除淡出的标签实现过程下面的代码为了分开解释进行了拆分
2021-05-17 13:23:17 2336 6
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人