2019年12月_最帅扫地僧_CSDN博客

最帅扫地僧

码龄7年

个人简介：年少轻狂

IP 属地：上海市

查看详细资料

个人成就

获得40次点赞
内容获得12次评论
获得130次收藏

TA的专栏

html
17篇
java
10篇
node
3篇
一锅乱炖
6篇
数据库
1篇
http
4篇
vue
13篇
react
6篇
js
45篇
nodeJS
10篇
typescript
1篇
webpack
2篇

兴趣领域设置

前端

javascriptcssvue.jsreact.jses6webpackxhtml前端框架
后端

node.js
移动开发

flutter
网络与通信

https
微软技术

typescript
学习和成长

面试

创作活动更多

超级创作者激励计划

万元现金补贴，高额收益分成，专属VIP内容创作者流量扶持，等你加入！

搜TA的内容

FE使用art-template

使用 template 时，第一个参数为模板的 id。第二个参数为传递到模板的数据，没有数据传递{}，但是不要不传，否则会出现意外，文档地址最基础的使用<body> <div id="box"></div> <script type="text/html" id="boxTmp"> 姓名：{{name}} </script> <script src="./template-web.js"><..

发布博客 2021.01.04 ·

node之buffer

前置知识字节一个字节等于8位字节是计算机中传输信息的基本单位一个字节可以表示的最大十进制数是255每个位只能填0或1进制0b二进制0x十六进制0o八进制进制之间的转换parseInt(‘11’, 2) // 二进制转为十进制parseInt(‘77’, 8) // 八进制转为十进制parseInt(‘ff’, 16) // 十六进制转为十进制(1).toString(2) // 十进制转为二进制1…toString(16) // 十进制转为十六进制1…to

发布博客 2020.12.08 ·

浏览器事件环和node事件环

浏览器事件环node事件环什么是事件环node中处理非阻塞I/O的操作机制node启动后，就会初始化事件环执行流程先进行主栈代码的执行，注意主栈代码也属于宏任务，微任务是语言提供的主栈代码执行后，会清空一次微任务队列，在清空微任务之前会先执行process.nextTick(优先级高于微任务，不属于事件环的一部分)，然后会进入事件环执行node中的事件环包含以下几个阶段，timers、pending callbacks、idle，prepare、poll、close callbacks

发布博客 2020.12.02 ·

npm的使用

文件模块的解析流程不同的版本对文件模块的解析流程往往不一样会先找同级别是否存在该文件，文件找不到，会找文件夹如果文件夹下面存在package.json，查看package.json中的main字段对应的文件，会执行此文件如果没有package.json文件，执行此文件夹下面的index.js文件，备注：对于有些版本，即使存在package.json中，即使存在main，也仍然会去执行index.js文件模块分类分为第三方模块、核心模块、自定义模块核心模块不需要安装，第三个模块需要安装，自

发布博客 2020.12.01 ·

node之process

常见的global变量setTimeoutsetIntervalqueueMicroTasksetImmediateglobal.process作用：可以获取执行命令时的一些参数常见的process:envargvargv[0]，表示node可执行文件在系统中的位置argv[1]，此时正在执行哪个文件…other，用户设置的命令行参数chdircwd获取当期的工作目录，可以变化的与__dirname的区别是，__dirname获取到的文件的绝对路径，不可用修改

发布博客 2020.12.01 ·

generator+co+async+await

浏览器解决异步的发展史回调promisegeneratorasync+awaitgeneratorfunction * demo() { // generator函数可以使用try...catch... try { let a = yield 1; let b = yield 2; }catch{ throw() }}let it = demo(); // generator函数返回一个Generator对象// 常用的Generator对象上的方法，next，th

发布博客 2020.12.01 ·

解决GitHub国内访问太慢了

打开 ipaddress网站，https://www.ipaddress.com/查询gitHub.com的IP查询github.global.ssl.fastly.net的IP打开本机hosts文件，我的Windows系统：C:\Windows\System32\drivers\etc添加如下内容：199.232.69.194 github.global.ssl.fastly.net140.82.112.3 github.com不出意外的话此时应该比配置之前快了N倍。...

发布博客 2020.10.24 ·

括号生成

准备阶段1–判断括号字符串是否正确闭合<script> function isRight(arr) { let result = []; for (let i = 0; i < arr.length; i++) { let stack = []; let str = arr[i]; for (let k = 0; k < str.length; k++) { if (stack.le

发布博客 2020.10.21 ·

react使用@tweenjs/tween.js实现数字动态增长

安装npm install @tweenjs/tween.js --save使用在componentDidMount钩子函数中引入tween函数传参调用即可import TWEEN from '@tweenjs/tween.js'const animate = () => { if (TWEEN.update()) { requestAnimationFrame(animate); }}/** * @param {*} context 上下文 * @param {*}

发布博客 2020.09.25 ·

利用canvas给图片打马赛克

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图片打码</title> <style> canvas { border: 1px solid

发布博客 2020.08.05 ·

获取画布上的任意一个坐标对应的像素点的颜色值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>像素操作</title> <style> canvas { border: 1px solid

发布博客 2020.08.05 ·

通过操作像素点改变画布颜色

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>像素操作</title> <style> canvas { border: 1px solid

发布博客 2020.08.05 ·

canvas之伸缩变换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>缩放案例</title> <style> canvas { border: 1px solid

发布博客 2020.08.03 ·

记录一次项目中使用canvas绘制图形

目标import React from "react";import { Link } from "react-router-dom";import { PropTypes } from "prop-types";import "./header-nav.scss";class HeaderNav extends React.Component { constructor(props) { super(props); this.state = { initDeg

发布博客 2020.08.02 ·

记录canvas学习--签名

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>签名案例</title> <style> canvas { border: 1px solid r

发布博客 2020.08.02 ·

记录一次canvas学习--绘制时钟

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>钟表案例</title> <style> canvas { border: 1px solid

发布博客 2020.08.02 ·

canvas生成刮刮乐~~~

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { ma

发布博客 2020.06.18 ·

Vscode 项目文件快速生成注释

安装插件：koroFileHeader安装成功之后，使用 Ctrl+Alt+i 即可快速生成注释使用 Ctrl + shift + p 之后输入 codeDesign 可以选择生成自己喜欢的注释主题自定义文件header部分注释内容，打开settings.json文件（File>Preference>Settings>Extensions>File header Configuration>Edit in settings.json）"fileheader.cust.

发布博客 2020.06.18 ·

Echarts 配置主副标题【转载】

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title>  <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <!-- echar

发布博客 2020.05.21 ·

接口

接口/** * 接口就是多个类的公共规范 * 接口是一种引用数据类型，最重要的内容是其中的抽象方法 * 定义接口的格式： * public interface 接口名称 { * // 接口内容 * } * 如果是java7，那么接口中可以包含如下的内容： * 1. 常量 * 2. 抽象方法 * 如果是java8，还可以额外的包含： * 3. 默认方法 * 4. 静...

发布博客 2020.03.30 ·