自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 使用HBuildX打包App

注意:如果是已经有appid的项目,需要appid所有者邀请你加入项目成为项目成员,否则无法打包,可通过改https://dev.dcloud.net.cn/pages/app/actor网址查看是否具有权限。我这边是+1,比如之前对应是1.0.0.70/10070,现在改成1.0.0.71/10071,这样打开app的时候会提示需要更新。注:本人只改了应用版本名称,没改应用版本号,app提示需要更新,但是安装的时候会失败。且每天的云打包次数有限制,不要频繁打包,超次数需要购买过次数。

2024-09-18 16:22:04 163

原创 微信小程序全量发布和灰度发布的区别

灰度发布是将小程序新版本发发布给部分用户,然后根据这些用户的反馈和数据分析来决定是否更多向用户推广。他充分开发者在新版本发布前进行充分的测试验证, 以减少潜在风险。此外,灰度发还可以帮助开发者更好的了解新版本的用户接受度, 以及收集用户反馈来改进产品。全量发布是指 将小程序的新版本一次性推送给所有的用户。这种发布方式的优点在于, 新版本能迅速覆盖所有的用户, 使用能及时体验新功能。如果新版本存在重大bug 或者性能问题, 可能会对大量用户造成不良的影响, 甚至导致用户数据丢失或者系统崩溃。

2024-09-11 15:00:28 173

原创 从浏览器输入网址到页面展示过程经历了什么?

4:发送http 请求或者 发送https 请求。全称: 统一资源定位符。找到对应的ip 地址进行访问。3: 建立Tcp 链接。6:浏览器渲染解析页面。5:服务器端相应请求。7:断开tcp 链接。

2024-08-06 13:22:11 108

原创 Ts 是什么?

1: Ts 是 js 类型的超集, 包含: ES 定义class 接口 继承, 泛型。--- null underfined 类型。--- 类型批注 和 编译时类型检查。--- boolean 类型。--- array 数组类型。--- tuple 元祖类型。--- any 任意类型。--- number 类型。--- string 类型。--- enum 枚举类型。--- never 类型。--- object 类型。--- void 类型。Ts 有哪些数据类型?

2024-08-06 12:46:24 226

原创 微信小程序发起网络请求

Ajax 技术的核心是依赖于 浏览器中的XMLHttpRequest 这个对象, 由于小程序的宿主环境是微信客户端,所以小程序中不能叫做 "发起Ajax请求", 而是叫做 “发起网路请求”。跨域问题只存在于 基于浏览器的web 开发中。由于小程序宿主环境不是浏览器, 而是微信客户端, 所以小程序不存在跨域问题。6: 关于跨域和Ajax 的说明。

2024-08-06 10:58:22 98

原创 分支的合并已提交

git commit -m "完成了购物车的开发"1: 将card 分支进行本地提交。执行命令: git add.

2024-08-05 21:22:41 283

原创 如何把uniapp 项目发布成Andriod App的流程

3: 打开项目根目录中的 mainfest.json 配置文件, 在基础配置的面板中, 获取uniapp 的应用标识, 并填写应用名称。4: 切换到App 图标配置面板, 点击浏览按钮, 选择合适的图片之后, 再点击自动生成所有图标并替换即可。8: 点击链接下载apk 的安装包, 并安装到Android 手机中查看打包的效果。1:点击HBuilderX 状态栏左侧的未登录按钮,弹出登录的对话框。2: 在弹出的登录的对话框中, 填写账号和密码之后, 点击登录即可。打包完成之后: 会在控制台生成一个链接。

2024-08-05 20:04:20 382

原创 小程序 发布流程

在版本管理中, 可以找到刚才发布的开发版本, 可以继续点击提交审核。如果微信官方审核通过, 则可以进行线上版本。如果希望当前版本可以提交运营的,需要点击审核,把开发版本提交成待会审核版本。2: 第二步: 需要再弹出框中填写发布系小程序的名称和AppId 之后, 点击发行按钮。6: 上传完成之后, 会出现如下的提示消息, 直接点击确定按钮即可。3:在Hbuilder 的控制台中 查看小程序发布编译的进度。如果审核通过, 点击发布按钮,发不成一个线上的版本。填写此次发布的项目的版本号: 和发布的项目备注。

2024-08-05 19:37:01 155

原创 【无标题】

说明$nextTick 是在下次DOM 更新循环结束之后执行的延迟回调, 在修改数据之后使用的$nextTick, 则可以在回调中回去 DOM。3.2:对文件做切片,即将一个请求拆分成多个请求,每个请求的时间就会变短, 如果请求失败就会重新发一次请求即可, 无需从头开始。做断点传续, 当多个请求有发送失败, 例如出现网络故障,页面关闭等, 我们的做失败请求处理, 让他们重复发送。2.1:解析:.vue文件的一个加载器,跟template/js/style 转换成js 模块。3: 大文件上传怎么解决?

2024-07-18 18:40:14 240

原创 小程序为什么要做分包处理

把项目分成多个功能模块, 有助于多个快发团队并行工作。每一个分包可以看做一个相对独立的模块, 降低不透光功能之间的耦合度。以及当前页面必要的分包,首次减少下载所需的数据量,加快小程序的启动速度和运行速度和页面的切换速度, 提升用户体验,分包能够实现小程序按需加载, 也就是用户首次启动和浏览某个页面的时候 只会下载必要的主包。小程序规定主包的大小不能超过2M, 能够保证小程序能够快速加载, 提高用户的体验。4:灵活部署和更细。有利于频繁迭代和精细化运营。分包可以将主包 拆分成多个子包。

2024-07-18 11:05:27 755

原创 前端面试题

原因:所有的包大小不能超过20M 单个的分包/ 主包不能超过2M。使用异步方法就可以, 比如使用$nextTick();如果在created 生命周期中获取DOM 怎么办?2:小程序项目如果超过体积大小怎么办?1.1:干什么的:获取更新后的DOM 对象。1:小程序上线会干什么?原理:是一个异步行为。

2024-07-18 10:23:06 121

原创 Composition API 和 React Hook 很像, 它们有什么区别?

是很像, Composition API 诞生之初就借鉴了React Hook, 同时避免了reack Hook的短板限制。Composition API 相比于 React Hook优点:Compositon API 不必担心调用的顺序,它也可以在循环中、条件、在嵌套函数中使用。

2024-07-05 10:39:10 324

原创 window.localStorage 增删改查

为什么把新增和修改归为一类, 因为对于localStorage 的修改也是再次通过 setitem 来进行的删除单个 数据。let content = window.localStorage.getItem('名称')window.localStorage.clear();// 清楚所有数据。window.localStorage.setItem('名称', '数据内容');window.localStorage.removeItem('名称');

2024-04-01 14:01:04 436

原创 疫情期间沙雕文案

文案

2022-12-02 18:17:02 1099 1

原创 关于疫情超走心的文案

文案

2022-11-29 15:37:42 1237

原创 诗词-- 收集

文案分享

2022-11-04 18:22:25 791

原创 前端面试题

面试题

2022-10-28 18:43:10 382

原创 js 单线程 如何理解Promise 对象

promise 对象

2022-10-17 16:59:40 227

原创 js 中数组常用的方法

javascript 数组常用方法

2022-10-09 18:25:33 125

原创 element ui el-empty 用法的使用

el-empty 的基本使用

2022-10-09 13:14:07 4997

原创 【Element-ui】el-slider滑块自定义样式,实时显示选中两点的数值在上方,左右显示0到100

element-ui 组件库

2022-10-08 12:55:45 3626

原创 js 取出两个数组中相同的元素和不同的元素

js 取出数组中两个相同和不同的元素

2022-08-19 17:49:34 943

原创 element ui 清除el-table 排序高亮状态

element-ui el-table 清除高亮的效果

2022-08-17 17:25:55 1176

原创 js 时间格式字符串去掉中间的中横线

js 数据格式去掉中间的中横线 使用这跟正则表达式进行替换1: js去掉字符串中所有的横杠 string.replace(/-/g,'');2: show_title+="</br>时间:"+con_time.replace(/-/g,'');把中横线全部退换成'' 全部替换成'' 空字符串...

2022-05-26 14:49:15 3592 1

原创 微信小程序

微信小程序

2022-04-28 20:15:20 243

原创 provide 和 inject 组件之间的通信

provide 和 inject 作用: 实现祖孙之间的通信套路: 父组件有一个provide 选项来提供数据, 子组件有一个inject 选项来使用这么数据祖孙组件 也是跨级组件: 祖孙组件: (跨组件...)未完待续......

2022-04-18 20:37:01 257

原创 el-date-picker 时间日期格式

时间日期格式: 选择当前月前一年的时间范围:<el-date-picker v-model="pageList.monthrange" type="monthrange" range-separator="至" format="yyyy-MM" value-format="yyyy-MM" start-placeholder="开始月份" end-placeholder="结束月份" :picker-options="pickerOptions"><.

2022-04-02 11:10:07 4736

原创 自定义指令的对象写法 (配置项比较细)

directives: { // big 函数何时会被调用? 1: 指令与元素成功绑定时(一上来就会绑定) 2: 指令所在的模板被重新解析时 big(element, binding) { // 第一种函数写法 console.log('big') // 页面已加载就会调用一次 element.innerText = binding.value * 10; } 第二种对象写法: fbind: { // 指令与元素成功绑定在一起 bind() { },.

2022-03-20 21:06:01 341

原创 vue 指令操作

v-pre: 指令 1: 跳过其所在的节点的编译过程. 2: 可利用它跳过: 没有使用的指令的语法。 没有使用插值的语法, 会加快解析。 v-once: 1: v-once 所在节点在初次渲染动态渲染后, 就视为静态内容里了。 2: 以后的数据的改变不会引起v-once 所在结构的更新, 可以优化性能。 v-cloak: 指令: 1: 本是是一个特殊的属性, vue实例对象创建完毕并接管容器后, 会删掉v-cloak 属性。 2: 使用css 配合使用v-cloak 可以解.

2022-03-19 13:23:19 932

原创 优美的诗句

1: 花店不是为了花而开的,但我是为了你而来的。2: 万里星光,一如既往。3: 生命可以随心所欲,但不能随波逐流。4: 我对自己说,跨过去,春天不远了,永远不要失去发芽的心情。花店不是为了花而开的,但我是为了你而来的。万里星光,一如既往。生命可以随心所欲,但不能随波逐流。一个人至少拥有一个梦想,有一个理由坚强,心若没有栖息的地方,到哪里都是流浪。——梦想鸡蛋从外面打破是食物,从内部打破是生命。人从外打破是压力,从内打破是成长。——成长我对自己说,跨过去,春天不远了,永远不要失.

2022-03-19 10:24:13 407

原创 vue 3.0 中生命周期中钩子函数

vue 3.0中可以继续使用 vue2.0 中的生命周期钩子, 但是有两个被更名: beforeDestroy 更名为 beforeUnmount; destroryed 更名为 unmounted;vue 3.0 也提供了COmposition API 形式的生命周期钩子, 与vue2.0钩子对应关系如下: 1: beforeCreate ===> setup() 函数; 2: created ===> setup() 函数; 3: beforeMount ===&gt.

2022-03-13 21:54:54 2633

原创 vue3.0 setup 函数的注意点

setup 函数的执行时机:setup 函数的执行时机在beforeCreate 之前执行, this的指向问题就是underfined。setup 函数的连个参数props值: 为对象,包含组件外部传传递过来的, 且组件内部声明接受的属性。content: 上下文对象: attrs: 值为对象, 包含组件外部传递过来的, 但是没有在props 配置中声明的属性。 相当于this.$attrs.slots: 收到的插槽的内容,相当于this.$slotsemit:分发自定义事...

2022-03-13 18:41:11 1524

原创 vuex 是什么? vuex 工作原理图

vuex: 是专门在Vue 中实现集中式状态(数据)管理的一个Vue 插件, 既是对应用中多个组件的共享状态的集中式的管理(读/写), 也是一种组件之间通信的通信的一种方式, 且适用于任意组件之间的通信。1: vuex 是专门解决共享数据的问题, 多组件共享数据。 vuex 实现: 2: 什么时候使用 Vuex 1: 多个组件依赖于同一状态。 2: 来自不同组件的行为变更同一状态。3: Vuex 工作原理: (1): vuex 有三个重要的概念: acti.

2022-03-10 17:25:01 475

原创 vue3.0 中ref 函数 和 reactive函数对比

1:reactive 和 ref 函数的对比: ref 函数从定义的角度 ref 函数用来定义: 基本数据类型 reactive 用来定义: 对象(或数组)类型数据。、 备注: ref 函数也可以定义对象(数组) 类型数据。 它会内部会自动转为代理对象。2: 从原理角度对比: ref 函数通过Object.definedPropery() 的get() 和 set() 方法实现的数据响应式。(数据劫持) reactive 通过使用Proxy 来实现数据响应式(数.

2022-03-09 17:15:40 686

原创 vue 3.0 响应式数据原理

vue3.0 数据响应式原理的实现: 1: 实现原理: 通过(Proxy)代理实现: 拦截对象中任意属性的变化, 包括属性值的读写, 属性的添加, 属性的删除等操作。 2: 通过(Reflect)(反射); 被代理的对象, 属性进行操作。MDN 文档中描述的Proxy 与Reflect: new Proxy(data, { // 拦截读取属性值 get (target, prop) { return Reflect.get(target, prop); .

2022-03-09 16:38:56 2084

原创 优美的诗句

1: 多情只有春庭月, 犹为离人照落花。 2: 长街长, 烟花繁, 你挑灯回。 3: 梧桐深处凤未归。 4: 君去后, 酒暖思念瘦。 5: 只愿君心似我心。 6: 当时明月在, 曾照彩云归。 7: 山河拱手, 为君一笑。 8: 情不知所起, 一往情深。 9: 待到繁华落尽, 与你细水长流。 10: 执子之手, 与你偕老。 11: 生死契阔, 与子成说。 12: 青青子衿, 悠悠我心。 13: 寄君一曲, 不问曲终人散。 14: 扶门切思君之嘱, 登高望断天涯路。 15: 在此..

2022-03-08 23:11:25 163

原创 vue 2.0 数据绑定原理

vue2.0 数据绑定原理

2022-03-08 18:07:49 425

原创 vue 中过滤器

vue 中过滤器实现: 在script 脚本中引用: <script type="text/javascript" src="../js/dayjs.min.js"></script> <div id="root"> <h2>显示格式化之后的时间</h2> // 计算属性实现 <h2>显示格式化之后的时间</h2> methods 实现 <h2>显示格.

2022-03-08 17:50:57 358

原创 vue3.0 简介

vue3.0 简介: 2020年9月18号, vue.js 发布3.0 版本, 代号: one piece(海贼王) 耗时2年多, 2600多次提交, 30+个RFC(请求修改意见稿) 600+次PR 99位贡献者;vue3.0 带来什么? 1: 性能的提升 打包体积减少41%, 初次渲染快55%,更新渲染快133% 内存减少54%.... 2:源码升级 适用proxy 代替object.defineProperty() 实现响应式。 .

2022-03-08 16:55:57 2250

原创 最能打动人的情话

所念皆星河, 星河皆是你。所念隔山河, 山河皆可平。

2022-03-08 08:00:47 89

空空如也

空空如也

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

TA关注的人

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