自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 小程序0基础到精通二

在组件完全初始化完毕、进入页面节点树后, attached 生命周期函数会被触发,此时, this.data 已被初始化完毕这个生命周期很有用,绝大多数初始化的工作可以在这个时机进行(例如发请求获取初始数据)在组件离开页面节点树后, detached 生命周期函数会被触发,退出一个页面时,会触发页面内每个自定义组件的 detached 生命周期函数此时适合做一些清理性质的工作。onUnload卸载子主题 9。3.methods方法。1.小程序的生命周期。onLaunch启动。onShow前台显示。

2023-02-28 20:50:44 152

原创 小程序0基础到精通一(语法部分)

代码特别说明:遍历需要指定wx:key="index"(key值)index 遍历元素的下标 item代表变量的元素。5.1义templates文件夹 在创建文件userCard.wxml。4.1定义templates文件夹 在创建文件footer.wxml。效果同上 当isLog的值为false时 显示 还在拉萨的路上。3.2 wx:for="{{list}}"(遍历list数组)根据不同的score的值更改显示的文字 多重条件渲染。6.import导入 传值。5.import导入。

2023-02-24 20:04:50 151

原创 React引入图表(TypeScript)

【代码】React引入图表(TypeScript)

2023-02-23 19:33:32 216

原创 React-useRef,自定义Hook,路由

Hook是React16.8的新增特性,它可以让你不用学class的情况下使用state以及其他的React特性首先初始化定义size值含有w和h;挂载完毕获取窗口的宽高和监听窗口的事件resize 卸载时候移除监听目标:30倒计时到0 函数 useCounter 有个参数second 返回一个 counter 组件挂载 开始倒计时组件卸载 停止倒计时有个html节点,页面的滚动距离超过了100 就显示,小于100就隐藏节点单击回到顶部。

2023-02-14 23:17:07 425

原创 React加强认知

button onClick={()=>{props.setNum(100)}} >修改父组件的值为100{/* 使用Modal弹框 传入属性 onclose 关闭弹框方法 visible控制弹框是否显示 */}{/* 组件大写 组件可以被重复调用 首字母必须大写 */}{/* 子传父 通过props的回调函数实现 */}{/* 单击按钮设置visible 为true */}{/* 父传子 props */}{/*把函数当作props传递给组件 */}掉头发

2023-02-13 22:56:35 91

原创 React小案例todoList

React小案例todoList

2023-02-11 16:00:27 58

原创 React初识

create-react-app ---template typescript (Ts项目)JavaScript 和 xml,js和html模板混合的一种语法。npm i create-react-app -g 全局安装。和原生事件一致,需要将onclick 改为 onClick。create-react-app 项目名称。6.VScode建议安装一个插件。2.6一个数组有且只有一个根节点。2.实例:传参需要使用函数 传参。2.2注释{/* *\}2.1js表达式 { }2.4样式对象会自动展开。

2023-02-11 09:34:06 72

原创 Webpack(入门级知识点)

前端通过代理处理跨域问题,只适用开发环境。所以在项目源代码中,我们需要自行根据开发环境以及接口是否需要代理,来判断该接口请求的服务器地址是否需要换成devServer的地址。处理应用程序时,会递归构建一个依赖关系图,其中包括应用程序需要的每个模块,将所有的模块打包成一个或者多个bundle。'index.html' 默认情况下生成的 html 文件叫 index.html,但有时候你不想叫这个名字,可以改。简单来说 webpack是一个打包工具,把复杂的各种文件通过自身,打包输出成为CSS,JS,图片。

2023-02-09 20:28:16 371

原创 Typescript(前端未来的语言)

添加了类型系统的JavaScript,适用于任何规模的项目。

2023-02-07 23:25:04 562

原创 Pinia大菠萝 全局状态管理

/导出一个定义状态的方法//定义state//定义actions//导出})

2023-02-03 11:26:05 1342

原创 Pinia知识点(vue3版本)

为什么要使用 Pinia?Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。Pinia的好处:1.dev-tools支持2.热模块更换3.插件4.为 JS 用户提供适当的 TypeScript 支持或5服务器端渲染支持与Vuex相比,pinia提供了更简单的API,更少的规范,提供了 Composition-API 风格的 API,最重要的是,在与 TypeScript 一起使用时具有可靠的类型推断支持。mutations不再存在。他们经常被认为是非常冗长。

2023-02-02 19:42:19 1384 1

原创 导航守卫知识点

keep-alive包裹的组件没有声明周期beforeDestory和destoryed声明周期。可以通过$route.query.redirect 获取当前路由的查询参数redirect的值。beforeRouteEnter里面没有this(页面都没有进入没有this)跳转到登录,查询参数redirect值是/cart (redirect是自己随便命名的)类似 拼多多砍价时,当点击退出时,弹出新的页面提醒信息,需要再次点击才能真正的退出。定义:被keep-alive包裹的组件会被缓存起来(不会销毁)

2022-12-30 00:19:26 799

原创 Vuex知识点(持续更新)

vue全局状态管理器(全局资源包)在任意组件/页面都可以访问vuex的数据当数据更新的时候。引用vuex的组件视图会自动更新state:{

2022-12-28 23:36:50 583

原创 nodejs知识点总结(持续更新)

package.json一般存在于项目的根目录当中,里面可以配置:项目名称(name),版本号(version),项目描述(description),启动项目的核心文件(main),配置好的npm语句指令(scripts),项目的作者(author),项目配置的依赖包(dependencies);如何初始化package.json文件:可以使用电脑自带的命令行工具:win+R 在运行里面输入 cmd 再切换到自己的项目文件的根目录下;

2022-11-30 23:50:03 357

原创 nodejs部分讲解

【代码】nodejs部分讲解。

2022-11-30 23:39:08 480

原创 express和nodemon简单讲解

API就是所说的接口;前端编写的是web网页应用程序接口的解释:前后的数据交互,定义好的规则;规则有规则解释、API就有API的开发文档;也就是接口文档;什么是接口文档:包含了 1. 请求地址2. 请求路径3. 请求的方式4. 请求参数5. 返回的参数说明基于Node.js平台,快速、开放、极简的 Web 开发框架nodemon是一种工具,它可以在检测到目录中的文件更改时通过自动重新启动节点应用程序来帮助开发基于node.js的应用程序。

2022-11-28 22:43:11 820

原创 通过Ajax的get请求将表单数据传送到数据库(全部保姆级讲解)

点击终端 > 新建终端 > 找到文件名 (cd 加文件名)> 输入npm init。npm init 命令初始化项目, 生成package.json文件。npm install 命令用于安装某个模块。在官网直接下载nodejs的最新稳定版。

2022-11-28 22:14:50 1238

原创 Nodejs讲解:

nodejs 可以开发后端代码,可以用JavaScript(不包括dom bom 存储)处理逻辑,连接数据库等操作wimdow+r 输入 cmd 输入node 验证nodejs安装成功。

2022-11-24 22:48:17 368

原创 MySQL部分功能代码讲解

1)方法:insert into 表名 (字段1,字段2,字段3,...) values (值1,值2,值3,...)# update 表名 set 更改的字段名1=更改后的值1,更改的字段名2=更改后的值2,... where 条件。select * from 表格名 where 条件1 and(AND) 条件2 and(AND) 条件3 ...显示表里面所有的字段名和数据并且要满足字段的值为条件1和条件2之间(包含条件1和条件2)查找 表格名里面的 字段1,字段2,字段3 并且提取出来。

2022-11-23 20:52:07 253

原创 jQuery讲解

/*$(选择器),要做的事情$(选择器)相当于 获取元素*/

2022-11-17 21:35:50 205

原创 promise封装Ajax案例 淘宝猜你喜欢

【代码】promise封装Ajax案例 淘宝猜你喜欢。

2022-11-16 20:13:30 106

原创 Promise()函数

通过promise的.then();回调出成功的返回值.catch();Promise是一个构造函数;所以说,创建Promise需要,在前面加上new。是异步函数,可以理解为等待函数,可以等待函数里面的代码,执行完,

2022-11-16 20:03:31 360

原创 es6 数组的新增所有的方法,解构,拓展运算符

如果解构的变量名少于数组的值,这种解构方式称为不完全解构。

2022-11-15 20:18:25 237

原创 JS运算符讲解

满足条件后的结果 : 不满足条件后的结果。条件使用逻辑运算符和关系运算符进行比较。关系运算符的结果是一个布尔类型的值。

2022-10-23 22:57:47 572

原创 JS数据类型转换

最开始仅仅为了把含有数值的数据类型里面的数字提取出来,转换成整数使用。如果对于同一个HTML内部的同一个标签使用不同的JS方式,那么行内JS最优先,内嵌JS其次,外联JS最后.4.当数字之间有空格时,只清除数字前面的空白,当连续的数字最后一位不是数字,就不往后寻找,之间删除。6.转换不了布尔类型和null类型,只能转换开头是数字的字符串类型和数值类型。,然后在JS文件中书写代码,最后在需要的HTML中导入JS文件即可。3.当连续的数字最后一位后面不是数字时,就不往后寻找,直接删除。标签内部书写JS代码。

2022-10-23 21:39:49 267

原创 JS新手基础

写一个值,不会在控制台上 出现红色报错 的一些值(数值和字符串)。会变化的量var _name;undefined 是一个数据类型 未被定义的数据类型。

2022-10-19 22:27:52 173

原创 JS基础类型转换

它可以去除数字前面的空格,但是当最后一个连续的数字后面不再是数字他就不往后找了,直接删除掉了。用法:变量名.toFixed() 满足四舍五入,转换后的数据类型是字符串型。是false的值:0,' ',NaN,null,undefined。和parseInt的不同点在于 它可以保留小数点后面的数字。parselnt转换不了布尔类型和null类型。如果数据类型的开头不是数字,就转换不了数字了。他只能转换,开头是数字的字符串类型和数值类型。只能提取前面的数字后面的数字找不到了。

2022-10-08 23:31:17 49

原创 盒子模型-外边距特性

这里是给父元素加float:left;

2022-09-03 14:49:43 114

原创 CSS样式中浮动产生高度塌陷解决方法:清除浮动

【代码】CSS样式中浮动产生高度塌陷解决方法:清除浮动。

2022-09-03 14:11:31 369

原创 前端CSS样式基础

前端css基础(部分)持续更新!!!!!!!!!

2022-09-01 20:30:53 206

原创 HTML基础(续1)

2.src表示引用资源,表示替换当前元素,用在img,script,iframe上,src是页面内容不可缺少的一部分。src是source的缩写,是指向外部资源的位置,指向的内部会嵌入文档中 当前标签所在的位置,在请求src资源时会将其指向的资源下载并应用到当前文档中,例如JS脚本,img图片和iframe等元素。9.合并单元格(td) colspan=" 合并的单元格数量" 水平合并单元格 合并列;输入框input:......

2022-08-30 21:32:51 244

原创 HTML5基础

2.当html文件 与 图片所在的文件夹 在同一个目录,src的值是 先写图片文件夹名称,在写图片名称

2022-08-24 19:22:33 877

原创 Web前端PS部分学习

不同图层键选区运算:在载入当前选区的情况下,按ctrl + shift键,单击另一图层,可实现俩个图层的选区相加;在载入当前选区的情况下,按ctrl + alt + shift键,单击另一图层,可实现俩个图层的选区相交。变换工具:变换:ctrl+T;蒙版与选区:常用的图层蒙版是以一个实在的灰度图像出的,可以使用多种绘图工具对它进行编辑和修改,然后在转换为选取范围应用到图像中,而使用选取工具对选取范围进行修改,灰应用到选区中的像素。图层:背景图层,普通图层,矢量图层,智能对象图层,文字图层,调整图层;

2022-08-23 14:27:52 306

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除