- 博客(28)
- 收藏
- 关注
原创 webpack 打包配置
处理html、css、js、vue、jsx、图片等文件、压缩处理好的文件、分割压缩好的文件、路由懒加载、开启缓存和热更新、开启多线程打包
2024-06-27 10:11:01
567
原创 vue-cli 项目打包优化-基础篇
根目录下新建【.env.development】【.env.production】【.env.test】,生产、开发、测试环境。参考文档:https://cli.vuejs.org/zh/guide/mode-and-env.html。参考视频地址:https://www.bilibili.com/video/BV1wt421p7yM。参考配置:https://cli.vuejs.org/zh/config。,根据与 后端 或 运维 沟通修改。根据不同环境做相应的配置。
2024-06-27 09:52:10
429
原创 前端奇淫巧技
参考视频地址:https://www.bilibili.com/video/BV1ey421q7Py。 JS诞生的时代,进行简单的表单验证,设计之初,JS做相对简单的任务; 主要原因:多线程环境下DOM元素进行操作可能导致复杂的线程调度问题。 HTML5的时候,开启了多线程的大门,注意事项:创建全局变量可能导致命名冲突。浏览器自动匹配、提升安全性、代码简洁。上的一个属性,在PC端和H5端存在。不会引入多余的dom结构。省去声明第三个变量的方法。未测试,可通过后端解决。
2024-06-27 09:09:02
420
原创 VScode代码片段自动转图标
在VScode编辑器中,编辑html、vue等文件时,特定代码片段('token/xxx'等)自动转图标显示,按住“ctrl+鼠标左键”还可跳转“https://icones.js.org/collections”,个人感觉干扰代码编写,强迫症受不了
2024-05-16 09:52:04
682
原创 vue2 和 vue3 区别
参考链接:https://v3.cn.vuejs.org/guide/composition-api-lifecycle-hooks.html。参考链接:https://v3.cn.vuejs.org/api/computed-watch-api.html#watcheffect。API参考链接:https://staging-cn.vuejs.org/api/#onmounted。参考网址: https://github.com/vuejs/rfcs/pull/271。
2024-04-12 17:31:35
636
1
原创 TypeScript
基本定义num = 18# 简写形式,声明和赋值同时进行可以简写,默认第一次的类型#声明类型,但是不会赋值# js项目动态类型易出bug的地方,参数没有类型限制# 参数类型限制,返回值类型限制# 限制变量在两个值之间选择,以此类推# 限制变量的类型,只能在两个类型之间选择,以此类推# any 表示任意类型,声明不指定默认为any,可以赋值给其他已定义类型的变量let sty# unknown 表示未知的类型,不可以赋值给其他已定义类型的变量,推荐使用unknown代替any。
2024-04-12 17:04:39
1254
1
原创 Vue3-PC端项目上线 Electerm + Nginx
填写购买服务器主机的地址、账号、密码(其他信息非必填,根据实际情况填写),保存并连接,输入服务器密码。在服务器根目录下的【root】下新建【www】文件夹,将打包完的【dist】文件复制过去。连接成功后,在左上角,选择【sftp】,左右分别本地和服务器。在服务器配置nginx代理,在左上角,选择【ssh】 项目build打包完毕,生成dist文件夹。下载安装好electerm。
2024-04-11 16:36:26
182
1
原创 关于uni-admin项目左边缺少【系统管理】等菜单
在uni-admin项目下,uniCloud文件夹下,database文件夹右键【初始化云数据库】即可。
2024-04-07 23:26:15
199
原创 前端uniapp打包自定义插件
在uniapp中打包自定义插件通常涉及几个步骤,包括创建插件代码、配置插件信息、在项目中引入插件,以及最终的打包发布。以下是一个简单的示例,展示如何创建一个简单的自定义uniapp插件,并打包以供他人使用。根据你的具体需求,插件可能包含更复杂的逻辑、多个组件或API,但基本的步骤和流程是类似的。在这个package.json文件中,我们声明了这是一个uniapp插件,并指定了我们的自定义组件的路径。在package.json中正确配置插件的信息,以便其他人能够理解和使用你的插件。
2024-04-07 14:02:47
398
原创 前端开发笔记2(Js、Css)
element-ui的走马灯组件<el-carousel>在动态绑定后端返回的数据渲染时,会出现初始页空白,需要点击才会出现图片,可以添加 v-if 解决。这些标签都有助于更好地描述和组织网页的结构和内容,提高语义化,并且对于可访问性和SEO也非常有益。使用合适的标签可以使代码更具可读性和可维护性。如:接收后端数据,通过【&&】递进判断,就不会因为读取【undefined】的属性而报错。表示从第二个【li】开始到最后的【li】,忽略第一个【li】在匹配的元素内容后插入生成的内容,新CSS 规范中,使用。
2024-04-06 23:31:06
824
1
原创 横向滑块查看大图省流
在uniapp的手机端中,纵向列表点击缩略图查看原图时,原图通常以满屏显示,并且可以通过左右滑动来切换上一张和下一张图片。【includes】函数判断【readImgs】数组中是否含有当前图片位置,不存在就不显示,就不用先加载图片。加载全部原图会占用大量的带宽以及浪费用户流量。应该获取当前图片以及前后两张图片。注:vue3写法,未调试。
2024-04-06 23:26:16
247
1
原创 uniCloud 云开发笔记
在JS中,特殊的字符串字面量,通知JS引擎以“严格模式”执行代码。避免一些常见的错误和不安全的实践。建议在云函数的代码中使用来启用严格模式。
2024-04-06 23:20:31
964
1
原创 前端笔记(Css、JS、Vue、UniApp、微信小程序)
在输入标题然后换行的时候,第二行还是显示标题按钮还是显示高亮,但是输出的内容就是普通的内容非标题,通过uniapp的editor组件的相关api检测到样式发生改变时触发,然后将标题的高亮状态改正。在编辑内容的时候,把图片删了,我该怎么获取这张图片的信息(名称之类的),该怎么维护一个图片的数组等到后面上传的时候再把数组中的图片上传上去。onBeforeMount():已经完成了模板的编译,但是组件还未挂载到DOM上的函数。onActivated():若组件实例是缓存树的一部分,当组件被插入到DOM中时调用。
2024-04-06 23:17:05
1129
2
原创 ES6-ES13
注意:添加值时是通过变量的形式,删除的也是变量,则无法回收内存,需要添加节点本身或变量所引用值得本身,不能通过变量传入,删除变量的方式,导致代码量大。发送多个请求,第二个请求需要第一个请求的结果中的某一个值作为参数,第三个则需要第二个,...,嵌套结构的增多,导致代码横向发展(不健康),不方便阅读和维护。用于拦截某个属性的读取操作,可以接受三个参数,依次为目标对象、属性名和 proxy 实例本身【操作行为所针对的对象,经过Proxy化的原对象,可选】内置执行器完全自动化,更好的语义、更广的适用性。
2023-09-06 22:28:48
299
1
原创 VUE2相关
(2)输入后值并没有发生变更 这种情况是指,在没有失焦的情况下,在输入框内进行返回的删除与输入操作,但最终的值与原值一样,这种情况下,keydown、input、keyup、blur都会触发,但change依旧不会触发。先根据真实DOM生成虚拟DOM,当虚拟DOM某个节点的数据改变后会生成一个新的 vue节点,然后 新节点 和老节点 作对比,发现有不一样的地方就直接修改在真实的DOM上,然后使 老节点 的值为 新节点。params 属性用于传递路由参数,可以是一个对象,包含要传递的参数键值对。
2023-09-04 10:31:22
72
1
原创 浏览器相关
配置 Access-Control-Allow-Origin 响应头设置为当前网页地址,或者让后端把respons herader返回头中,加一个 Access-Control-Allow-Origin 字段,并且把允许跨域的地址设置为该字段的值,由于该字段只能设置一个值,想要多个域名跨域,可以让后端再返回前动态的设置这个值,考虑到后端可能不会配合你,直接设置为*,但是设置为*,就不能发送Cookie,因为浏览器认为这样不安全。HTTP 是超文本传输协议,信息是明文传输,存在安全风险的问题。
2023-09-04 09:24:29
222
1
原创 JavaScript_概念篇
利用这一特性,可以将公共部分提取出来,用“.prototype”的方式来定义,需要不同值的属性交由构造函数来定义。把异步任务封装在Promise的对象里面,通过 resolve 和 reject 两个参数来改变状态,再通过 then 方法接收回调,一般通过 value 接收成功的回调,season 接收失败的回调。回调函数中的代码也属于微任务。当数据改变后,diff算法重新比较新老DOM树(Vue优化diff算法,同层级比较,标签名比较,key值比较),计算出最小的变更,在操作DOM,更新视图。
2023-09-04 09:08:02
55
1
原创 JavaScript_编程篇
工厂模式优:接受参数,可以无数次的调用这个函数缺:没有解决对象识别的问题(即怎么知道一个对象的类型)return o;构造函数模式优:它的实例标识为一种特定的类型缺:每个方法都要在每个实例上重新创新一遍原型模式优:减少了代码的重复,也可用标识来创建对象缺:所有实例默认取得相同的属性值age: 22,组合模式,构造+原型(推荐)
2023-09-04 08:58:08
65
1
原创 CSS+HTML
async 属性,当浏览器遇到 script 标签时,文档的解析不会停止,其他线程将下载脚本,脚本下载完成后开始执行脚本,脚本执行的过程中文档将停止解析,直到脚本执行完毕。: 表示对资源的引用,当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执⾏完毕,所以⼀般 js 脚本会放在页面底部。: hidden,将元素隐藏,占用位置,具有继承性,子元素也会继承这个属性,不影响计数器的计数,同v-show,适合频繁切换使用。根节点,lang :语言类型,对于搜索引擎、网页翻译有指导意义。
2023-09-03 23:25:19
429
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人