- 博客(39)
- 收藏
- 关注
RSS订阅原创 微信小程序(一) —— 常见组件
只需要调整app.json -> pages数组中页面路径的前后顺序，即可修改项目的首页，向程序会把排在第一位的页面，当做项目首页进行渲染。小程序中的每一个页面，可以使用.json文件来对本页面窗口外观进行配置，页面中的配置项会覆盖app.json的window中相同的配置项。只需要在app.json -> pages中新增页面的存放路径，小程序开发者即可帮助我们自动创建对应页面。通过open-type属性可以调用微信提供的各种功能（客服、转发、获取用户授权、获取用户信息等）页面的.json配置文件。
2023-12-13 10:16:54
1109
1
原创 React(六) —— redux
Redux 是一个使用叫做“action”的事件来管理和更新应用状态的模式和工具库。它以集中式Store（centralized store）的方式对整个应用中使用的状态进行集中管理，其规则确保状态只能以可预测的方式更新。
2023-04-02 22:00:00
1271
27
原创 React(五) —— 路由的使用
📍路由是根据不同的 url 地址显示不同的内容或页面📍一个针对React而设计的路由解决方案，可以友好的帮助解决React components到URL之间的同步映射关系。
2023-03-19 18:40:36
1551
24
原创 React(四) ——hooks的使用
当我们想在两个函数之间共享逻辑时，我们会把它提取到第三个函数中只抽出逻辑，不改变渲染页面注意：必须以use开头，不遵循的话，由于无法判断某个函数是否包含对其内部Hook的调用，React将无法自动检查你的Hook是否违反了Hook的规则🎉🎉🎉如有错误，请评论指出，thankyou~🎀🎀🎀。
2023-03-12 21:50:52
1930
35
原创 React(三) ——新、旧生命周期
shouldComponentUpdate(nextProps,nextState)两个参数，第一个为新的属性，第二个为新的状态
2023-02-26 09:06:36
1398
41
原创 React(二) —— 组件间的通信方式
React中的状态提升概括来说，就是将多个组件需要共享的状态提升到它们最近的父组件上，在父组件上改变这个状态然后通过props分发给子组件。：以上方法实现了 可以通过被插槽的内容来直接操作父组件，以此给子组件传递数据（被插入的内容连同数据一起插入子组件中）兄弟组件AB，子组件A将值传给B组件，在子组件A中发布，在子组件B中订阅,，此方法适合任意关系的通信。🛫🛫🛫父组件中清除子组件的值：在子组件中定义修改state函数，父组件中调用此函数来实现。父组件的子组件标签中写入要插入到子组件的html标签。
2023-02-17 16:51:20
1967
44
原创 React（一) —— 组件的创建与state
state = {() => {this.state是纯js对象，在vue中，data属性利用Object.defineProperty处理过的，更改data的数据的时候回出发数据的getter和setter,但是React中没有这样的处理，如果直接更改，react无法得知，所以需要使用setState间接修改。
2023-02-02 21:27:03
1563
29
原创 【new操作符做了什么 —— js】
从上述中我们可以发现 此时构造函数的this为整个window,而window对象下并没有name,所以报出undefined(函数Foo（）并没有执行return)Number类型、String类型、Boolean类型、Null类型、Undefined类型、Biglnt类型；可以看出：如果构造函数返回引用类型，则new操作符 无效。从上图中返回了一个对象，可以看出 Foo()为一个对象。可以看出：如果构造函数返回基本类型，则忽略返回值。
2023-01-22 14:04:18
877
3
原创 【深入理解 —— js闭包】
🎀 什么是闭包？概念：一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域简单理解：闭包 = 内层函数 + 引用的外层函数的变量
2022-12-10 17:14:38
2591
49
原创 this关键字指向及call和apply
通过call()可以使用另一个对象方法，即改变this>> ✨1. 将this关键字改为call方法的第一个参数> ✨2. 获取call方法第二个及以后的参数> ✨3. 执行要操作的函数，并把第二个及以后的参数传递给函数
2022-09-24 12:35:44
486
11
原创 js截取,拼接,字符串方法
🎀substr(start,length),第一个为开始截取的位置，第二个参数为截取的长度🎀若start为负数，则从右边开始截取，-1代表右边第一个位置，-2为第二个位置，依次类推🎀 若length为负数，返回 ' '
2022-09-14 23:26:45
1398
10
原创 vuex与map映射
📢1. store在vc和vm中均有📢2. 组件中读取vuex中的数据:$store.state.sum📢3. 组件中修改vuex中的数据:$store.dispatch(‘action中的方法名’,数据)或 $store.commit(‘mu> 相当于一个公共的资源库，保存共有的数据>> 使用场景：点击按钮后，将数据保存到store身上，跳转路由后使用>> 将actions,mutations(操作数据),state(储存数据),都交给store管理,storez在vc和vm上都有
2022-09-11 08:30:09
670
17
原创 Vue初学-----模板语法，数据绑定，Object.defineProperty（）事件等基础1
📢1. 定义新属性或修改原有属性📢2. Object.defineProperty(obj,props,descriptor)📢3. 返回值是 传入函数的对象
2022-09-08 22:57:39
659
8
原创 history.go()和history.back()，history.go()不刷新
history.back()不管括号内传入什么参数，都只会返回上一次刷新的页面，而不能进行多次跳转。对于pageshow事件，如果页面是从bfcache（往返内存）中加载的，则这个属性的值为true；在重新加载的页面中，pageshow会在load事件触发后触发；back()加载history列表中前一个url，原页面表单内容保存，即后退。persisted是pageshow事件的event对象包含的布尔值属性。go()加载history列表中的某个具体页面，即后退或前进+刷新。...
2022-07-18 21:10:38
1415
3
原创 移动端设置小于12px字体，script标签
移动端设置小于12px字体script标签script标签的位置放在head中放在body尾部defer和async的作用----**解决脚本阻塞问题**deferasync
2022-07-10 19:18:26
717
原创 js内联外联样式的获取，父页面获取iframe框架元素返回null
父页面获取iframe框架元素返回null原因：iframe加载需要时间，为加载完成就在js中直接获取对象，则会返回null
2022-07-03 20:55:51
622
1
原创 axios基本使用,express中间件
文章目录axios基本使用axios常用属性axios请求Get请求Post请求express中间件内置中间件应用级中间件(用于权限判断)路由级中间件 （少见）错误形中间件第三方中间件axios基本使用axios常用属性url：用于请求的服务器urlurl:'/url'method: 创建时使用的方法//默认为getmethod:'get'transformRequest: 允许在请求数据发送到服务器之前对其进行更改transformRequest:[function
2022-05-08 12:55:58
597
原创 node连接mongodb,ejs,cookie基础使用
nodejs连接mongodb无验证权限//引入mongodb下的mongdbClient es6const {MongoClient} = require('mongodb')//或 const MongoClient = require('mongodb').MongoClient//定义要连接的地址（可以在cmd启动服务成功时查看）const url = 'mongodb://127.0.0.1:27017'//定义要连接的数据库const dbName = 'shop'//实例化
2022-05-01 09:27:08
272
原创 async await异步,ejs基础使用,三目运算符
async和await:async申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成async:async function name([param[, param[, ... param]]]) { statements }-------async function testAsync() { return "hello async";} const result = testAsync();console.log(result);---
2022-04-24 12:44:51
514
原创 apidoc基本
apidoc基本使用：先下载模块，后期通过命令基于注释生成文档（仅一次）npm install apidoc -g在项目根目录创建apidoc.json文件（仅一次）{ "name":"example", "version":"0.1.0", "description":"apidoc basic example", "title":"Custom apidoc browser title", "url":"http://api.github.com/v1" }
2022-04-24 12:43:30
400
原创 mongodb基本操作，增删改查,查询，索引，权限机制
数据库：数据库----集合----数据show databases----查看数据库use 数据库名通过use选中数据库，dbdropDatabase（）删除数据库注：数据库为隐式创建，在mongo中未存在的数据库不会报错，后期添加集合时会自动创建数据库集合：集合的添加也为隐式添加db.createCollection(‘集合名’)----创建集合（不常用，一般隐式创建）给集合添加数据 每条数据生成的同时会有唯一的id自动生成，也可以手动创建iddb.集合名.insert(JSO
2022-04-17 08:12:24
413
1
原创 echarts配置项，边框图片,js截取字符串
echarts配置:(1)基本步骤下载scharts并引入在html里准备一个容器初始化echarts实例对象指定配置项和数据(option)将配置项设置给实例对象(2)相关配置title:标题组件tooltip:提示框组件legend：图例组件toolbox:工具栏grid:直角坐标系内绘制网格xAxis:直角坐标系grid中的x轴yAxis:直角坐标系grid中的y轴series：系列列表。每个系列通过type决定自己的图表类型（什么类型的图标）color:调色盘颜
2022-04-09 20:10:05
1166
1
原创 js点点正则表达式，随机数
正则表达式：由一个字符序列形成的搜索模式，能够实现纵向和横向的两种模糊匹配模式语法：/正则表达式主体/修饰符（可选）横向模糊：一个正则可匹配的字符串长度是不确定的，使用量词，如{m,n},最少m次,最多n次var regex = /ab{2,5}c/gvar string = "abbc,abbbc,abbbbc,abbbbbc"console.log(string.match(regex))//abbc,abbbc,abbbbc,abbbbbc上述表示的即为第一个字符为 ‘a’,第二个字
2022-04-03 09:12:24
708
原创 webpack打包
初始化环境 npm init -y安装webpack npm install webpack webpack-cli创建src目录和配置文件webpack.config.js进行webpack配置mode,entry,output,plugins等打开网页需要配置npm install html-webpack-plugin —用于解析html之后安装npm install webpack-dev-serve—用于启动服务引入html-webpack-plugin插件，写入插件即内容配置d.
2022-03-27 21:14:26
1244
原创 ajax请求
ajax原理：客户端发送请求，请求交给xhr，xhr把请求提交给服务，服务器进行业务处理，服务器响应数据交给xhr对象，xhr对象接收数据，由javascript把数据写到页面上建立XMLHttpRequest对象var xmlHttp = new XMLHttpRequest();设置回调函数;xmlHttp.onreadystatechange =callback1; //{ // if (xmlHttp.readyState == 4) //
2022-03-20 00:11:58
123
原创 webpack基本配置,asset资源
webpack.config.js moudle.exports:entry 是指入口文件的配置项，它是一个数组的原因是webpack允许多个入口点。output是指输出文件的配置项path － 表示输出文件的路径filename - 表示输出文件的文件名output: { path: __dirname + "/public", filename: "bundle.js" }plugin插件:为一个数组，先通过npm安装，然后在webpack.config.js的m
2022-03-13 08:11:47
673
原创 node.js中Express框架路由，中间件
框架：安装express：npm install express --saveconst express =require('express')const app=express()app.use('/',function(res,req,next){ console.log('hh'); //中间件有一个next()函数，如果不调用next函数，请求就在这个中间件中终止了 next()})app.get('url地址'，function(req,res){ //用
2022-03-06 09:28:08
231
原创 jq样式、元素操作，效果，筛选方法与转换，事件对象
1.jq与DOM对象转换：DOM转换为jq对象: $(‘DOM对象’)jq转换为DOM对象：（1）$(‘div’)[index]（2）$(‘div’).get[index]------index索引号2.jq样式操作：设置类样式:操作类里面的参数不需要加点添加类：$(“div”).addClass(“current”);移除类：$(“div”).removeClass(“current”);切换类：$(“div”).toggleClass(“current”);3.jq元素操作：
2022-02-13 10:53:20
461
原创 js节点、属性操作，计时器，location、history对象，常见键盘事件
1.节点操作：利用父子兄关系获得元素，网页中所有元素都是节点（标签，属性，文本，注释等），节点用node表示。父节点：node.partentnode----得到最近的父节点子节点：ul.children----获得了ul中所有的子元素节点第一个节点:ul.firstchildren最后一个节点：ul.lastchildrenchildren得到的是一个数组—即ul.children[0]得到了第一个子元素兄弟节点：上一个节点 node.nextElementSibling下一个节点
2022-01-23 11:21:42
391
原创 JS输出、获取元素，变量，事件组成，流程控制，对象，函数
1.JS输出、获取元素：输出数据：输入框：prompt（）------取过来的值为字符型；弹出警告框：alert();将内容写到 HTML 文档中: document.write()方法 ；写入到浏览器的控制台： console.log() ；将内容写入html中： innerHTML、innerText;innerText与innerHTML两个属性的区别：同：都是可读写的，可以获取元素里面的内容；异：innerText不能识别Html标签 会去除空格和换行；
2022-01-15 22:04:51
954
原创 html、css学习总结
加入小组已经1个月了，我所选择的是前端方向，我认为一个月的时间或多或少也有些许收获。我们前段时间学习了html和css。说实话，刚刚开始的时候我真的不太明白这是干什么的，只是觉得一堆英文拼在一起然后出来效果好神奇呀，慢慢接触发现，前端的东西确实好多：flex布局、轮播、按钮、媒体查询等等等，一种效果的实现也可能会有好几种方法，我们需要慢慢从中找到较适合的方法。期间我们也做了项目，仿制名校官网。官网和普通的学习还有些不同，它有许多东西混杂在了一起，难度也比单独的一个一个效果的实现要难些。刚刚看到自己所要仿
2021-12-12 09:23:59
128
原创 图片轮播的实现
1.图片轮播（使用动画，根据图片不同时间的移动值来实现，图片排放在一个容器中，图片大小要与容器大小一致）#photo>img{ float:left; width:330px; height:470px; } #photo{ width:1650px; animation:switch 7s ease-out infinite; } <div id="container"> <div id
2021-12-05 08:53:50
2319
原创 模仿制作武大图书馆网页时遇到的问题
外边距合并块元素塌陷问题：嵌套块元素之间塌陷（父元素有上外边距的同时子元素也有上外边距）1.父元素设置边框border2.给父元素添加：overflow:hidden;3.给父元素添加内边距padding相邻块元素之间的塌陷（垂直排列的两个元素，若第一个设置下外边距，第二个设置了上外边距，误以为两者距离为之和，实际为较大的值）可以直接设一个元素的上外边距或者下外边距锚点链接：跳转到相应内容<a href="#指定内容">查看章节4</a><a i
2021-11-28 00:24:35
116
原创 Bootstrap4----网络系统、图像形状、轮播、滚动监听、多媒体对象、下拉菜单导航及按钮
Bootstrap4网络系统：屏幕最多分为12列创建一行(<div class=“row”)。然后， 添加需要的列( .col-- 类中设置)。 第一个星号 () 表示响应的设备: sm, md, lg 或 xl, 第二个星号 () 表示一个数字, 同一行的数字相加为 12不在每个 col 上添加数字，让 bootstrap 自动处理布局，同一行的每个列宽度相等： 两个 “col” ，每个就为 50% 的宽度。三个 "col"每个就为 33.33% 的宽度，四个 "col"每个就为 25%
2021-11-20 21:45:52
1325
1
原创 CSS3内容 部分知识总结
CSS3控制网页的样式和布局1.css3边框border-radius（圆角）:div{ border:2px solid #a1a1a1; padding:10px 40px; background:#dddddd; width:300px; border-radius:25px;}盒阴影：（第一个是数值是水平阴影，第二个数值是垂直阴影，第三个数值是阴影距离）div{ width:300px; height:100px; background-color:ye
2021-11-14 10:14:35
340
原创 CSS部分内容知识总结
CSS:一个简单的文档改变所有页面的布局和外观1.css简单语法主要规则：以选择器和一个或多个声明组成每条声明由一个属性和一个值组成（每个属性有值。属性和值被冒号分开）CSS声明总是以分号(;)结束，声明总以大括号({})括起来CSS注释以 /* 开始, 以 */ 结束2.css选择器（1）id选择器：以"#"来定义#para1{ text-align:center; color:red;} <p id="para1">Hello World!</p&g
2021-11-07 09:05:13
338
3
原创 HTML内容部分知识点
1.Html简介:描述网页（1）结构:〈html 〉〈head 〉〈meta〉〈title 〉〈body 〉（2）基础:标题段落链接上下标（文本格式化）颜色（3）表格制作 :〈table〉框（border ,cellpadding,cellspacing）〈tr〉行〈td〉 单元格 〈th〉加粗，居中（4）无序列表:〈ul〉（只能放〈li〉）〈li〉（可容纳所有元素）有序列表:〈ol〉〈li〉自定义列表:〈dl〉标签（只能放〈dt〉〈dd〉）〈
2021-10-30 12:35:54
193
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人