- 博客(24)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue+express创建的node项目进行打包上线
点击宝塔面板左侧文件 进入 www/wwwroot 点击上传按钮 将本地打包后产生的文件夹。点击宝塔面板左侧文件 进入 www/wwwroot 点击上传按钮 将本地node文件夹上传。首先登录阿里云,搜索服务器esc 选择免费试用 选择 centos 选择一台服务器。安装成功弹出宝塔账号和密码,外网地址 保存这三个信息,点击外网地址,进入宝塔面板。开发安全组 协议选择 TCP 端口是外网地址 的ip地址后的端口 以及常用端口 如。在宝塔 点击上传后的文件夹, 点击上面的终端 运行命名 npm i。
2024-05-26 09:45:00
1941
4
原创 自动续期 双token流程
从状态维护说起 http是一个无状态协议 必须靠一些 特定的技术 实现状态的维护 传统web中 session过程 浏览器输入用户名密码 后端 获取参数 校验登录成功存储在内存中 否则 后返回 sessionid 浏览器通过 cookie存储 内存存一个sessionid 用户后续请求 都携带 jssionid 后端去和内存的sessionid 进行比对只要后续 用户发送的任何请求 携带好这个token 后端就认为其是合法请求断开连接的情况 1 用户在浏览器 手动删除了这个 jssionid。
2024-08-24 10:16:43
100
原创 react 案例的实现
先看一下如下效果效果这是一个 简单的 效果 左边是用户名进行登录 右边是一个答题还有遮罩相信大家还有刚刚创建好的 react 脚手架了,没有的话可以运行以下命令把项目名称四个字 改成 自己想要的一个名字 最好是英文的在 App.js中去书写我们的代码。
2024-07-15 12:01:48
482
原创 react
React是用于构建用户界面的JavaScript库, [1]起源于Facebook的内部项目,该公司对市场上所有 JavaScriptMVC框架都不满意,决定自行开发一套,用于架设Instagram的网站。于2013年5月开源render() {return (react用 state来进行数据的定义 运用 {} 来进行数据的渲染state = {render() {return (
2024-07-06 11:57:42
765
原创 Uniapp的使用
uniapp 可以进行多端开发,uniapp 在设计的时候就拥有许多兼容性代码,可以兼容很多的平台如 支付宝小程序 html页面 微信小程序等,注重开发效率而不是运行效率时 ,就可以考虑一下 uniapp 当然也可以去uniapp的官网,可以查看 uniapp。
2024-06-27 09:17:17
611
原创 前端常见面试题
防抖:防抖是指在事件触发后,等待一段时间后再执行处理函数。如果在等待时间内又发生了该事件,就重新开始计时。简单来说,就是将多次连续触发的事件合并成一次执行。应用场景:用户输入搜索框时,可以使用防抖来减少实时搜索接口的请求次数。窗口大小调整时,可以使用防抖来避免频繁调整布局。实现方式:使用setTimeout延迟执行函数。每次触发事件时先清除之前设置的定时器,再重新设置新的定时器。节流:节流是指在一定时间间隔内只触发一次事件。无论事件触发多频繁,在指定时间间隔内,只会执行一次处理函数。
2024-06-21 19:05:48
2295
3
原创 前端相关面试题--html
不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。它必须声明在HTML⽂档的第⼀⾏。浏览器渲染页面的两种模式(可通过document.compatMode获取,比如,语雀官网的文档类型是。
2024-06-14 10:55:54
753
原创 js 常见面试题
很多人遇到这个不知道,回答这个问题的一个方向,也不知道这个为题在考察一些什么这个问题其实是考的js的为什么会出现同步和异步 异步的执行首先回答一下 js为什么有同步和异 步 因为js是单线程的,通过事件循环进行的异步,代码是先执行同步,再执行异步 因此误差就处在同步代码的执行上,比如一个定时器是3秒 一个同步要3秒执行完成 那么这个定时器就又3秒的误差 js很多异步都是这样产生的误差,一些做过人脸识别,直接将base64存入数据库,进行识别的应该深有体会。
2024-06-07 11:37:38
2116
原创 小程序视图渲染数据和部分事件的绑定
点击发现数据已经修改,但是视图没有更新,按照vue的说法就是失去了响应式 不要担心有一个微信小程序官方提供的属性 setDate 可完成两个功能 其一是可以 更新数据 其二是可以进行数据的更新。将前面代码中的事件改为 catchtap,发现可以正常执行,这两个的区别就是一个是可以进行事件冒泡的一个是不会进行事件冒泡的。longpress:手指触摸后,超过350ms再离开,如果指定了事件回调函数并触发了这个事件,tap事件将不被触发。在 index.js的 page中定义一个data对象结构是这样的。
2024-06-06 19:03:31
815
原创 论程序员的基本素养
要拥有基本的沟通能力,不要求你到底有多好多好的沟通能力,最起码对于团队的沟通一定要好,前几年还听说到过一些无语的事情,整个开发团队都在用react进行开发,结果有一个在哪里自己搞的,一直说自己知道用什么,自己可以做出页面,最后组长也就没有问,结果页面是挺还原的,功能也实现了,但是他用的是vue,导致整个开发进度直接延后,沟通能力也是很重要的。对程序员的要求越来越高,对程序员的学习能力也有了要求。又水一篇文章,明天一定更关于技术的。
2024-06-05 08:00:00
329
原创 微信小程序中的部分容器和组件
说到图片,我们就要将一下图片组件,图片组件在媒体组件中 是image标签 有 mode 和src两个属性 src是图片的地址,前面已将说过采用 网络图片,最好就不要用本地的了,不应该使用本地 因为为小程序对内存大小有要求 ,不要自以为万一网络差,影响用户体验 因为使用的是微信小程序,用户网络不好连微信都进不去,就不可能访问我们的小程序了。这个 hover-class 是点击元素不放松,会使用的一个样式,如我想要在点击不放时,将文字颜色变成红色,可以去 index,wxss 中加入一下样式。
2024-06-04 14:41:20
626
原创 微信小程序0~1
JSON是一种轻量级的数据格式,常用于前后端数据的交互,但是在小程序中,JSON扮演的静态配置的角色,用于配置当前页面或组件的属性和行为,每个页面或组件也都可以拥有一个对应的 json 文件。小程序中常见的配置文件有以下几种:app.json➡ 小程序全局配置文件,用于配置小程序的一些全局属性和页面路由。页面.json➡ 小程序页面配置文件,用于配置当前页面的窗口样式、页面标题等➡ 小程序项目的配置文件,用于保存项目的一些配置信息和开发者的个人设置。
2024-06-03 16:17:17
401
原创 路由传参的接受参数和编程式导航
p @click="nav('/mine',{id:3,name:张三,age:'18'})">跳转我的参数多了之后,就不能一个一个接受了,用没用什么方法可以省略前面的 route.query呢。在上一篇文章中的接受方式都应该看到了这样的接参方式,是不是有亿点不方便呢。如果想要用 params可将query改为params 不要忘记对路由的配置。但是出问题了,数据不能实时更新了,别急,在路由配置加入以下代码。根据我的上一个文章,已经可以进行路由传参了。直接在模板进行使用就可以了。
2024-05-31 08:00:00
291
原创 路由的传参
如果想知道这个里面具体有什么 可以直接打印 如果要渲染这个参数,可以在模版中使 router.query.参数名来进行接受 以上面为例 那么接受参数应该是。params的用法和query是类似的但是需要注意,在配置路由的时候一定记得加上 /:参数名。就是要根据上一个路由的一些值,进行当前路由的一个渲染,这个时候就用到我们的路由传参了。' 问号代表参数可选。当然是有的,作为一个非常流行且受欢迎的框架,怎么会考虑不不到我们想的问题呢。在上一个文章中,讲述了一下路由的基本用法,但是现在,我有了一个新的需求。
2024-05-29 22:03:13
292
原创 vue3的路由
3在 route/index.js(或者.ts)中导入 并在其 routes 中进行配置。2 在 routes中进行配置 如创建一个 我的的一个路由。1 要先创建组件 ,没有组件切换路由是切换不了内容的。一级路由要在 App.vue中进行显示。在 App.vue中要加入 如下代码。如果是二级路由,就在其父路由加入上面代码。最后对这个路由进行测试。
2024-05-29 08:00:00
251
原创 vue3如何自定义hook
我们知道react中 useState接受一个数组 因此我们返回一个数组 第一个参数是定义的值 接受的数据就是用户输入的数据 由于用户输入类型不确定,因此使用any第二个参数是一个函数 可以对其进行修改 同样的问题 值不确定 因此使用any js代码不需要加。
2024-05-28 08:15:00
448
原创 vue3生命周期
创建阶段是setup 这个是组合式api的定义方式,同时也是一个生命周期 这个阶段有两个函数 挂载前 onBeforeMount 挂载后 onMounted 更新前 onBeforeUpdate更新后 onUpdated卸载前 onBeforeUnmount卸载后 onUnmounted这样可能太空了,接下来是生命周期的代码为了充分说明生命周期的顺序与其书写顺序无关,打乱了一下顺序 这个代码可以当成一个组件导入一个组件,在关闭这个组件时可以看到卸载生命周期,输入框输入数值,并且点击增加可
2024-05-27 19:54:19
123
原创 vue3 的基本语法
这是一个经典的vue2 的代码 ,在这个代码中,我们将name这个变量显示到页面,通过changeName这个函数,对其进行了一个修改。在vue3中是完全支持这个语法的 这个写法就是 optionApi但是这个写法有一个弊端 ,新增或修改时,需要分别修改data methods computed等不利于代码的维护 在vue3中新增了一个叫setup的方法 是中一个新的配置项,值是一个函数,它是 “表演舞台”,组件中所用到的:数据、方法、计算属性、监视......等等,均配置在中。 这是vue3的写
2024-05-25 00:15:00
248
原创 vue3相对于vue2 究竟更新了什么?
vue2 是全局的响应式数据 vue是可以选择的响应式。支持MapSet、WeakMap和weakSet。检测数组长度和索引的变化。检测属性的添加和删除。
2024-05-24 15:39:28
315
空空如也
最近需要一点简历的模版
2024-08-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人