- 博客(149)
- 收藏
- 关注
RSS订阅原创 DOM操作优化--DocumentFragment高效更新多个节点
前言：DOM树的操作会引起回流，而DocumentFragment可以一次性加入DOM树减少回流的次数，达到优化目的。一、基本概念：DocumentFragment：它被作为一个轻量版的 Document 使用，就像标准的document一样，存储由节点（nodes）组成的文档结构。document： 对应显示的页面，包含n个element一旦更新document内部的某个元素界面更新。与document的不同点：与document相比，最大的区别是DocumentFragment 不是真实 DOM
2020-11-14 11:36:23
433
原创 2020-11-08
学习： 这一周学习了关于vue的一些内容，有数据的显示、删除，组件的显示、删除；存储数据，消息的订阅、发布，数据存储优化，ajax请求，UI组件库的使用，基本路由、嵌套路由、缓存路由组件、编程式导航路由，接下来该学习vue源码的解析。后边慢慢把学的这些内容总结出来，这样可以更好地理解。这周专业课上布置了很多内容，首先是AE：我们需要分组做AE动画要写出来脚本、教案，目前我们只是确定了做的主题。然后是上学期的摄影实习，视频已经拍出来，接下来需要的就是一直重复剪视频。...
2020-11-08 15:47:54
101
原创 2020-11-01
总结： 今天是11月的第一天离2020年结束还有两个月。这一年内疫情在家呆了快八个月，这八个月内虽然也学了一些东西，但是学习效率不高，也浪费掉很多时间，也但是在家呆的最久的一次。在这个期间准备了教师资格考试考的是初中数学，时间确实是挺紧凑。幸好是在家的时候把前两本背的东西课给听了一遍，来学校后每天早上起早去背了背书在考试前背的两本书是差不多过了两遍，因为时间的原因把科目三（数学学科知识与能力）给放弃了。昨天考完了教资，下来感觉前两科应该过75分好像没有太大问题，但是看了看答案选择题错的挺多，也不知道结果
2020-11-01 10:56:47
84
原创 2020-10-26
总结： 上周一周都在准备教师资格证考试。疫情期间在家的时候考虑要不要报考教师资格考试，当初不是很想报考但是因为家里的要求就只好顺从了。我选的科目是初中数学，现在看来科目三应该是要放弃了。科目三的课看的差不多但是练的题比较少，时间也是比较紧只好把重点转向其他两科。其他两科是背诵，但是知识点是真的多，背了忘忘了背，这周考试拼一把算了。从下周开始重点要转向小组前端的学习，前几天看了一些Vue后面全力放在小组学习。 开学后一直是忙碌状态不能全心放在小组学习，这周结束后开始全力以赴。...
2020-10-26 10:43:42
89
原创 2020-10-05
疫情在家期间学了一些JS高级的知识，开学后小组讲课刚好轮到我，想着讲一下js高级里面的知识顺便再复习一下。自己学的时候有点不懂视频就看了两遍，当做讲课PPT的时候发现好多东西又突然不明白就又去看了几遍视频,昨天讲课时候发现讲的东西怎么有点少？可能是东西本来就不多，自己当是没理解明白就觉得东西多。东西学会和自己讲出来完全是不一样的效果。 昨天17级学长学姐回来和我们聊聊了他们实习的一些经验，给我们把一些“标配”的知识顺了一遍，有些深入一点的基本知识我们还没有看到，有些的我们看过但是并没有总结，只是停留
2020-10-05 16:09:47
130
1
原创 JS高级--原型以及原型链
一、原型1.什么是原型？原型是JS中继承的基础，JS的继承就是基于原型的继承。2.几个基本定义（1）每个函数都有一个prototype属性，它默认指向一个空的Object对象（称为原型对象）（2）原型对象里面有一个constructor属性，它指向函数对象代码展示：（3）图示：注：函数名叫Type ，prototype是其属性，Type.prototype指向的是Type的原型对象，原型对象里面有constructor属性constructor又指向的是Type。构造函数和函数对象之间是
2020-10-05 16:02:31
278
原创 2020-09-25
上周末和两位同学一起参加了CCPC比赛，虽然没做出来几道题但是再一次意识到算法的重要性。这周一有时间就开始练习算法，再加上之前也练有慢慢的有些题感，从之前不理解代码到现在自己可以慢慢理解感觉这就算是种进步。每天坚持练算法，题感也是慢慢培养。 教师资格考试也快开始了，目前就先背完了一本书但是掌握的还不牢固，还有本书没有学，数学教育知识与技能还有挺多没学的，愁！去年英语四级没有过成了心头一大疙瘩，疫情在家每天都学了一点英语，现在感觉词汇上问题不是很大，问题在重难句上面，但是无论如何这次要过了，还想准备下
2020-09-25 17:33:34
90
原创 2020-09-14
开学已经是一个星期了，今年可能没有像去年课那么多，经过疫情这大半年终于回到了校园，感受到了校园的学习氛围。在家呆的久了在在学校也更喜欢自己一个人做事情，不会浪费太多的时间，可以更好地投入到学习。今年后半年准备了一个教资考试，由于时间比较紧张每天早上6点起床背书每天可以背个一个小时到考试时候应该可以准备的差不多。英语四级去年挂了，在家这段时间每天都会抽空学学英语，这次考试一定要过。...
2020-09-14 08:02:31
85
原创 手写Promise并理解其内涵
一、首先看流程分析图：二、搭建基本框架//自定义Promise函数模块：采用立即执行函数(function(window){ })(window)
2020-08-04 18:43:20
214
原创 秒懂async与await
一、async 定义、await定义：1、async function： 用来定义一个返回AsyncFunction对象的异步函数。异步函数是指通过时间循环一步执行的函数，它会通过一个隐式的promise返回其结果。2、await： 操作符用于等待一个Promise对象。它只能在异步函数 async function中使用。二、语法：1、async functionasync function name([param[, param[, ... param]]]) {statements}注：
2020-08-03 22:25:25
7601
原创 Promise使用和基本问题
一、Promise基本使用：代码演示：//1、创建一个新的Promise对象 const P = new Promise((resolve,reject) => {//执行器函数 setTimeout(() => { const time = Date.now()//如果当前时间是偶数就代表成功，否则代表失败 if(time % 2 == 0){ //3
2020-07-31 17:04:46
395
原创 Promise基本介绍
在Promise学习之前我们先来掌握以下几个概念：1、区别实例对象和函数对象 。2、回调函数的分类。一、区别实例对象和函数对象：函数对象：将函数作为对象使用，简称为函数对象。 function Fn(){ } console.log(Fn.prototype);注：函数是对象，当函数操作其属性或者方法时函数作为对象使用。实例对象：new函数产生的对象，简称为对象。 function Fn(){ }
2020-07-29 21:30:07
1309
原创 hygen--自动化模板生成器 快速入门
hygen是一个简单，快速，可扩展的代码生成器。一、安装hygen：如果已经安装好node.js，则可以使用npm(或者Yarn)，进行全局安装以便在其他项目中使用。$ npm i -g hygen二、初始化hygen：$ hygen init self运行完成后我们可以看到在我们的项目根目录下生成了一个 _templates 文件夹。三、构建第一个项目生成器：$ hygen generator new mygen可以看到 _templates 文件夹下多了一个 componen
2020-07-22 16:20:07
1375
原创 JS函数基础---你会了吗？
一、定义：函数也是一个对象，可以重复执行的代码块，完成特定功能的一段代码，使用typeof检查会返回function。二、函数常用定义方式：（1）函数声明式：function sun(a,b){ return a+b;}sum(1,2);（2）函数表达式声明方式：var sum = function(a,b){ console.log(a+b);}sum(1,2);三、arguments对象：Arguments维数组对象，里面的指针是callee，用来装函数里面的实参，拿到传
2020-07-17 21:59:55
200
原创 JS数据类型详解--你搞清楚了吗？
一、数据类型：1、基本值类型（简单的数据类型）：String(任意字符串)、Number(任意的数字)、Boolean、Undefined、Null2、引用数据类型（复杂的数据类型）：Object、Function(一种特别的对象)、Array（一种特别的对象，内部数据是有序的）。二、数据类型基本介绍：（1）Number：JS中所有的数值都是Number类型由于内存限制并不能保存所有的数值NAN(not a number) JS中当对数值进行计算时没有结果返回整数运算会精确，浮
2020-07-17 18:32:05
189
原创 CSS Modules
前言: CSS是前端领域中进化最慢的一块.由于ES6的快速普以及webpack等工具的迅猛发展,相较于JavaScript,CSS被远远甩在了后面,逐渐成为各类大型项目工程化的痛点，也变成了前端走向彻底模块化前必须要解决的一个问题。 CSS模块化的解决方案有很多，但主要有两类。InlineStyle.这种方案彻底抛弃CSS，使用JavaScript或JSON来写样式，能给CSS提供JavaScript那样强大的模块化能力。但缺点同样明显，InlineStyle几乎不能利用CSS本身的特性，比如级
2020-07-12 14:59:05
154
原创 React安装以及基本介绍
React介绍：用于构建用户界面的JavaSript库。特点：声明式 编码组件化 编码支持客户端与服务器渲染高效单向数据流React高效的原因：虚拟DOM，不总是直接操作DOM（较少更新的次数）。DOM Diff 算法（算哪些地方需要更新，减少更新的区域），最小化页面重绘。环境安装： React项目是基于Node.js的工程化项目，需要使用npm来管理依赖。Node环境下载地址:https://nodejs.org/zh-cn/下载完成后我们可以cmd一下输入no
2020-06-06 18:28:41
217
原创 希尔排序--交换式算法实现
基本思想：希尔排序是把记录按下标的一定增量分组，对每组使用直接插入排序算法排序；随着增量逐渐减少，每组包含的关键词越来越多，当增量减至1时，整个文件恰被分成一组，算法便终止。代码实现：分步演示：package shellSort;import java.util.Arrays;public class shellsort { public static void main(String[] args) { int arr[] = {8,9,1,7,2,3,5,4,6,0}; she
2020-05-31 15:31:13
242
1
原创 排序算法介绍
一、排序算法的介绍：排序算法也称排序是算法不是数据结构。排序是将一组数据，依指定的顺序进行排列的过程。二、排序的分类：内部排序：指将需要处理的所有数据都加载到内部存储器中进行排序。外部排序：数据量过大，无法加载到内存中，需要借助外部存储进行排序。...
2020-05-29 15:10:53
180
原创 冒泡排序--优化
小结：一共进行数组的大小-1次的循环每一趟排序的次数在逐渐的减少优化：当我们发现在某趟排序中，没有发生一次交换，可以提前结束冒泡排序。时间复杂度为O（n^2）代码演示：class Main{ public static void main(String[] args){ int arr[] = {3,-1,9,8,7} buddle(arr); } public static void buddle(int[] arr){ int L = 0; boolean flag
2020-05-29 10:14:35
109
原创 webpack中使用source map
基本介绍： 当webpack打包源代码时，可能会很难找到错误和警告在源代码中的位置。而source map的功能就是将编译后的代码映射回原始源代码，可以明确的找到错误或警告的代码位置。代码演示：const HtmlWebpackPlugin = require('html-webpack-plugin');//默认会创建一个var webpack = require('webpack');const {resolve} = require('path');const TerserPlugin =
2020-05-16 22:38:17
525
原创 webpack模块热替换（HMR）在开发环境中应用
HMR概念介绍：模块热替换功能会在应用程序运行过程中替换、添加或删除模块，而无需重新加载整个页面。主要是通过一下几种方式来加快开发速度：只更新变更内容，以节省开发时间。保留在完全重新加载页面时丢失的应用程序状态。几乎相当于在浏览器中更改样式。HMR在开发环境中使用webpack.config.js中代码：/** * html文件：默认不能使用HMR功能，同时会导致问题：html文件不能热更新 * 解决：修改entry入口，将html文件引入 * * css样式文件可以使用HMR
2020-05-16 16:50:45
458
原创 webpack介绍
webpack概念： webpack是一种前端资源构建工具，是一个现代JavaScript应用程序的静态资源打包器。当webpack处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。“模块”理解： 在模块化编程中，开发者将程序分解成离散功能块，并称之为模块。每个模块具有比完整程序更小的接触面，使得校验、调试、测试轻而易举。精心编写的模块提供了可靠的抽象和封装界限，使得应用程序中每个模块都具有条理清楚的设计和明确的目的。w
2020-05-16 11:01:36
302
原创 栈的介绍和应用--用数组模拟栈
一、基本介绍：栈是一个先入后出的有序列表栈中元素的插入和删除只能在线性表的同一端进行的一种特殊线性表，允许插入和删除的一端为变化的一段，称为栈顶。最先放入栈中的元素在栈底，最后放入的元素在栈顶，而删除元素刚好相反，最后放入的元素最先删除，最先放入的元素最后删除。二、示意图：三、栈的应用场景：子程序的调用，在跳往子程序前，会先将下个指令的地址存在堆栈中，直到子程序执行完成后再将地址取出，以回到原来的程序中。处理递归调用：和子程序的调用类似，只是除了存储下一个指令的地址处也将参数、区域、
2020-05-13 17:38:34
259
原创 单向链表--增加、删除、修改、遍历功能
1、链表介绍：链表是以节点的方式来存储，是链式存储的每个节点包含data域、next域（指向下一个节点）每个节点不一定是链式存储的链表分带头结点和不带头节点链表不是连续存储的内存中：逻辑上：2、代码展示：package LinkedList;public class singleLinkedList { public static void main(String[...
2020-05-05 23:04:58
363
原创 双向链表--增加、删除、修改、遍历功能
1、单向链表的缺点：单向链表查找的方向只能是一个方向，而双向链表可以向前或向后查找。单向链表不能自我删除，需要靠辅助节点，而双向链表则可以自我删除。注：双向链表的next域指向下一个节点，下一节点的pre指向上一个节点。（如图：）2、分析双向链表增加、删除、修改、遍历功能思路以一个添加人物名字和昵称为例1）遍历：判断链表是否为空将头节点赋值给一个变量，因为头节点不能改变。...
2020-05-05 22:18:19
1408
原创 队列--数组模拟环形队列
思路如下：front变量的含义做一个调整：front就指向队列的第一个元素，也就是说arr[front]就是队列的第一个元素，front的初始值为0。rear变量的含义做一个调整：rear指向队列的最有一个元素的后一个位置，因为希望空出一个空间作为约定，rear的初始值为0。当队列满时，条件是（rear+1）%maxsize=front。队列为空的条件是：front==rear。队列中...
2020-05-03 09:00:56
116
原创 队列--数组模拟
基本介绍：1、队列是一个有序列表，可以用数组或是链表来实现。2、遵循先进先出的原则，既先存入队列的数据要先取出，后存入的要后取出。数组模拟：1、队列本身是有序列表，若使用数组的结构来存储队列的数据，则队列数组的声明如下：注：输入数据时front不变只有rear值往后移，输出数据时front值后移rear值不变。实例应用：当我们将数据存入队列时称为"addQueue",addQueu...
2020-05-01 22:35:07
146
原创 稀疏数组
基本介绍：当一个数组中大部分元素为0，或者为同一个值的数组时，可以使用稀疏数组来保存该数组。处理方法：1、记录数组一共有几行几列，有多少个不同的值。2、把具有不同值的元素的行列及值记录在一个小规模的数组中，从而缩小程序的规模。案例：稀疏数组中：第一行11、11、2分别代表原二维数组中有11行11列2个不为0的值第二行1、2、1代表原二位数组中第一行第二列的不为零的值是1...
2020-05-01 14:59:38
118
原创 《深入React技术栈》--事件系统
虚拟DOM在内存中是以对象的形式存在，如果想要在这些对象上添加事件，就会非常简单。React基于虚拟DOM实现了一个合成事件层，我们所定义的事件处理器会接收到一个合成事件对象的实例，它完全符合W3C（万维网联盟）标准，不会存在任何IE标准的兼容性问题。所有的事件都自动绑定到最外层。 在JSX中，我们必须使用驼峰的形式来书写时间的属性名（onClick）,而HTML事件的属性名不区分大小写。...
2020-04-12 18:30:05
139
原创 LeetCode--35、搜索插入位置
题目描述：给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。 如果目标值不存在于数组中，返回它将会被按顺序插入的位置。示例 1:输入: [1,3,5,6], 5输出: 2示例 2:输入: [1,3,5,6], 2输出: 1示例 3:输入: [1,3,5,6], 7输出: 4示例 4:输入: [1,3,5,6], 0输出: 0代码演示：package l...
2020-04-11 23:19:55
161
原创 《深入React技术栈》--React数据流
在React中，数据是自顶向下单向流动，即从父组件到子组件。state与props是React组件中最重要的概念。如果顶层组件初始化props，那么React会向下遍历整棵组件树，重新尝试渲染所有相关的子组件。而state只关心每个组件自己内部的状态，这些状态只能在组件内改变。一、state：在React没有结合Flux或Redux框架前，它自身也同样可以管理组件的内部状态。在React中，把...
2020-04-10 20:53:28
220
原创 《深入React技术栈》--React组件的构建
React组件基本上由三个3个部分组成——属性（props）、状态（state）、以及生命周期方法。我们用一张图来简单概括一下React:React组件可以接收参数，也可能有自身的状态。一旦接收到的参数或自身的状态有所改变，React组件就会执行相应的生命周期方法。1、React组件的构建方法：React组件基本上由组建的构建方式、组件内的属性状态与生命周期方法组成。官方在React组...
2020-04-10 16:59:41
167
原创 2018--JavaB--递增三元组
题目描述如下：给定三个整数数组A = [A1, A2, … AN],B = [B1, B2, … BN],C = [C1, C2, … CN]，请你统计有多少个三元组(i, j, k) 满足：1 <= i, j, k <= NAi < Bj < Ck【输入格式】第一行包含一个整数N。第二行包含N个整数A1, A2, … AN。第三行包含N个整数B1,...
2020-04-07 21:57:21
310
原创 《图解HTTP》--返回结果的HTTP状态码
HTTP状态码负责表示客户端HTTP请求的返回结果、标记服务器端的处理是否正常、通知出现的错误等工作。 状态码的职责是当客户端向服务器端发送请求，描述返回的请求结果。借助状态码，用户可以知道服务器是正常处理了请求还是出现了错误。 状态码如200 OK，以3位数字和原因短语组成。数字中的第一位指定了相应类别，后两位无分类。类别原因短语1xxInformation...
2020-04-07 12:59:56
287
原创 如何用一行代码实现网站变灰色？
4月4日,是我们缅怀为我国奉献牺牲的伟人。大家肯定都会发现CSDN、网易云音乐、百度等网站都变成了灰色。大家想一想是把所有的CSS都设置颜色为灰色吗？肯定不是，万一哪一个忽略了，岂不是会跳入大坑。但是我当初也是这样想，把所有的颜色都调调，后来在微信上看到一个公众号，里面讲解了如何一行代码使网站颜色变灰，下面我就给大家简单的介绍一下吧。 CSS里面有一个filter(滤镜)属性，filter...
2020-04-05 15:34:12
398
原创 2013--JavaB--错误票据
【题目描述】：某涉密单位下发了某种票据。并要在年终所有收回。每张票据有唯一的ID号。全年全部票据的ID号是连续的。但ID的開始数码是随机选定的。由于工作人员疏忽。在录入ID号的时候发生了一处错误，造成了某个ID断号，另外一个ID重号。你的任务是通过编程，找出断号的ID和重号的ID。断号不可能发生在最大和最小号。输入格式要求程序首先输入一个整数N(N<100)表示后面数据行数。...
2020-03-21 18:52:45
147
原创 2017--JavaB--取位数
注：本题属于填空题，但是题目很基本，代码也很简洁，就写一下。【题目描述】：求一个整数的第K位。【代码展示】：public class Main{//求该数是几位数 public static int len(int x){ if(x<10) return 1; return len(x/10)+1; }//求指定位数上的数 public static int f(i...
2020-03-21 17:52:39
142
原创 2018--JavaB--不同字串
【题目描述】：一个字符串的非空子串是指字符串中长度至少为 1 的连续的一段字符组成的串。例如，字符串aaab 有非空子串a, b, aa, ab, aaa, aab, aaab，一共 7 个。注意在计算时，只算本质不同的串的个数。请问，字符串0100110001010001 有多少个不同的非空子串？【代码演示】：public class Main{ public static voi...
2020-03-21 17:38:50
145
原创 2014--JavaB--扑克排序
题目描述：A A 2 2 3 3 4 4， 一共4对扑克牌。请你把它们排成一行。要求：两个A中间有1张牌，两个2之间有2张牌，两个3之间有3张牌，两个4之间有4张牌。请填写出所有符合要求的排列中，字典序最小的那个。 例如：22AA3344 比 A2A23344 字典序小。当然，它们都不是满足要求的答案。思路： 我们先用递归全排列然后再根据题意进行筛查。public class Main...
2020-03-14 17:40:03
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人