- 博客(60)
- 收藏
- 关注
RSS订阅原创 【微信小程序】分包
分包指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。独立分包本质上也是分包，只不过它比较特殊，可以独立于主包和其他分包而单独运行。
2023-11-20 09:48:38
137
原创 【微信小程序】使用npm包
由于目前新版开发者工具创建的小程序目录文件结构问题，npm构建的文件目录为miniprogram_npm，并且开发工具会默认在当前目录下创建miniprogram_npm的文件名，所以新版本的miniprogramNpmDistDir配置为’./'即可。默认情况下，小程序官方提供的异步API都是基于回调函数实现的，例如，网络请求的API需要按照如下的方。，指的是通过额外的配置，将官方提供的、基于回调函数的异步API,升级改造为基于。的异步API,从而提高代码的可读性、维护性，避免回调地狱的问题。
2023-11-16 22:02:00
550
原创 【微信小程序】自定义组件（二）
纯数据字段1、什么是纯数据字段2、使用规则组件的生命周期1、组件全部的生命周期函数2、组件主要的生命周期函数3、lifetimes节点组件所在页面的生命周期1、什么是组件所在页面的生命周期2、 pageLifetimes节点3、生成随机的颜色值插槽1、什么是插槽2、单个插槽3、定义多个插槽父子组件之间的通信1、父子组件之间的通信的3种方式2、事件绑定概念:纯数据字段指的是那些不用于界面渲染的data字段。8。
2023-11-04 11:28:59
1081
原创 【微信小程序】自定义组件（一）
组件的创建与引用1、创建组件2、引用组件3、全局引用VS局部引用4、组件和页面的区别样式1、组件样式隔离2、组件样式隔离的注意点3、stylelsolation的可选值数据、方法和属性1、data数据2、methods方法4、data和properties区别5、使用setData修改properties的值数据监听器1、什么是数据监听器2、监听对象属性的变化数据监听器用于监听和响应任何属性和数据字段的变化，从而执行特定的操作。他的作用类似于vue中的watch侦听器。
2023-11-04 10:54:38
874
1
原创 【微信小程序】初始微信小程序
微信小程序，简称小程序，英文名 Mini Program，是一种不需要下载安装即可使用的应用张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小,下载速度很快,用户感觉不到下载的过程微信有海量⽤⼾，⽽且粘性很⾼，在微信⾥开发产品更容易触达⽤⼾；推⼴app 或公众号的成本太⾼。开发适配成本低。容易⼩规模试错，然后快速迭代。
2023-10-08 09:15:52
63
原创 【JS篇】JS基础要件
事件是您在编程时系统内发生的动作或者发生的事情——系统会在事件出现时产生或触发某种信号，并且会提供一个自动加载某种动作在 Web 中，事件在浏览器窗口中被触发并且通常被绑定到窗口内部的特定部分 — 可能是一个元素、一系列元素、被加载到这个窗口的 HTML 代码或者是整个浏览器窗口🎞️事件处理器属性🎞️内联事件处理器——请勿使用🎞️addEventListener() 和 removeEventListener()
2023-04-01 17:13:06
517
19
原创 【React全家桶】React-Redux
👉👉👉React-Redux是Redux的官方React绑定库。它能够使你的React组件从Reduxstore中读取数据，并且向store分发actions以更新数据。redux是一个专门用于做状态管理的JS库(不是react插件库)。可以用在react, angular, vue等项目中, 但基本与react配合使用。作用: 可以帮助开发者做集中式状态管理，集中式管理react应用中多个组件共享的状态。
2023-03-18 17:51:56
1232
20
原创 【React全家桶】Flux与Redux
单一数据源整个应用的state被储存在一棵object tree中，并且这个object tree只存在于唯一 一个store中State是只读的唯一改变state的方法就是触发action，action是一个用于描述已发生事件的普通对象.使用纯函数来执行修改描述action如何改变staet tree,需要编写reducers.
2023-03-12 20:08:36
1625
29
原创 【React全家桶】React生命周期
这个方法在render之后，componentDidUpdate之前调用，有两个参数prevProps和prevState，表示之前的属性和之前的state，这个函数有一个返回值，会作为第三个参数传给componentDidUpdate，如果你不想要返回值，可以返回null，此生命周期必须与componentDidUpdate搭配使用。所有子组件挂载完成，才标记着父组件挂载完成，父组件更新，子组件更新，子组件更新，子组件不更新。
2023-03-03 21:12:35
1339
13
原创 【React全家桶】React Hooks
在react类组件（class）写法中，有setState和生命周期对状态进行管理，但是在函数组件中不存在，因此引入hooksReact的组件创建方式，一种是类组件，一种是纯函数组件，并且React团队希望，组件不要变成复杂的容器，最好只是数据流的管道。开发者根据需要，组合管道即可。也就是说组件的最佳写法应该是函数，而不是类。使用hooks理由高阶组件为了复用，导致代码层级复杂生命周期的复杂写成functional组件,无状态组件 ，因为需要状态，又改成了class,成本高。
2023-02-26 08:55:46
964
26
原创 【Vue源码解析】Vue虚拟dom和diff算法
关系diff是发生在虚拟DOM上的新虚拟DOM和旧虚拟DOM进行diff(精细化比较)，算出应该如何最小量更新，最后反映到真正的DOM上diff算法diff算法是虚拟DOM技术的产物，vue里面实际叫做patch，它的核心实现来自于snabbdom；通过新旧虚拟DOM作对比（即patch），将变化的地方转换为DOM操作。
2023-02-22 11:18:24
1385
23
原创 【React全家桶】react组件通信
（1）父传子name作为props由父组件传递给子组件，子组件拿到name后，渲染在页面上。参数有父组件传递给子组件（2）子传父回调函数事件冒泡在子组件内部，修改了父组件中的值，从而完成了子组件向父组件通信2. 非父子组件通信方式👉状态提升React中的状态提升概括来说,就是将多个组件需要共享的状态提升到它们最近的父组件上.在父组件上改变这个状态然后通过props👉发布订阅模式实现👉context状态树传参注意：GlobalContext.Consumer内必须是回调函数，通过contex
2023-02-17 21:51:48
1295
29
原创 【react全家桶】react路由
单页Web应用（single page web application，SPA）。整个应用只有一个完整的页面。击页面中的链接不会刷新页面，只会做页面的局部更新。数据都需要通过ajax请求获取,并在前端异步展现，且是单页面、多组件一个路由就是一个映射关系(key:value)key为路径, value可能是function或component路由分类后端路由：(1) value是function, 用来处理客户端提交的请求。
2023-02-04 00:00:00
996
4
原创 【React全家桶】react简介（一）
创建项目creat-react-app1.1 React特点1.2 引入文件1.3 JSX1.3.1 为什么要用JSX1.3.2 JSX语法规则1.4 虚拟DOM1.5 模块与组件1.5.1 模块React面向组件编程2.1 创建组件2.1.1 函数式组件2.1.2 类式组件2.2 组件实例的三大属性2.2.1 state属性2.2.2 props属性2.2.3 refs属性2.3 受控组件和非受控组件2.3.1 非受控组件用于构建用户界面的JavaScript库（只关注页面），将数据渲染为HTML视图；
2023-01-21 23:00:00
4690
原创 【Vue源码解析】mustache模板引擎
模板引擎是将数据变为视图最优雅的解决方案以前出现过的其它数据变视图的方法纯 DOM 法数组 join 法在 js 里单双引号内的内容是不能换行的，为了提高 dom 结构可读性，利用了数组的 join 方法（将数组变为字符串），注意 join 的参数 ‘’ 不可以省略，否则得到的 str 字符串会是以逗号间隔的es6 的模板字符串（``）刚开始用模板引擎时可以引用 如下：
2022-12-10 10:36:20
1324
27
原创 【Vue3】vue3——setup，ref函数，reactive函数
1.setup组件中所用到的：数据、方法等等，均要配置在setup中setup函数的两种返回值：若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。（重点注意）若返回一个渲染函数：则可以自定义渲染内容。注意：vue2可以读取vue3里面的数据
2022-11-29 17:20:22
237
原创 【vue】路由守卫
next：函数体 必须要next()才会让路由正常地跳转和切换，next(false)在原地停留，next(“强制修改到另一个路由路径上”）全局路由在真正跳转之前，会执行一次beforeEach函数，next调用则跳转，也可以强制修改要跳转的路由。注意：一定要调用next，如果不调用next，那么页面不会跳转的。用户未登录就不能去某个页面，登录之后可以去到一些页面。路由守卫可以给开路由添加权限判断，例如。就是在 routes 子路由内写守卫。from：从哪里跳转的路由 来源。to：要跳转到的路由目标。
2022-10-15 16:02:52
484
2
原创 vue2路由的详解
1. 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。> 2. 前端路由：key是路径，value是组件。
2022-10-03 23:23:13
707
43
原创 Vue（六）——vuex
在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理，也是一种组件间通信的方式，且适用于任意组件间通信。
2022-09-24 18:20:46
23576
41
原创 Vue封装的过度与动画，脚手架配置代理， slot插槽
2.8 Vue封装的过度与动画2.9 vue脚手架配置代理2.10 slot插槽
2022-09-19 21:03:08
23622
44
原创 Vue(四）——全局事件总线， 消息订阅与发布 ，nextTick
💻博主主页： 👉🏻 👉🏻 👉🏻🌞🌞🌞上一篇：👍👍👍 希望各位博主多多支持！！！🌹 🌹 🌹。
2022-09-13 23:44:57
23343
56
原创 Vue(三)——脚手架，自定义事件，插槽
第一步(没有安装过的执行)：全局安装 @vue/cli第二步：切换到要创建项目的目录，然后使用命令创建项目第三步：启动项目安装之后，会出现如下的结构：导入自己写的：导入第三方的通过 module 确定需要引入的文件，回到 render 函数，以前的写法是：报错的意思是，是在使用运行版本的 vue ，没有模板解析器。引入的 vue一般都不是完整版的，所以残缺的vue.js 只有通过 render 函数才能把项目给跑起来。来解析一下render因为 render 函数内并没有用到 this，所以可以简
2022-09-10 18:05:02
23044
51
原创 Vue(三）——过滤器，内置指令，自定义指令，组件
1.16. 过滤器1.16.1. 局部过滤器1.16.2. 全局过滤器1.17. 内置指令1.17.1. v-text指令1.17.2. v-html指令：(使用的很少)1.17.3. v-cloak指令（没有值）1.17.4. v-once指令1.17.5. v-pre指令1.18. 自定义指令1.19. 非单文件组件**注意点：**🔮内置关系定义一个v-big指令，和v-text功能类似，但会把绑定的数值放大10倍。
2022-09-06 23:08:37
750
39
原创 vue基础知识和原理（二）
2.所有不被Vue所管理的函数（定时器的回调函数、ajax的回调函数等、Promise的回调函数），最好写成箭头函数，这样this的指向才是vm 或 组件实例对象。1.所被Vue管理的函数，最好写成普通函数，这样this的指向才是vm 或 组件实例对象。(1) 若：，则v-model收集的是value值，用户输入的就是value值。(2) 若：，则v-model收集的是value值，且要给标签配置value值。(1).Vue自身可以监测对象内部值的改变，但Vue提供的watch默认不可以。......
2022-08-14 15:29:37
23709
原创 vue基础知识和原理（一）
让Vue工作，就须创建一个Vue实例，且要传入一个配置对象demo容器里的代码符合html规范，只不过混入了一些特殊的Vue语法demo容器里的代码被称为【Vue模板】Vue实例和容器是一一对应的真实开发中只有一个Vue实例，并且会配合着组件一起使用{{xxx}}是Vue的语法：插值表达式，{{xxx}}可以读取到data中的所有属性一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新(Vue实现的响应式)...
2022-08-07 17:01:28
22734
2
原创 简易博客系统
项目地址：简易博客系统整个项目在Visual Studio Code中完成，先要在该软件的终端启动服务器，其次要打开Windows上的cmd启动mongodb数据库，连接成功后，打开浏览器输入启动端口http://127.0.0.1:3007，进入首页，会展示所有用户发布的文章点击上图的注册，即可进入页面用户输入邮箱，同时邮箱格式要正确，然后输入密码并且确认密码，两次密码要一致，否则会出现提示最后点击注册，会弹出提示框显示注册成功，注册成功之后将邮箱、密码、默认头像、默认昵称，ID等传入数据库，并且用户I
2022-07-03 14:15:00
524
1
原创 iframe框架，，原生js路由
该标签规定一个内联框架。被用来在当前 HTML 文档中嵌入另一个文档。可以把需要的文本放置在 和 之间3.(1) 获得iframe的window对象(2) 获得iframe的document对象(3) iframe中获得父页面的window对象(4) 获得iframe在父页面中的html标签(5) iframe的onload事件二、原生js路由🎗 展示层面也就是切换 # 后面的内容，呈现给用户不同的页面特性：可以通过 hashchange 事件，监听到 hash 值的变化，从而响应不同路径的.
2022-06-19 21:09:03
876
1
原创 Mongoose
一、Mongoose安装及使用1.安装2.定义schema3.增删改查二、预定义模式修饰符 Getters 与 Setters自定义修饰符1.预定义模式修饰符2.自定义修饰符三、索引,内置方法，1.索引2.内置CURD3.静态方法和实例方法四、数据校验1.内置数据校验2.自定义验证器五、aggregate聚合管道关联查询六、populate实现关联查询一、Mongoose安装及使用https://mongoosejs.com/1.安装npm i mongoose --save2.定义schem.
2022-05-15 21:55:09
1107
原创 模板引擎（art-template）详解
art-template🧨1. 介绍1.1.特性1.2. 模板1.3.渲染模板1.4.核心方法🧨2.安装2.1.npm2.2.在浏览器中实时编译🧨3. 语法3.1.输出3.2.原文输出3.3.条件3.4.循环3.5.变量3.6.模板继承3.7.子模板3.8.过滤器4.调试5.模板变量6. 解析规则7.压缩页面8.API8.1.template(filename, content)8.2. .compile(source, options)8.3. .render(source, data, option
2022-05-08 16:54:42
25653
1
原创 Node(二)——中间件，Cookie，multer
接上篇Node复习（二）五、express中间件（1）应用级中间件（2）内置中间件（3）第三方中间件（4）路由级中间件（5）错误中间件六、Cookie（1）概念（2）使用七、express session的基本使用(1)简单介绍（2）session的工作流程（3）express-session的使用（4）负载均衡配置session，把session信息保存到数据库里面（5）把session信息保存在redis里面八、multer上传图片（1）模块介绍（2）使用（3）express上传文件模块multe.
2022-05-01 10:28:57
796
原创 Nodejs——fs模块，asnyc await使用，ejs模板引擎
nodejs复习一、fs模块的使用(1)fs.stat 检测是文件还是目录(2) fs.mkdir 创建目录(3) fs.writeFile 创建写入文件(4)fs.appendFile 追加文件(5)fs.readFile 读取文件(6)fs.readdir 读取目录(7)fs.rename 重命名(8)fs.rmdir 删除目录(9) fs.unlink 删除文件二、asnyc await 的使用(1)模板字符串(2)箭头函数(3)对象，属性的简写(4)promiseasny
2022-04-24 19:30:46
1806
原创 MongoDB(二)——备份还原，mongoose，接口，apidoc文档
MongoDB（二） 七、备份还原八、mongoose九、接口十、apidoc文档接上篇七、备份还原备份数据库mongodump导出语法：mongodump -h -port -u -p -d -o-h host 服务器IP地址（一般不写 默认本机-port 端口（一般不写 默认27017-u user 账号-p pwd 密码-d database
2022-04-24 00:49:04
24652
2
原创 MongoDB(一)——增删改查，排序分页，索引，权限机制
MongoDB 增删改查排序&分页优化索引权限机制增删改查排序&分页优化索引权限机制
2022-04-17 09:20:44
679
2
原创 Robo 3T（Studio 3T）最新版安装教程
在官方地址下载https://robomongo.org/download- 打开链接之后，点击图示的位置- 点击图示所在位置会下载压缩包- 进行解压- 注册成功之后显示如下页面完成之后返回该软件，需输入真实邮箱，创建密码，然后next，需创建 First name , Last name同时也要输入电话号码显示如下页面连接Mongo DB- 选中一个数据库，点击右键，点击 Add Collections- 输入集合名，点击create 创建
2022-04-16 20:43:07
7649
原创 ES6重点——关键字，箭头函数，函数参数，迭代器
ES6let关键字变量提升const关键字变量和对象的解构赋值模板字符串箭头函数argumentsfilter函数参数的默认值rest参数Rest参数和arguments对象的区别迭代器let关键字不能同时声明同一变量，不可以重复声明属于块级作用域（局部变量）不存在变量提升必须先声明该变量后面才能使用变量提升在变量创建之前使用，var存在不影响作用域链作用域链：就是代码块内有代码块，上级代码块中 的局部变量下级可用{ let p = "大哥"; function fn()
2022-04-09 18:19:33
3415
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人