- 博客(430)
- 收藏
- 关注
RSS订阅转载 vite配置别名，tsconfig提示：找不到模块“xxx”或其相应的类型声明。
【代码】vite配置别名，tsconfig提示：找不到模块“xxx”或其相应的类型声明。
2023-06-21 14:31:54
881
转载 Mac使用tree生成目录结构
比如你想要过滤项目中的node_modules文件夹，可以使用tree -I "node_modules"；安装后，在terminal中输入tree -a便可以查看某个文件夹下的所有文件。举个例子，如果我们要显示某个项目下3层的所有文件结构，同时又过滤node_modules文件夹，最后输出到tree.md，可以这么写。* tree -L n 显示项目的层级。* tree > tree.md 将项目结构输出到tree.md这个文件。下面介绍几个常用的命令。更多命令的使用可以查看tree --help。
2023-06-20 10:08:26
585
原创 nodejs新博客系统-1.1Node.js 从零开发个人博客项目
-------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------
2023-05-01 21:47:19
192
原创 GoJS Beginner Tutorial #1
比如：这里为我们的形状设置了填充属性，我们将为这些元素设置其他属性，以便对常用属性进行更深入的讨论，请先查看我们的视频 gojs GraphObject属性，面板负责保存和组织各种 gojs GraphObject，我们这些组成的GraphObject称之为面板的元素 请注意，part也充当panel并根据我们指定的面板类型组织它的元素，部件作为顶级面板，该部件的所有其他面板都将包含在其中。接下来的两个是面板元素：部件的第一个元素是一个形状，我们使用其第二个参数进行设置它的图形。
2023-04-23 22:35:08
484
原创 web前端面试题之CSS
CSS 伪类（pseudo-classes）是一种用于向某些选择器添加特定状态的方法，它可以根据元素的不同状态来对其应用不同的样式。伪类用于选择当前文档中不同状态的元素，例如链接被点击、鼠标悬停在元素上等等。除了上面列出的伪类之外，还有很多其他的伪类可供使用，每个伪类都有不同的用途。使用伪类可以帮助开发者轻松地选择和应用样式，从而提高代码的可维护性和可读性。
2023-04-06 15:37:37
396
原创 React diff 算法（只有这篇讲清楚了）
本篇文章来自于Diff 算法diff 算法探讨的就是虚拟 DOM 树发生变化后，生成 DOM 树更新补丁的方式。它通过对比新旧两株虚拟 DOM 树的变更差异，将更新补丁作用于真实 DOM，以最小成本完成视图更新真实 DOM 与虚拟 DOM 之间存在一个映射关系。这个映射关系依靠初始化时的 JSX 建立完成；当虚拟 DOM 发生变化后，就会根据差距计算生成 patch，这个 patch 是一个结构化的数据，内容包含了增加、更新、移除等；最后再根据 patch 去更新真实的 DOM，反馈到用户的界面上。
2023-03-27 21:58:40
375
原创 web前端面试题之代码题+数据结构
ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。上面的方法也可以用于，去除字符串里面的重复字符。上面代码也展示了一种去除数组重复成员的方法。
2023-03-27 17:57:42
586
原创 web前端面试题之webpack和其他
可以看到，优化webpack构建的方式有很多，主要可以从优化搜索时间、缩小文件搜索范围、减少不必要的编译等方面入手。
2023-03-27 17:26:39
867
原创 web面试题记录之react
class 在组件之间复用状态逻辑很难，由高阶组件，render props 等其他抽象层组成的组件会形成“嵌套地狱”。拥有相同类的两个组件将会生成相似的树形结构，拥有不同类的两个组件将会生成不同的树形结构。目的就是对比两次渲染的结果，找到可复用的部分，剩下的进行删除和新增就可以了。树即可，但有种特殊的情况，当组件A如果变化为组件B的时候，有可能。对于组件的策略有两种方式，一种是相同类型的组件和不同类型的组件。Hook 将组件中相互关联的部分拆分成更小的函数。进行层级控制，也就是同一层，在对比的过程中，a
2023-03-24 17:52:52
505
原创 web前端面试题之DOM+BOM+HTTP
no-store: 不用本地缓存和服务端缓存，什么缓存都不要，直接去服务端请求。no-cache: 不用本地缓存。
2023-03-17 17:39:28
72
原创 web前端面试题之作用域和闭包
闭包可以用来封装私有变量，并将其保存在闭包内部，使其不能在外部被直接访问和修改。// 所有的自由变量的查找，是在函数定义的地方，向上级作用域查找。this取什么值在函数执行的时候决定的，不是函数定义的时候决定的。下面是错的，因为i是全局作用域，每次都是10。下面是对的，因为每次都会产生一个新的块作用域。// 不是在执行的地方！函数定义的地方找变量的值。
2023-03-16 18:25:05
50
原创 知识深度07-Vue2和Vue3和React三者的diff 算法有什么区别
知识深度05-Vue2和Vue3和React三者的diff 算法有什么区别
2023-03-10 12:18:02
344
转载 深入浅出JSBridge：从原理到使用
在如今移动端盛行的年代，技术选型上基本都是混合开发（Hybrid），混合开发是一种开发模式，指使用多种开发模型开发App，通常会涉及到两大类技术：原生NativeWeb H5原生技术主要指iOS（Objective C）、Android（Java），原生开发效率较低，开发完成需要重新打包整个App，发布依赖用户的更新，性能较高功能覆盖率更高Web H5主要由HTML、CSS、JavaScript组成，Web可以更好的实现发布更新，跨平台也更加优秀，但性能较低，特性也受限。
2023-03-10 11:46:20
1199
原创 手写瀑布流—67渲染
1.动态渲染图片另外讲一个react hooks和mocks的结合使用实现分页功能首先安装axios， mockjs然后新建一个文件写入以下代码即可// // mock.js// // 使用 Mock// var Mock = require('mockjs')// var data = Mock.mock("/mock",{ // //"/mock"是通过ajax获取数据时填写的地址，可以随意写。但要和ajax请求时填写的地址一致。// "userinfo|20":
2021-05-03 15:08:37
285
5
原创 手写瀑布流—345等高瀑布流布局
1.初始布局import React from 'react';import './index.css';function HeightFall() { return ( <div className="container"> <div className="image-item"> <img src="./images/1.png" alt=""></img> </di
2021-05-02 22:21:51
246
原创 react-hooks知识梳理—6.useReducer, useContext
1.useReducerredux有一个单一的store,首先使用一个例子感受一下import React, { useReducer } from 'react';const reducer = (state, action) => { switch(action.type) { case 'ADD': return state + 1; case 'SUB': return state - 1; default: return state; }}
2021-02-21 23:07:04
196
原创 react-hooks知识梳理—5.自定义hooks
1.实现一个demo如下demo，先坚听到浏览器的尺寸变化。import React, { useState, useEffect } from 'react';const Parent = () => { const [width, setWidth] = useState('0px'); const [height, setHeight] = useState('0px'); useEffect(() => { setWidth(document.doc
2021-02-21 22:39:15
126
原创 react-hooks知识梳理—4.memo,useMemo,useCallback
1.useMemo,useCallBack作用用来做优化，在类组件中，只要父组件进行一个更新，子组件也会进行一个更新。不管子组件应不应该去更新，所以我们需要优化。优化的办法是shouldUpdate这个钩子，父子组件前后传过来的参数进行优化和判断。2.memo看下面代码，父组件每次更新的时候，子组件都会相应的去更新。import React, { useState } from 'react';const Child = () => { // const date = ne
2021-02-21 21:33:01
197
原创 react-hooks知识梳理—3.useRef
1.回忆useEffect的问题————————————————————————————————————————————————想实现一个定时器的效果，每0.5s count加1import React, { useState, useEffect } from 'react'; const Fetch = () => { const [count, setCount] = useState(0); useEffect(() => { setInterval
2021-02-21 00:01:21
238
原创 react-hooks知识梳理—2.useEffect
1.useEffect副作用操作useEffect可以进行一个副作用的操作，比如请求数据，看下面的代码import React, { useState, useEffect } from 'react';const Fetch = () => { const [result, setResult] = useState(null); useEffect(() => { fetch('./index.html').then(res => res.text())
2021-02-20 21:58:19
579
2
原创 react-hooks知识梳理—1.useState
1.函数组件和类组件函数组件：被动的接受props,不能有自己的状态，也不能有自己的生命周期，类组件复用的问题，只要函数里面有this，这个函数就不纯类组件：使用setState，有生命周期 缺点： 类组件的复用很麻烦，其他组件要用的话，必须使用高阶组件包一层，这样封装的成本很大， 而且中间层的存在只是为了传递数据，没有其他任何意义，render props复用的方式，复用起来不是很优雅。facebook非常推崇函数式编程利用hooks实现副作用（副作用：比如...
2021-02-20 20:59:40
188
转载 微信，支付宝小程序实现原理概述
微信，支付宝小程序实现原理概述上图为微信小程序的项目结构，pages下面包含了小程序中的每一个页面，每一个页面由页面结构，页面样式，页面配置和逻辑代码四部分组成。页面结构页面结构文件为index.wxml，通过微信自定义的标签来写。页面逻辑页面逻辑通过JavaScript来书写。页面样式表类似CSS文件，来定义页面内元素的样式。页面配置页面内的权限等配置信息。微信小程序的技术选型小程序的定位特点是轻，快，针对这两个特点，在技术选型上，微信进行了一些考量。渲染.
2020-08-15 22:11:41
1023
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人