- 博客(61)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vben Admin 自学记录 —— 使用 mock 模拟数据以及模拟api联调接口（持续更新中...）
数据 mock&联调相关概念及使用/mock/table/tableMock.ts/src/api/table下添加相关api/src/api/table/tableApi.ts！注意：在使用页面使用mock和api前，要先在 /src/settings/componentSetting.ts中修改响应后处理的配置，我自己之前没有设置这里，所以table组件useTable调接口一直不通componentSetting.ts在之前的table练习中添加并使用api，注：我的新增、编辑和查看都
2023-05-13 20:20:59
2114
6
原创 Vben Admin 自学记录 —— 路由跳转的基本使用及练习（持续更新中...）
项目路由配置存放于 src/router/routes 下面。src/router/routes/modules用于存放路由模块，在该目录下的文件会自动注册。
2023-05-07 14:30:25
3034
4
原创 Vben Admin 自学记录 —— Modal弹窗组件的基本使用及练习（持续更新中...）
对 antv 的 modal 组件进行封装，扩展拖拽，全屏，自适应高度等功能。Modal相关使用及概念之前相关记录： Table组件的基本使用及练习EditModal.vuebasicTable.vue中使用页面效果
2023-05-07 11:57:37
4631
6
原创 Vben Admin 自学记录 —— Drawer组件的基本使用及练习（持续更新中...）
对 antv 的 drawer 组件进行封装，扩展拖拽，全屏，自适应高度等功能。
2023-05-07 09:59:41
2248
2
原创 Vben Admin 自学记录 —— 介绍及使用（持续更新中...）
3.在 src/locales/lang/zh-CN/routes 下添加 test.ts，设置路由title。在 src/router/routes/modules 内的 .ts 文件会被视为一个路由模块。2.在 src/views/myComponents中添加三个test1~3的测试页面。1.在 src/router/routes/modules 下添加 test.ts。例：src/router/routes/modules/dashboard.ts。4.至此路由模块及子页面添加成功，修改后效果。
2023-04-29 10:43:08
8818
8
原创 CSS 2&3 知识点整理
2009年，w3c 提出了一种新的盒子模型 —— flexible box（伸缩盒，又称弹性盒）可以轻松控制：元素分布方式、元素对齐方式、元素视觉顺序。
2023-04-13 17:03:27
637
原创 HTML4&5 知识点整理
HTML5 是新一代的 HTML 标准，2014年10月由万维网联盟完成标准制定优势针对JavaScript，新增了更多可操作的接口新增了语义化标签、全局属性新增了多媒体标签，替代了flash更加侧重语义化，对于SEO更友好可移植性好，可以应用在移动设备上。
2023-04-11 10:43:31
522
原创 Vue 3 + Vite + TS笔记整理
Typescript 是 JS 的超集，主要学习 ts 里面的原始类型、字面量类型、数组类型、函数类型、类类型、接口类型、类型别名，联合与交叉类型、枚举类型、泛型等类型元素，以及类型推断、类型断言、类型缩小、类型放大等特性。相比JS编程，编写TS更加严谨tsc初始化tsc init编译当前项目文件夹的ts文件到指定的目录下并开启监视，
2023-04-07 10:35:11
444
原创 React笔记——React 扩展
React 扩展setStatesetState(stateChange,[callback]) ------ 对象式的setStatestateChange 为状态改变对象(该对象可以体现出状态的更改)callback是可选的回调函数，它在状态更新完毕、界面也更新后(render调用)setState(updater,[callback]) ------ 函数式的setStateupdater为返回stateChange对象的函数updater可以接收到state和props。
2023-03-18 11:14:49
554
原创 React面试题收集（持续更新中...）
当一个组件中的状态发生改变时，React 首先会通过 diffing 算法来标记虚拟DOM中的改变。第二步是调节，会用diff的结果来更新 DOM。所以为了使浏览器能够读取JSX，首先需要使用Babel这样的JSX转换器将JSX文件转为 JavaScript 对象，然后再传给浏览器。用于对 render() 返回的特定元素或组件的引用。它返回一个 React 元素，是原生 DOM 组件的表示。浏览器只能处理 JavaScript 对象，而不能读取常规 JavaScript 对象中的 JSX。
2023-03-17 15:07:02
363
原创 JS面试题收集（持续更新好中...）
在同一个作用域中的变量名必须是唯一的。一个作用域可以嵌套在另一个作用域内。如果一个作用域嵌套在另一个作用域内，最内部作用域的代码可以访问另一个作用域的变量。JavaScript在创建对象时会为它们分配内存，不再使用时会自动释放内存，这个过程称为垃圾收集。定义：指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。作用域基本上是变量以及如何通过名称访问这些变量的规则的集合。在JavaScript中，每个函数都有自己的作用域。只有函数汇总的代码才能访问函数作用域内的变量。然后到达目标元素，冒泡开始。
2023-03-15 15:03:02
223
原创 微信小程序开发自学笔记 —— 九、微信开发者工具
由于小程序渲染和逻辑分离的运行机制与传统的网页存在差异，所以无法使用传统的网页的开发调试工具。开发者可以借助微信开发者工具完成小程序的代码开发、编译运行、界面和逻辑调试、真机预览和提交发布版本等功能。微信开发者工具是一个基于nw.js ，使用node.js、chromium以及系统API来实现底层模块，使用React、Redux等前端技术框架来搭建用户交互层，实现同一套代码跨Mac和Windows 平台使用。
2023-03-07 10:44:32
1190
原创 微信小程序开发自学笔记 —— 八、小程序基础库的更新迭代
小程序的运行环境是分成渲染层和逻辑层的，在渲染层可以用各类组件组建界面的元素，在逻辑层可以用各类API来处理各种逻辑，组件、API其实都是小程序基础库进行包装提供的，基础库的职责还要处理数据绑定、组件系统、事件系统、通信系统等一系列框架逻辑，才能让整个小程序有序的运作起来。小程序基础库的迭代速度非常快，但是基础库的变更会影响到所有小程序的运行，如果基础库出现重大Bug没有及时发现时，会引起很多小程序无法正常使用，所以在更新基础库时要谨慎。所有小程序在微信客户端打开的时候，都需要注入相同的基础库。
2023-03-07 10:42:06
1075
原创 微信小程序开发自学笔记 —— 七、性能优化
在setData的数据通信流程中，数据从逻辑层经过native层转发，传入视图层的WebView，再经过一系列渲染步骤之后传入组件。下载到的小程序代码包不是小程序的源代码，而是编译、压缩、打包之后的代码包。对于wx.redirectTo，这个调用不会打开一个新的页面层级，而是将当前页面层级重新初始化：重新传入页面的初始数据、路径等，视图层清空当前页面层级的渲染结果然后重新渲染页面。小程序启动或一个新的页面被打开时，页面的初始数据（data）和路径等相关信息会从逻辑层发送给视图层，用于视图层的初始渲染。
2023-03-07 09:56:35
241
原创 微信小程序开发自学笔记 —— 六、底层框架
自定义组件是开发者可以自行扩充的组件。开发者可以将常用的节点树结构提取成自定义组件，实现代码复用。1.ShadowTree的概念2.运行原理3.组件间通信。
2023-03-07 09:17:54
566
原创 小程序面试题收集（持续更新中...）
大体相同，但小程序之间this.data的属性是不可以同步到视图的，必须调用this.setData()方法。分为页面生命周期和应用生命周期。
2023-03-06 15:12:23
490
原创 微信小程序开发自学笔记 —— 五、小程序的协同工作和发布
如果小程序使用到Flex布局，并且需要兼容iOS8以下系统时，请检查上传小程序包时，开发者工具是否已经开启“上传代码时样式自动补全”。小程序使用的服务器接口应该走HTTPS协议，并且对应的网络域名确保已经在小程序管理平台配置好。在测试阶段不要打开小程序的调试模式进行测试，因为在调试模式下，微信不会校验域名合法性，容易导致开发者误以为测试通过，导致正式版小程序因为遇到非法域名无法正常工作。发布前请检查小程序使用到的网络接口已经在现网部署好，并且评估好服务器的机器负载情况。
2023-03-06 11:16:41
547
原创 uni-app 自学笔记
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到各种平台，方便开发者快速交付，不需要转换开发思和更改开发习惯。uni-app 为开发者提供了一系列基础组件，类似HTML里的基础标签元素，但 uni-app 的组件与 HTML 不同，而是与小程序相同，更适合手机端使用。
2023-03-05 15:09:50
435
原创 微信小程序开发自学笔记 —— 四、场景应用
在开发前，首先要对整个小程序整的的产品体验有一个清晰的规划和定义，一般通过交互图或者手稿描绘小程序的界面交互和界面之间的跳转关系。接着，优先完成WXML+WXSS缓缓设计稿，实现静态页面的布局和样式最后，按照页面交互梳理每个页面的data部分，并完成JS逻辑部分。
2023-03-05 11:12:27
799
原创 微信小程序开发自学笔记 —— 三、理解小程序宿主环境
初次进入小程序的时候，微信客户端初始化好宿主环境，同时从网络下载或者从本地缓存中拿到小程序的代码包，把它注入到宿主环境，初始化完毕后，微信客户端就会给App实例派发onLaunch事件，App构造器参数所定义的onLaunch方法会被调用。进入小程序之后，用户可以点击右上角的关闭，或者按手机设备的Home键离开小程序，此时小程序并没有被直接销毁，我们把这种情况称为“小程序进入后台状态”，App构造器参数所定义的onHide方法会被调用。小程序是指产品层面的程序，而“程序”指的是代码层面的程序实例。
2023-03-04 11:17:18
364
原创 微信小程序开发自学笔记 —— 二、小程序代码组成
WXML 文件后缀名是 .wxml，简单的 WXML 语句在语法上同 HTML 非常相似。-- 注释 --> < text > pages/wxml/index.wxml -- 注释 --> < text > pages/wxml/index.wxml < text > pages/wxml/index.wxml WXML 要求标签必须是严格闭合的，没有闭合将会导致编译错误。标签可以拥有属性，且大小写敏感。
2023-03-04 10:21:35
1287
原创 微信小程序开发自学笔记 —— 一、小程序介绍与开发环境
小程序是一种全新的链接用户与服务的方式，可以在微信内被便携地获取和传播，具有出色的使用体验。网页开发渲染线程和脚本线程是互斥的，长时间的脚本运行可能会导致页面失去响应；而在小程序中，二者(逻辑层和渲染层)是分开的，分别运行在不同的线程中。小程序里，逻辑层运行在JSCore中，并没有一个完整浏览器对象，同NodeJS环境也不尽相同，所以一些NPM的包以及前端常用库如jQuery等在小程序中是无法运行的。
2023-03-03 23:24:56
383
原创 Vue 面试题收集（持续更新中...）
所以vue3中使用ref用来实现基本类型的响应式，ref可以将一个基本类型包装为一个对象，在js中通过对象.value来获取和修改数据，在模板中会被自动解包，直接使用。ref的实现原理和vue2一样是通过object.defineProperty的get和set来实现响应式。reactive用来实现对象类型的响应式，其实现原理是使用proxy代理拦截属性，使用reflect反射操作属性，从而实现响应式。reactive的缺点是只能实现对象类型的响应式，不能实现基本类型的响应。vue的性能要优于react。
2023-03-02 16:12:11
110
原创 JavaScript 面试题 —— 01.JS异步编程的几种方式及区别
async函数返回的Promise，必须等到函数体内所有await后面的Promise对象都执行完毕后，或者return或者抛错之后才能改变状态；相比Generator函数，async函数在写法上的区别就是async替代了*，await替代了yield，并且async自带执行器。是ES6提供的一种异步解决方案，由每执行一次函数返回的是一个遍历器对象，返回的对象可以依次遍历Generator里面的每一个状态。指通过函数传参传递到其他执行代码的，某一块可执行代码的引用，被主函数调用后又回到主函数。
2023-03-01 15:25:12
150
原创 CSS面试题 —— 01.css居中布局的方法
grid给子项设置 margin:auto 兼容性较差,不支持。flex给子项设置 margin:auto。tabel-cell实现垂直居中。/* 方法二、五 */
2023-02-28 19:55:22
120
原创 Vue3 自学记录（二）—— 组合式API（持续更新中...）
它的实现原理是通过Proxy实现对源对象的代理，通过Reflect反射实现对源对象属性的操作，从而实现对象的响应式。但reactive有一个缺点，就是它只能返回对象的响应式代理，不能返回返回基本类型，因为js中无法实现对一个变量的代理。setup是一个钩子函数，可以通过这个函数向外暴露组件的配置，如果在setup中直接声明一个变量，则该变量就是一个普通的变量，不是响应式属性。在生成响应式代理时，它将值包装为一个对象，在js中，访问ref对象时，必须通过对象.value来访问其中的值；用来简化Vue的配置。
2023-02-26 11:54:59
112
原创 Vue 3 自学记录（一）—— 简介（持续更新中...）
第二是源码的升级，使用了Proxy代替defineProperty实现响应式，性能上有了一定的提升；重写了虚拟dom的实现和Tree-shaking。首先是性能上的提升，打包体积减少将近一般，渲染比之前vue2更快，内存占用也减少一半多。vue3是20年9月发布的，与Vue2相比有了一些改变。第四是增加了一些新的特性。第三是更好的支持Ts。
2023-02-22 22:45:18
114
原创 vue qrcode生成二维码
/ 用法一：调用函数去生成二维码，参数为二维码的容器，要生成的内容，二维码样式，回调函数。1.首先安装qrcode插件。
2023-02-07 16:08:05
936
原创 TypeScript_自学笔记
指定代码的根目录，默认情况下编译后文件的目录结构会以最长的公共目录为根目录，通过rootDir可以手动指定根目录。指定类型后，当为变量赋值时，TS编译器会自动检查值是否符合类型声明，符合则赋值，否则报错。简而言之，类型声明给变量设置了类型，使得变量只能存储某种类型的值。通过类型声明可以指定TS中变量(参数、形参的类型)类型声明时TS非常重要的一个特点。object（没啥用）
2023-02-06 00:47:19
90
原创 JavaScript_ES6~ES11
ECMA(European Computer Manufactures Association) 中文名称为欧洲计算机制造商协会，这个组织的目标是评估、开发和认可电信和计算机标准。1994年后该组织改名为 Ecma国际是由 Ecma 国际通过 Ecma-262标准化的脚本程序设计语言。
2023-02-06 00:43:23
166
原创 Echart——自学笔记
一个基于JavaScript的开源可视化图标库特点丰富的可视化类型多数据格式无需转换千万级别数据进行展示移动端的优化多渲染方案，跨平台使用深度的交互方案动态数据绚丽的特效。
2023-02-06 00:42:24
75
原创 React 笔记
用于构建用户界面的 JavaScript 库(是一个将数据渲染为HTML视图的开源 JavaScript 库)一个路由就是一个映射关系(key-value)key 为路径，value 可能是 function 或 component。
2023-02-06 00:39:58
112
原创 初学 Vue 笔记整理
要用的属性不存在，要通过已有的属性计算得来new Vue({指令名 : 配置对象 } })或new Vue({} })Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)bind：指令与元素成功绑定时调用inserted：指令所在元素被插入页面时调用update：指令所在模板结构被重新解析时调用指令定义时不加v-，但使用时要加v-指令名如果是多个单词，要使用kebab-case命名方式，不要用camelCase命名。
2023-02-06 00:36:51
221
原创 牛客网HTML+CSS+JavaScript错题集100道（一）
HTML+CSS+JavaScript错题集100道(Ⅰ)1.HTML5 中不再支持下面哪个元素？ A. < q > B. < ins > C. < menu > D. < font >1.能用css代替的元素 basefont、big、center、font、s、strike、tt、u。这些元素纯粹是为画面展示服务的，HTML5中提倡把画面展示性功能放在css中统一编辑。2.不再使用frame框架。frameset、frame、nof
2021-09-09 09:23:03
8244
原创 Node自学笔记 （一）
命令行窗口开始菜单 => 运行 => cmd常用指令：dir 列出当前目录下所有文件cd 目录名 进入到指定目录md 创建文件目录. 当前目录… 上一级目录环境变量path 保存路径将一些常用的文件或程序的路径添加到path下，就可以在任意位置访问文件进程与线程进程负责为程序的运行提供必备的环境相当于工厂中车间线程- 计算机中最小的计算单位，负责执行保存到进程中的
2021-08-12 23:10:43
124
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人