- 博客(54)
- 收藏
- 关注
RSS订阅原创 前端uniapp知识点总结
通过条件注释来为不同平台设置不同的代码：实现跨端兼容。条件注释是以 #ifdef 或 #ifndef 加平台代值开头，以 #endif 结尾uni-app分和编译器将开发者的代码进行编译，编译的输出物由各个终端的runtime进行解析，每个平台（Web、Android App、iOS App、各家小程序）都有各自的runtime。编译器分vue2版和vue3版，vue2版：基于实现，vue3版：基于实现，性能更快。创建以 typescript 开发的工程，使用Vue3/Vite版 1.vue.con
2023-12-09 20:57:39
236
原创 前端面试提问（4）
在前端定义一个菜单权限配置，包含不同权限下允许访问的菜单项。这可以是一个简单的 JSON 对象或数组，其中每个菜单项都包含一个权限属性，表示需要的用户权限。
2023-12-08 10:14:10
343
原创 React面试题(1)
JSX是一种JavaScript的语法扩展，它允许我们在JavaScript中编写类似HTML的代码。它是React的核心之一，用于描述UI组件的结构和样式。refs允许你直接访问DOM元素或组件实例。为了使用它们，可以向组件添加个ref属性。（1）如果该属性的值是一个回调函数，它将接受底层的DOM元素或组件的已挂载实例作为其第一个参数。可以在组件中存储它。
2023-12-06 12:56:50
272
原创 react学习--react-redux的使用
Redux 的核心思想是通过一个单一的状态树来管理应用的状态，状态的修改通过纯函数（reducers）来进行，从而使状态变化可追踪和可预测。在项目中安装 Redux 库和 React-Redux（用于 React 绑定的库）。
2023-12-05 11:13:03
78
原创 计算机组成学习-中央处理器总结
6)什么是指令流水线？指令流水线相对于传统计算机体系结构的优势是什么？如何计算指令流水线的加速比？2)指令和数据均存放在内存中，计算机如何从时间和空间上区分它们是指令还是数据？3)什么是指令周期、机器周期和时钟周期？它和第4章谈到的指令有什么关系？1)CPU分为哪几部分？4)指令周期是否有一个固定值？
2023-12-04 12:35:24
105
原创 计算机组成学习-存储系统总结
主存储器,简称主存。CPU可以直接随机地对其进行访问，也可以和高速缓存器及辅助存储器交换数据。辅助存储器,简称辅存，不能与CPU直接相连，用来存放当前暂时不用的程序和数据高速缓冲存储器,位于主存和CPU之间，用来存放正在执行的程序段和数据磁表面存储器（磁盘，磁带）磁心存储器半导体存储器（MOS型存储器，双极存储器）光存储器（光盘）随机存储器（RAM）。存储器的任何一个存储单元的内容都可以随机存取，而且存取时间与存取单元的物理位置无关，主要用作主存或高速缓冲存储器。断电后内容会丢失。
2023-12-04 12:32:39
102
原创 计算机组成学习-数据的表示和运算总结
常用的进位计数法有十进制、二进制、八进制、十六进制等。十六进制每个 数位可取0〜9、A、B、C、D、E、F中的任意一个，其中A、B、C、D、E、F分别表示 10〜15。八进制数字通常以前缀 "0"（零）加上数字表示，例如，八进制数 12 表示为014。在JavaScript中，你可以使用前缀 "0o" 或 "0O" 来表示八进制数。例如：0o14十六进制数字通常以前缀 "0x" 或 "0X" 开头表示，例如，十六进制数 1A 表示为0x1A。
2023-12-02 16:45:56
228
原创 前端面试提问（3）
可能会遇到精度丢失的问题。JavaScript 使用的是 IEEE 754 浮点数标准，即一种二进制表示法，有时不能准确地表示十进制小数。如果你需要进行精确的十进制数值计算，可以使用一些处理精确数值的库，比如BigIntDecimal.js或者big.js。
2023-12-01 10:33:52
285
原创 webpack具体实现--未完
webpack 是 Webpack 的核心模块，webpack-cli 是 Webpack 的 CLI 程序，用来在命令行中调用 Webpack。webpack-cli 所提供的 CLI 程序就会出现在 node_modules/.bin 目录当中，我们可以通过 npx 快速找到 CLI 并运行它。npx webpack 会自动从 src/index.js 文件开始打包，然后根据代码中的模块导入操作，自动将所有用到的模块代码打包到一起。
2023-11-28 20:50:31
271
原创 前端面试灵魂提问（1）
相同点：any和unkonwn 可以接受任何值不同点：any会丢掉类型限制，可以用any类型的变量随意做任何事情。unknown变量会强制执行类型检查，所以在使用一个unknown类型的变量之前，你需要进行类型检查。
2023-11-28 17:08:50
223
原创 前端笔试遇到的坑-100题
方法，该方法接收一个Promise数组作为参数，并返回一个新的Promise对象，当其中任何一个Promise对象被解决或拒绝时，就会将其对应的值或原因传递给返回的Promise对象的回调函数。promise中的reject函数返回值不一定会报错，传到catch中，需要看then函数中，有多少个回调函数，只有一个的话，就会报错，传到catch中，有两个的话，就会传到then的第二个回调函数的参数中。WeakMap 的键是弱引用，键所指向的对象可以被垃圾回收，此时键是无效的。但是 Map 默认不包含任何键。
2023-11-26 22:17:14
170
原创 前端进阶--react全家桶(3)
/两个接口属性都支持。//对于函数类型的类型检查来说，函数的参数名不需要与接口里定义的名字相匹配。// String(原生的构造函数) vs string (ts中的类型)private age = 100 //私有属性， 不能在接口定义。readonly country:String,//只读属性。call:"" //定义初始值,按照接口规则。name:String, //必选属性。// 使用编程式导航，需要引入接口配置。} //私有方法， 不能在接口定义。浅查询，查询字段与增加删除。
2023-11-24 18:06:48
39
原创 算法面试题--树与对象数组的转化
思想：访问该元素后，如果该元素存在子元素，则访问该元素的第一个子元素，如果不存在，则访问该元素的兄弟节点（即退出该函数，返回上一层函数，访问上一层中未被访问的子元素），重复此操作。思想：访问该元素后，如果该元素存在兄弟节点，则依次访问该元素的兄弟节点，如果不存在，则访问该元素的孩子节点。
2023-11-23 21:46:25
55
原创 JAVA学习（2）
1.1、正则表达式类1.2、Random类1.3、Runtime类：查看系统内存1.4、BigInterger类和BigDecimal类：大数字。
2023-11-09 19:44:26
23
原创 JAVA学习
abstract修饰的类就是抽象类，修饰的方法就是抽象方法。抽象类中可以没有抽象方法，但有抽象方法的类一定要声明为抽象类。抽象类不能使用new来创建对象，它是用来让子类继承的。抽象方法只有方法的声明，没有实现，让其子类实现。子类继承抽象类，必须实现抽象类的所有方法，否则该子类也要声明为抽象类。抽象类有构造器，可以派生子类抽象类的意义：约束，提高开发效率。但是类只能单继承，所以有局限，用的不多。
2023-11-08 22:21:08
45
原创 前端进阶--react全家桶(2)
状态保存于修改useEffect:模拟创建于销毁功能usecallback：缓存useMemo类似于计算属性computed发送请求usecontext共享数据父子组件通信自定义hook必须以“use”开头以前也是单页面开发，但是没有实现页面与url地址的映射安装路由 npm i axios路由是根据不同的 url 地址展示不同的内容或页面。一个针对React而设计的路由解决方案、可以友好的帮你解决React components 到URl之间的同步映射关系版本5与版本6的区别。
2023-11-03 23:30:00
77
原创 前端进阶--react全家桶（1）
6. vue的响应式是拦截实现双向绑定，react不是，不可以直接赋值。setState 是异步的，所以想要获取到最新的state，没有办法获取，就有了第二个参数，这是一个可选的回调函数。拓展axios请求数据，axios.get("url",{query：{key:value}}或者。{this.state.show && }表单受控 value={}，组件受控：组件中的数据完全受父组件控制。返回遍历列表，交互后更新数据，然后更新页面。
2023-10-29 21:50:45
129
原创 前端进阶--Vuex 与 Pinia 对比
Vue3 状态管理之 Pinia 的使用一文搞懂pinia状态管理（保姆级教程） - 知乎 (zhihu.com)npm init vite@latest是为了将其保存至中，便于管理给其他人的使用npm install pinia -S
2023-10-27 19:24:05
334
原创 前端进阶--vue3
设计模式的原则是找出程序中的变化，并将变化封装起来，实现高效的可复用性。核心在于意图，而不在结构。通过设计模式可以帮助我们增强代码的可重用性、可扩充性、 可维护性、灵活性。我们使用设计模式的最终目的是为了实现代码的高类聚和低耦合。你是否思考过这样的一个问题，如何让代码写的更有健壮性，其实核心在于把握变与不变。确保变的部分更加灵活，不变的地方更加稳定，而使用设计模式可以让我们达到这样的目的。
2023-10-27 18:56:40
79
原创 前端进阶-vue2(2）
实际上它只是一层对真实DOM的抽象，以JavaScript对象 (VNode节点) 作为基础的树，用对象的属性来描述节点，最终可以通过一系列操作使这棵树映射到真实环境上。diff 算法 — 比较两棵虚拟 DOM 树的差异；pach 算法 — 将两个虚拟 DOM 对象的差异应用到真正的 DOM 树。创建VNode的过程，每个VNode有childrenchildren每个元素也是一个VNode，这样就形成了一个虚拟树结构，用于描述真实的DOM树结构可以看到context表示VNode的上下文环境，是。
2023-10-26 22:09:19
139
原创 前端进阶--Vue2（1）
定义的指令都要按规定去创建 在bind和inserted还有updated中去创建。//每当指令绑定到元素上的时候,会立即执行bind 函数,只执行一次,注意:在元素刚绑定元素的时候,还没有插入到dom中去,这时候,调用focus方法没有作用,即放在focus 放在bind中是不起作用 的},//表示元素插入到dom中的时候,只执行一次el.focus() js行为放在这里去创建},//当组件更新的时候,可能会触发多次})//局部'指令名':{
2023-10-26 16:19:49
51
原创 前端进阶-nodejs
Node.js是一个基于V8引擎的JavaScript运行环境。Node. js是一个事件驱动、非阻塞式I/O的模型，轻量而又高效；Node. js的包管理器npm是全球最大的开源库生态系统。
2023-10-22 17:35:52
48
原创 学习webpack、vite、babel
现在的前端网页功能丰富，特别是SPA（single page web application 单页应用）技术流行后，JavaScript的复杂度增加和需要一大堆依赖包，还需要解决Scss、Less……新增样式的扩展写法的编译工作。Webpack 最核心的功能就是实现静态模块打包，当Webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将这些模块打包成一个或多个bundle资源包。WebPack 是一个。
2023-10-22 13:45:00
208
原创 前端进阶--计算机网络
超文本传输安全协议是一种通过计算机网络进行安全通信的传输协议，HTTPS经由HTTP进行通信，利用SSL/TLS来加密数据包。HTTPS的主要目的是提供对网站服务器的身份认证，保护交换数据的隐私与完整性。HTTP协议采用明文传输信息，存在信息窃听、信息劫持和的信息篡改风险，而协议TLS/SSL具有身份验证、信息加密和完整性校验的功能，可以避免此类问题发生。
2023-10-20 15:44:07
46
原创 前端进阶--BOM浏览器对象
跨站脚本攻击（Cross-Site Scripting）是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，诱导用户在浏览器上运行该脚本。利用这些恶意脚本，攻击者可获取用户的敏感信息如 Cookie、SessionID 等，进而危害数据安全。
2023-10-18 23:31:55
200
1
原创 前端进阶-DOM文档对象
DOM 指的是文档对象模型，它指的是把文档当做一个对象，这个对象主要定义了处理网页内容的方法和接口。id.setAtteribute('data-name','imooc')id.getAttribute('data-name')nodeType（节点类型）nodeName、nodeValue、tagName、childNodes 2.3 节点的操作3、js事件事件三要素：事件源(谁)，事件类型(什么事件)，事件处理程序(做啥)参考JS的事件类型（详解）_js 事件分类_搞前端的小菜的博
2023-10-17 21:12:54
42
原创 前端-ES6
Set类似于数组，但是成员的值都是唯一的，没有重复的值。创建Set接受一个数组作为参数set的方法与遍历拥有类似于length的属性size增删改查add delete has clear// 创建集合// 添加数据 5// 删除数据 4s// true// 查看是否存在数据 4// false// 清除所有数据Set 提供了三个遍历器生成函数和一个遍历方法。keys() 返回一个键名的遍历器values() 返回一个键值的遍历器。
2023-10-17 18:35:23
45
原创 前端-前端发展
我们可以理解为网页上的一个个诸如Div的DOM元素为“View视图”，而改变DOM元素属性或值的数据来源方（如Ajax从服务器获取数据），可以理解为“model数据模型”，而使用诸如Jquery之类的脚本去实现页面动态交互，通过事件机制来响应用户的交互操作（例如用户点击按钮之后弹出一个对话框，或修改了标签中的值），即为control层。客户端在请求时，服务端不做任何处理，直接将前端资源打包后生成的html返回给客户端一个空的静态HTML文件，需要客户端去加载执行js代码才能渲染生成页面内容，
2023-10-15 22:47:36
137
原创 前端-javascript--JavaScript语法
JavaScript由ECMAScript(JavaScript语法)、DOM(文档对象模型)、BOM(浏览器对象模型)
2023-10-15 22:47:24
102
原创 前端进阶-CSS知识点总结
1、解决两个相邻元素的上下margin重叠问题；2、可以利用BFC解决高度塌陷问题；3、可以利用BFC实现多栏布局（两栏、三栏、双飞翼等）。
2023-10-14 16:26:30
145
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人