晨晨快跑-CSDN博客

晨晨快跑

码龄9年

566,731

总访问量
119

原创
53

粉丝
9

关注

IP 属地：北京市

加入CSDN时间： 2017-03-23

个人简介：个人知识总结便于回顾。

查看详细资料

个人成就

获得110次点赞
内容获得94次评论
获得247次收藏
代码片获得368次分享
博客总排名220,532名

TA的专栏

技术
118篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

兴趣领域设置

前端

javascriptcssreact.jses6webpack前端框架
后端

node.js
移动开发

flutter
网络与通信

https
微软技术

typescript
学习和成长

面试

创作活动更多

「谁说嵌入式只是调包和焊板子？」—— 2026嵌入式全栈技术征锋令

谁说嵌入式只会“Ctrl+C 调包”和“拿电烙铁焊板子”？2026嵌入式全栈技术征锋令正式启幕！本次活动专为硬核硬件/软件开发者打造，无论你是刚玩转裸机外设的萌新，还是精通RTOS调度、死磕底层驱动的行业老手，亦或是执掌系统架构的大神，这里都是你证明实力的舞台！拒绝表面功夫，每一行代码，都有撬动硬件的力量！晒出你的硬核工程实战，为嵌入式开发者的全栈硬实力正名！

213人参与去参加

更多

高级前端面试题（react + 原生js + es6）

createRoot是基于fiber模式，通过createRoot会创建出来fiber的根节点，fiber会将每个组件作为一个节点记录到队列中，并且会记录每个组件的父节点、子节点、兄弟节点，以此可以实现不需要遍历整颗dom树，就可以进行局部更新，从局部渲染上会比ReactDOM的方式更快，但是整体效率上不好说，因为可能会碰到有高频更新的局部节点占用，导致其他的节点始终在排队。其次是实例化对象，通过new关键字创建，每个实例化对象都会有原型上的属性和方法，并且可以定义自己的属性和方法。

博文更新于 2023.10.27 ·

react+ts配置eslint+prettier

webpack的eslint插件，在webpack.config.js中注入该插件扩展，可以在webpack进行编译前，先进行eslint语法检查，将eslint的错误输出到终端，不会影响到webpack编译结果。eslint配置的ts解析器，需要先配置上解析器，eslint才能正确对ts语法进行检查，需要先按照上解析器，@typescript-eslint/eslint-plugin才能使用。因为项目是ts + react，所以需要额外安装ts和react的扩展，依赖的npm包如下。

博文更新于 2023.07.10 ·

从实例对象上谈对hooks的理解

而通过 useState 声明的变量，则是存储在 React 内部的内存中，每次组件更新执行的 render 和它没有任何关系。React 在渲染过程中会创建组件实例对象，无论是函数组件还是类组件都需要实例化来支持 React 的渲染机制。为了增强函数组件的能力，Hooks 提供了一些特殊的函数，使得函数组件也能够使用 state 和 React 生命周期等功能，使其具有类组件一样的能力。Hooks 可以跳出 render 方法，并将这些方法和内容与组件实例进行关联，从而使得函数组件具有类组件一样的能力。

博文更新于 2023.04.25 ·

h5 formData多张图片上传预览

代码实例：//html：<div id="container"> <div class="shangchuan"> <input type="file" name="file" id="file_input" multiple/> </div> <di

博文更新于 2022.04.14 ·

H5+APP监听安卓物理返回键

//双击退出应用//调用h5+function plusReady() { // 监听“返回”按钮事件 plus.key.addEventListener("backbutton", function() {}); // 在这里调用plus api}if (window.plus) { plusReady();} else { document.addEventListener('plusread...

博文更新于 2021.06.03 ·

react实现滚动计数组件

效果就是设置初始值，滚动计数加到结束值，首先安装 npm install react-countup 安装完毕后引入 /* 滚动计数 */ import CountUp from 'react-countup'; 其实就是一个react标准展示组件，用的时候在render里当成正常组件用即可，需要修改样式的话，组件本身是一个span标签，直接修改span样式即可。 <CountU...

博文更新于 2018.10.30 ·

纯原生JS实现移动端刮刮乐效果。

话不多数，先上效果图：当挂出超过百分比的时候显示整张图，都可以在构造对象中设置，有疑问可以留言，我看到的话会第一时间回复。好，接下来先上html代码，引用的地址图片你可以随便用，路径之类的有点基础都能修改，并没有加任何难度的代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...

博文更新于 2018.04.08 ·

h5 input时间框显示默认当前时间

/*h5 input时间框显示默认当前时间*//*var now = new Date(), year = now.getFullYear(), month = ((now.getMonth() + 1)>9)?(now.getMonth() + 1):("0"+(now.getMonth() + 1)), date = translate(now.getDate()), hour = tr...

博文更新于 2018.03.15 ·

15218 阅读 ·

原生js封装获取可视窗口的宽高（兼容所有浏览器，包括低版本IE）

var LY = { //封装可视窗口的宽高 getViewportOffset : function(){ if(window.innerWidth){ return { w : window.innerWidth, h : window.innerHeight } }else{ if(document.compatMode == "BackCompat"){ ...

博文更新于 2018.04.24 ·

解决rem不能自适应的问题。

(function(){ function w() { var r = document.documentElement; var a = r.getBoundingClientRect().width;//获取当前设备的宽度 if (a > 414 ){//414不固定，根据设计稿的宽度定 a = 414; }...

博文更新于 2018.08.24 ·

git从远程仓库clone到本地项目切换分支

git从远程拷贝项目到本地很简单，直接git clone '仓库地址' 即可，日前在公司分支开发，代码上传到dev分支上，在远程仓库也创建了相应的分支名称，之后回家想要继续开发，发现clone到本地的项目只有master一条主干，并没有之前在公司开发的其余分支，但是想要继续开发的还并非主干，所以如果你也碰到同样的苦恼，可尝试以下办法。首先将项目clone到本地之后，执行 git branch...

博文更新于 2018.10.23 ·

前端实现倒计时页面显示多个。

//倒计时构造函数function Countdown(startTime,endTime,day,house,minte,second ){//str var leftTime = endTime - startTime + 2000; //定义变量 d,h,m,s保存倒计时的时间 var d,h,m,s; this.setTime = function (obj...

博文更新于 2018.07.13 ·

git常用命令笔记

创建git版本库在找好的位置区域打开git输入以下命令$ mkdir learngit$ cd learngit$ pwd //命令用于显示当前目录。接下来通过$ git init将目录变为可用git管理的仓库这时会生成一个名为.get的文件夹，默认是隐藏的，用ls -ah就可以显示出来了，这个文件夹里面放的都是以往git修改的版本，用于以后还原当初的某个版本。在目录下编写一个名为gameNa...

博文更新于 2018.07.03 ·

md5加密传输文件实例

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input id="ChooseFile" type=&q

博文更新于 2018.03.16 ·

js两个数组取相同的值的几种方式，包含ES6

_resultSameValue(arr1, arr2) { let newArr = []; for (let i = 0; i < arr1.length; i++) { if (arr2.includes(arr1[i])) { newArr.push(arr1[i]) } } return newArr; } _resultSameValue2(arr1, arr2) { let newArr = ar.

博文更新于 2020.09.27 ·

表单提交分离化判断条件

在写一些登录页面或者调查问卷等表单的时候，经常会在最后提交的方法中进行大量的判断逻辑，其实可以单独提取出来一个新的方法，来进行一些操作提示等，效果都一样，但是代码看起来会舒服很多。 $(this._dom.login).click(function () { var email = $(_this._dom.email).val(); var pwd = $(_this._dom.pwd).val(); if (_this._validate(...

博文更新于 2020.08.04 ·

通过Web Audio Api展示音频整体波形（整体波形，而非实时）

在做这个功能时并未对音频过多了解，因为H5的audio标签已经很强大了，但是因为这次需要对音频的波形进行展示，于是开始查看文档及相关技术贴，发现无论是官网推荐还是大部分的帖子推荐的做法都是使用Audio Api的AnalyserNode，但是AnalyserNode的问题是他只能用来做实时波形展示，与需求不符，不过如果公司对插件没要求的话，强烈推荐wavesurfer.js库，相当简单，做...

博文更新于 2020.02.27 ·

$.ajax中设置responseType

最近在为公司产品新增一个音频播放及整体波形预览的功能，首先需要的就是请求音频地址，将请求到的二进制原始数据转换为arrayBuffer类型，之后在通过Web Audio Api解码以此来生成波形展示所需数据，于是问题来了。如果用原生xhr是可以直接设置responseType属性的，但是因为是公司产品，底层封装的是jquery的ajax方法，然而$.ajax没有respons...

博文更新于 2020.02.27 ·

21694 阅读 ·

网页地址栏直接输入请求地址有返回值，前端本地项目访问请求报跨域的问题

在网页地址中访问可以正常看到数据，在postman中也正常。自己的react项目启动的服务器，访问同样的地址报跨域的问题，在package.json中添加proxy属性。 ...

博文更新于 2019.12.13 ·

react-native 安卓键盘顶起绝对定位元素

之前网页端的开发经验认为我这是个小问题，要么换成固定定位，实在没办法加个聚焦和失焦的操作就可以了，但是实际上rn中并没有固定定位，造成这种情况的原因其实只需要修改安卓的配置即可，实际要比网页端容易解决。 vscode的话可以command+p搜索文件名字，找到这个文件之后添加： android:windowSoftInputMode="stateAlwaysHidden|adjus...

博文更新于 2019.10.11 ·