- 博客(222)
- 收藏
- 关注
RSS订阅
原创 Mac 录屏制作gif动图
作为一名优秀的前端程序员，想要输出内容，总需要制作一些动图(前端动效、功能预览、代码讲解等)，接下来咱们说一下，使用 Mac 录屏，并转成 Gif格式动图的方法：工具：Mac、QQ操作步骤：1.打开QQ（没有安装QQ的话，请自行安装）使用QQ聊天对话框中的 截图功能(小剪刀)，选中“录屏”功能。或者使用 快捷键 command + shift + A2. 按照提示，选择要录屏的区域 进行视频录制。如下图：...
2021-08-13 09:27:48
8145
12
原创 VsCode超实用插件推荐，让你的开发效率火力全开
辅助开发类：1.VeturVUE开发必备插件1.语法高亮，包括 vue/html css/sass/scss/less/stylus js/ts2.语义高亮，除了支持template模板以外，还支持大多数主流的前端开发脚本和插件3.语法错误检查，包括 CSS/SCSS/LESS/Javascript/TypeScript4.emmet 支持5.支持调试6.代码片段自动补全 包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript2.Vue...
2021-07-30 15:20:54
7079
55
原创 2021 百度网盘网页版 倍速播放技巧(亲测有效)
2021 百度网盘网页版 倍速播放技巧(亲测有效)安装谷歌浏览器(chrome浏览器)打开谷歌浏览器，地址栏输入：chrome://extensions/ 或者 直接点这里在打开的扩展程序 页面，开启右上角 的 “开发者模式”下载 Global-Speed 扩展 点击这里获取 ，或者评论 or 私聊我将 步骤4 中下载的 .crx 文件 拖入 步骤3 打开的页面(chrome://extensions/ )安装成功后，可以看到 Global-speed扩展, 开启该扩展打开百度网盘视
2021-07-05 10:17:39
17704
124
原创 Mac版sourceTree跳过登录
1. 打开sourceTree，提示登录，2. 此时，选中sourceTree，点左上角菜单栏：窗口-->点击显示托管在远端仓库-->弹出拉取失败3.关掉当前登录窗口，离开（quit）-->确定仓库拉取失败-->进入成功...
2018-12-21 15:59:58
5075
5
原创 React：Mobx的autorun 和 runInAction（异步）
React：Mobx的autorun 和 runInAction（异步）
2024-05-22 16:55:56
100
原创 React：Router-2. createBrowserRouter函数式
前边的文章提供了组件式路由的方式，在及以上版本，提供了函数式路由创建方式。
2024-05-09 10:31:21
417
原创 React：Router
路由基本使用1、明确好界面中的导航区、展示区2、导航区的a标签改为Link标签 import {Link} from 'react-router-dom'; <Link to="/xxx"></Link>3、展示区写Route标签进行路径的匹配 <Route path="/xxx" component={Demo}/>4、<App> 的最外侧包裹一个 <BrowserRouter> 或 <HashRouter>路由组件
2022-08-05 16:18:23
531
原创 解决 command not found: brew ：Mac安装Brew
解决 command not found: brew ：Mac安装Brew
2022-06-24 20:35:55
3926
1
原创 纯html项目配置babel，报错Uncaught ReferenceError: require is not defined
需求描述有时候想要写一个简单的测试 demo，只需要一个 html文件 + 一个js文件，但是需要 import 一些npm包，如何做简单的 babel 配置呢？操作步骤创建项目mkdir democd demo此时 demo 目录下空空如也，什么也没有。npm初始化npm init一路回车，此时 demo 下新增了一个 package.json 文件新增 src/index.js 和 index.html 文件，目录结构如下：| - src| |- index.j
2022-05-26 23:43:52
5288
2
原创 React-hooks：useEffect
1.理解函数副作用什么是副作用对于React组件来说，主作用是根据数据(state/props)渲染UI，除此之外都是副作用（比如手动修改DOM）。常见的副作用数据请求（发送ajax）手动修改 DOMlocalstorage操作useEffect 函数的作用就是为react函数组件提供副作用2.基础使用使用步骤导入 useEffect 函数调用 useEffect 函数，并传入回调函数在回调函数中编写副作用处理修改数据状态检测副作用是否生效示例代码import {us
2022-05-06 07:19:28
2294
2
原创 Jest：JS测试框架学习
基本使用安装 yarn add --dev jest新建功能文件 Sum,jsfunction Sum(a,b) { return a + b;}module.exports = {Sum}新建测试文件 Sum.test.js (跟2中功能文件对应，jest会自动匹配)const {Sum} = require("./Sum.js");test("测试求和方法: a+b", () => { expect(Sum(1,2)).toBe(3);})修改 packa
2022-04-12 16:14:17
1261
3
原创 git 本地分支被删除后 如何恢复？(已解决)
恢复 被误删的git分支切回 master 分支，避免影响到当前分支：$ git checkout mastergit relog --data=iso 以标准时间格式展示日志reflog是reference log的意思，也就是引用log，记录HEAD在各个分支上的移动轨迹。$ git reflog --date=iso在 上述操作结果中查找 误删除分支的 commit记录 （如下红框为例）git checkout -b <分支名&g
2022-04-01 18:40:26
6245
5
原创 JSONP请求报错block:mixed-content（已解决）
Mixed Content: The page was loaded over HTTPS，blocked the content must be served over HTTPS问题描述开发环境 调用接口 正常，发布到测试环境时，调用接口提示 “block:mixed-content”问题原因浏览器不允许在https页面里嵌入http的请求开发环境是本地起的http服务，发到测试环境时是 https，而调用的接口地址是固定的 http接口，导致测试环境报错。解决问题方法1.如果该接口支持
2022-03-11 15:29:27
1333
原创 chrome 调试工具小技巧
参考 https://juejin.cn/book/6844733783166418958/section/68447337832041676871.快捷键切换工具栏位置： command + shift + D2.切换 devtools 面板control + [ 向左切换；control+ ] 向右切换control + 1 到 control + 9 1…9直接切换到对应面板3.递增/递减使用 上/下 箭头按键，逐步调整数值（常见于调整css）4.查找内容：contro
2022-03-04 18:08:45
625
1
原创 巧用Es6解构赋值
1、常用解构赋值## 数组解构let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3// 忽略部分值let [ , , third] = ["foo", "bar", "baz"];third // "baz"let [x, , y] = [1, 2, 3];x // 1y // 3// 结合 rset 扩展运算符，分配其余值let [head, ...tail] = [1, 2, 3, 4];hea
2022-02-18 17:28:58
346
2
原创 特殊函数：纯函数
纯函数特征只要是同样的输入（实参），必定得到同样的输出（返回）约束条件不得改写参数数据；不会产生任何副作用，例如网络请求、输入和输出设备等；不能调用Date.now() 或者 Math.random()等不纯的方法；举例redux 的 reducer 函数必须是一个纯函数。纯函数：function test(x) { return 1;}非纯函数：function test1() { return new Date();}function test2(x) { re
2022-02-16 23:22:37
158
原创 React：从头学state
初始版本：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div
2022-01-28 16:47:39
482
原创 手写EventBus
class EventBus { constructor() { this.events = this.events || {}; //{key:Array} } /** * @param {String} eventName * @param {Function} callback */ $on(eventName, callback) { if (thi
2022-01-21 20:04:46
506
原创 前端超实用编码技巧
获取时间戳的 时:分:秒let timeStamp = new Date().getTime(); // 获得时间戳new Date(timeStamp).toTimeString().slice(0,8); // '13:44:41'时分秒 前补0 （倒计时）let hour = 9;// badhour = String(hour).length > 1 ? hour : '0'+hour;// goodhour = String(hour).padStart(2,.
2021-12-31 18:06:33
533
16
原创 const name=“global“； var obj ={ name: ‘123‘, getName:()=＞{ console.log(this.name)； } } obj.getName()
题目描述：如下代码，执行完 输出内容？const name="global";var obj = { name: '123', getName:()=>{ console.log(this.name); }}obj.c输出结果：空如下所示：易错项：“123”；“global”解析：1.为什么不是 “123”如 this指向这篇文章 第 3 条所示：3.函数是否在某个上下文对象中调用(隐式绑定)？如果是的话，this绑定的是那个上下文对象。如： v
2021-12-17 16:25:19
796
12
原创 NodeJs 常用模块
1.http模块// 引入模块const http = require('http');// 创建服务，// req：获取浏览器信息// res：给浏览器响应信息const proxy = http.createServer((req, res) => { // 设置响应头 res.writeHead(200, { 'Content-Type': 'text/plain' }); // 设置编码格式 res.writ('<head><meta ch
2021-12-10 15:25:41
1225
3
3DMax制作高度图 3ds max制作灰度图 heightmaps.doc
2020-06-25
GLUT工具包下载，内含glut.dll、glut.h、glut.lib、glut32.dll、glut32.lib五个文件
2020-03-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人