笔记
文章平均质量分 57
星月前端
记录前端学习笔记
展开
-
uniapp调用七牛云api实现文件上传-node.js向外提供uploadToken的接口-客户端不用下载七牛云的包和SDK-发起网络请求直接上传(外加vue3+vantz组件库实现上传)
Qiniu 中的上传 Token 是在客户端生成,在客户端直接调用 API 上传文件时需要携带该 Token。下面是基本的生成方式。node.js向外提供uploadToken的接口-客户端不用下载七牛云的包和SDK-,拿到uploadToken发起网络请求直接上传文件即可。使用node.js向客户端提供uploadToken,客户端获取uploadToken后使用七牛云的api接口发起网络请求,上传文件;一、在unicloud云函数实现node.js获取uploadToken,然后向外提供一个接口。原创 2023-04-23 00:00:13 · 2524 阅读 · 1 评论 -
js小数字保留两位有效位数或者多位-防止精度丢失-保留两位有效数字
前端开发在处理保留小数位数的时候遇到一个坑,**保留两位有效位数**,**保留两位有效位数:**例如:1.00000567,保留成1.0000057,有效数字的两位小数(上学时候好像学过这种数字,忘了,哈哈哈)翻了很长时间百度,没有找到直接能用的方法。。。于是自己封装了一下,记录一下,有用到的直接拿去。**先上处理方法的代码,拿去直接使用原创 2023-03-16 23:14:23 · 1386 阅读 · 1 评论 -
2月16日昆明面试经历部分考题
就是指某件事件的向上传导,当后代元素被触发,其祖先元素也会被同样触发,这就是事件冒泡。原创 2023-02-16 19:39:07 · 441 阅读 · 2 评论 -
web前端面试-10大经典题(HTML基础)
web前端面试-10大经典题(HTML基础)✨个人笔记博客✨星月前端博客✨原创不易,还希望各位大佬支持一下✏️评论,你的意见是我进步的财富!原创 2022-11-21 13:26:40 · 4203 阅读 · 2 评论 -
最新常用API资源分享,免费使用
最新常用API资源分享,免费使用原创 2022-11-05 21:33:04 · 1088 阅读 · 0 评论 -
TypeScript 类型声明文件
今天几乎所有的 JavaScript 应用都会引入许多第三方库来完成任务需求。 这些第三方库不管是否是用 TS 编写的,最终都要编译成 JS 代码,才能发布给开发者使用。 我们知道是 TS 提供了类型,才有了代码提示和类型保护等机制。 但在项目开发中使用第三方库时,你会发现它们几乎都有相应的 TS 类型,这些类型是怎么来的呢?类型声明文件 类型声明文件:用来为已存在的 JS 库提供类型信息。 这样在 TS 项目中使用这些库时,就像用 TS 一样,原创 2022-11-02 16:57:30 · 654 阅读 · 0 评论 -
TypeScript 高级类型-详解
TS 中的高级类型有很多,重点学习以下高级类型: class 类 类型兼容性 交叉类型 泛型 和 keyof 索引签名类型 和 索引查询类型 映射类型原创 2022-11-02 16:37:09 · 1071 阅读 · 0 评论 -
TypeScript入门之浅谈常用类型
TypeScript 是 JS 的超集,TS 提供了 JS 的所有功能,并且额外的增加了:类型系统。 所有的 JS 代码都是 TS 代码。 JS 有类型(比如,number/string 等),但是 JS 不会检查变量的类型是否发生变化。而 TS 会检查。TypeScript 类型系统的主要优势:可以显示标记出代码中的意外行为,从而降低了发生错误的可能性。原创 2022-10-31 14:03:25 · 287 阅读 · 0 评论 -
TypeScript介绍与初体验
TypeScript(简称:TS)是 JavaScript 的超集(JS 有的 TS 都有)。 TypeScript = Type + JavaScript(在 JS 基础之上,为 JS 添加了类型支持)。 TypeScript 是微软开发的开源编程语言,可以在任何运行 JavaScript 的地方运行。原创 2022-10-31 13:57:16 · 148 阅读 · 0 评论 -
uniapp讲重复使用的代码抽离为 mixins
注意:除了要在 cart.vue 页面中设置购物车的数字徽标,还需要在其它 3 个 tabBar 页面中,为购物车设置数字徽标。此时可以使用 Vue 提供的 mixins特性,提高代码的可维护性。原创 2022-10-27 14:20:22 · 1979 阅读 · 0 评论 -
Vue3VideoPlay+vue3+ts封装一个视频播放组件
Vue3VideoPlay+vue3+ts封装一个视频播放组件原创 2022-10-23 22:36:46 · 2398 阅读 · 7 评论 -
uni-ui搜索栏组件设置为自动获取焦点
uni-ui搜索栏修改为自动获取焦点。原创 2022-10-23 22:24:03 · 743 阅读 · 0 评论 -
小程序配置网络请求全局拦截器响应拦截器请求拦截器
由于平台的限制,小程序项目中不支持 axios,而且原生的 wx.request() API功能较为简单,不支持拦截器等全局定制的功能。因此,建议在 uni-app 项目中使用 @escook/request-miniprogram第三方包发起网络数据请求。原创 2022-10-17 17:46:26 · 2808 阅读 · 1 评论 -
微信小程序重新构建npm不然按安装的包是没法使用的
在我们相关的包安装完毕之后,记得删除 miniprogram_npm 目录后,重新构建 npm。不然按安装的包是没法使用的。在我们相关的包安装完毕之后,记得删除 miniprogram_npm 目录后,重新构建 npm。原创 2022-10-11 16:35:09 · 640 阅读 · 0 评论 -
微信小程序wxs实现手机号分割
微信小程序wxs实现手机号分割。原创 2022-10-06 14:28:36 · 507 阅读 · 0 评论 -
微信小程序页面事件之下拉刷新事件
微信小程序页面事件之下拉刷新事件.下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。原创 2022-10-05 17:30:06 · 635 阅读 · 0 评论 -
微信小程序跨域关于跨域和 Ajax 的说明
Ajax 技术的核心是依赖于浏览器中的 XMLHttpRequest 这个对象,由于小程序的宿主环境是微信客户端,所以小程序中不能叫做“发起。跨域问题只存在于基于浏览器的 Web 开发中。Ajax 请求”,而是叫做“发起网络数据请求”。,所以小程序中不存在跨域的问题。原创 2022-10-04 23:21:31 · 4739 阅读 · 0 评论 -
flexible.js的使用和flex屏幕的适配方案
flexible.js的使用和flex屏幕的适配方案。把屏幕平均分成10等份。比如1920/10= 192px,这个时候1rem就是192px,配合vscod插件cssrem快速适配,在style中使用媒体查询。在插件扩展设置中,把基准改为每一份的值,这里比如:1920/24 = 80,也就是把等分为24份,80px就是1rem。我们在适配的时候。比如要让屏幕在1024时候就停止适配,到1920以上也停止适配,那么可以使用媒体查询来设置,原创 2022-10-04 11:18:47 · 2729 阅读 · 0 评论 -
vue原理进阶笔记复习总结
【代码】vue原理进阶笔记复习总结。原创 2022-10-03 14:24:42 · 286 阅读 · 0 评论 -
vue原理进阶之发布订阅模式优化
vue原理进阶之发布订阅模式优化。理解发布订阅,关键是理解一对多1.了解了发布订阅模式的基础形态2.了解发布订阅可以解决什么样的具体问题(精准更新)1.数据响应式的实现无非是对象属性拦截,我们使用来实现,在vue3中使用Proxy对象代理方案进行了优化2.面试宝典上提到的几个专业名词observe对象指的是把数据处理成响应式的对象watcher指的其实就是数据变化之后的更新函数 (vue中的watcher有两种,一种是用来更新视图的watcher,一种是通过watch配置项声明的watcher)dep。原创 2022-10-03 14:18:53 · 177 阅读 · 0 评论 -
vue原理进阶之数据的变化反应到视图
vue原理进阶之数据的变化反应到视图。1.不管是指令也好,插值表达式也好,这些都是将数据反应到视图的标记而已,通过标记我们可以把数据的变化响应式的反应到对应的dom位置上去2.找标记,把数据绑定到dom的过程,我们称之为binding。原创 2022-10-03 14:12:34 · 940 阅读 · 0 评论 -
vue原理进阶之数据响应式
vue原理进阶之数据响应式。1.所谓的响应式其实就是拦截对象属性的访问和设置,插入一些我们自己想要做的事情2.在Javascript中能实现响应式拦截的方法有俩种,方法和Proxy对象代理3.回归到vue2.x中的data配置项,只要放到了data里的数据,不管层级多深不管你最终会不会用到这个数据都会进行递归响应式处理,所以要求我们如非必要,尽量不要添加太多的冗余数据在data中。原创 2022-10-03 14:07:56 · 472 阅读 · 0 评论 -
项目打包之性能分析和CDN的应用
目标配置打包之前的路由模式在SPA单页应用中,有两种路由模式: #后面是路由路径,特点是前端访问,#后面的变化不会经过服务器:正常的/访问模式,特点是后端访问,任意地址的变化都会访问服务器开发到现在,我们一直都在用hash模式,打包我们尝试用history模式改成history模式非常简单,只需要将路由的mode类型改成history即可假设我们的地址是这样的 www.xxxx/com/hr/b我们会发现,其实域名是****,hr是特定的前缀地址,此时我们可以配置一个base属性,配置为hr。原创 2022-10-02 20:55:49 · 347 阅读 · 0 评论 -
vuex-子模块调用带命名空间的子模块的action
子模块调用子模块的action ,可以 将 commit的第三个参数 设置成 { root: true }就表示当前的context,不是子模块了 ,而是父模块。原创 2022-09-28 11:43:30 · 986 阅读 · 2 评论 -
vue父组件怎么调用子组件的事件-父组件用ref同步给子组件传递参数
传参是异步的,在这里就会导致以及进去编辑页了,但是props的值还没传过去,所以直接用。本来是可以直接用props把参数(id)传递给子组件使用的,但是。在父组件中调用子组件的实例,来给这个获取部门的事件传递参数。编辑时,我们需要获取点击部门的信息。拿到子组件的实例,来给子组件传参。在什么时候获取部门详情?原创 2022-09-17 17:21:17 · 1078 阅读 · 0 评论 -
vue利用sync修饰符关闭新增弹层
只要用sync修饰,就可以省略父组件的监听和方法,直接将值赋值给showDialog。这里我们学习一个新的技巧,sync修饰符。,它提供了一种简写模式 也就是。但是,vuejs为我们提供了。按照常规,想要让父组件更新。原创 2022-09-17 16:30:46 · 314 阅读 · 0 评论 -
vue中将数组数据转化成树形结构
vue中将数组数据转化成树形结构。这样一来,树形数据就有了。这里用的vue-admin和Elment的tree组件。封装一个工具方法,src/utils/index.js。我们需要将列表型的数据,转化成树形数据,这里需要用到。调用转化方法,转化树形结构。原创 2022-09-15 15:34:12 · 2058 阅读 · 0 评论 -
vue-admin-实现登出功能
以上代码,实际上直接对user模块下的action进行了引用。同样的,登出功能,我们在vuex中的用户模块中实现对应的。我们这里也可以采用vuex中的模块化引入辅助函数。不,当然不是,我们要处理如下。登出仅仅是跳到登录页吗?:实现用户的登出操作。原创 2022-09-12 22:31:45 · 589 阅读 · 0 评论 -
main.js中完成自定义指令全局注册
目标: 通过自定义指令的形式解决异常图片的处理,图片异常后提供一个默认图片注册自定义指令Vue . directive('指令名称' , {// 会在当前指令作用的dom元素 插入之后执行 // options 里面是指令的表达式 inserted : function(dom , options) {} })自定义指令可以采用统一的文件来管理 src/directives/index.js,这个文件负责管理所有的自定义指令首先定义第一个自定义指令 v-imagerror。原创 2022-09-12 22:11:10 · 955 阅读 · 2 评论 -
vue-element-admin基础模板和完整版模板拉取地址
git拉取基础项目模板$ git clone https://github.com/PanJiaChen/vue-admin-template.git hrsaas #拉取基础模板到hrsaas目录安装项目依赖(定位到项目目录下)$ npm install #安装依赖启动项目$ npm run dev #启动开发模式的服原创 2022-09-12 12:42:15 · 700 阅读 · 0 评论 -
vue-cli解决开发环境的跨域问题-配置跨域代理
当下,最流行的就是`前后分离`项目,也就是`前端项目`和`后端接口`并不在一个域名之下,那同时,还需要注意的是,我们同时需要注释掉 mock的加载,因为mock-server会导致代理服务的异常。生产环境表示我们已经开发完成项目,将项目部署到了服务器上,这时已经没有了vue-cli脚手架的。:这里的操作一般由运维人员完成,需要前端进行操作,这里我们进行一下简单了解。: 通过配置vue-cli的代理解决跨域访问的问题。✏️评论,你的意见是我进步的财富!,我们所遇到的这种跨域是位于。的,真正部署上线时的跨域是。原创 2022-09-11 00:09:07 · 583 阅读 · 2 评论 -
Element中按键修饰符有时候需要加.native
说白了就是在Element组件库中给el-input加修饰符的时候,我们要再加一个.`enter`,把需要加的按键修饰符转为原生的按键修饰符。原创 2022-09-10 23:32:46 · 1107 阅读 · 0 评论 -
vscode中配置eslint-一步到位
eslint是 基于代码校验的插件工具。3.把下面的eslint配置代码复制进去放到这里即可。这样就配置vscod中 的eslint插件了!2.点击这里打开setting.json。eslint是 基于代码校验的插件工具。原创 2022-09-07 23:15:04 · 12771 阅读 · 4 评论 -
vuex基础学习-看完即上手篇
看完即可入门开发!!!这篇文章介绍 vuex基础,以及总结案例。本文详细记录了所有步骤,拿来学习是真不错!看完不会你打我。哈哈哈,开玩笑的,不多说,上刺刀!!为什么会有Vuex? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种`可预测的方式发生变化。vuex是采用集中式管理组件依赖的共享数据的一个工具,可以解决不同组件数据共享问题。结论修改state状态必须通过mutations。原创 2022-09-07 12:12:02 · 491 阅读 · 5 评论 -
vue2中vant实现网易云音乐案例-附带所有源码
vant实现网易云音乐案例vant实现网易云音乐案例,在vue-cli,vue2中实现的模拟网易云音乐案例,经典学习案例。目标:能够掌握vant组件库的使用能够掌握vant组件自定义样式能力能够掌握组件库使用和文档使用能力能够完成网易云音乐案例原创 2022-09-04 20:53:27 · 1845 阅读 · 0 评论 -
vue2中vant适配-把px都换算成rem
这篇文章介绍 vue2中vant适配-把px都换算成rem。本文详细记录了所有步骤,拿来学习是真不错!本文测试环境:1.vue-cli 创建 vue2 项目;2.vant 组件库;看完不会你打我。哈哈哈,开玩笑的,不多说,上刺刀!!postcss – 配合webpack翻译css代码postcss-pxtorem – 配合webpack, 自动把px转成rem新建 postcss.config.js – 设置相关配置重启服务器, 再次观察Vant组件是否适配。原创 2022-09-04 20:26:48 · 1287 阅读 · 0 评论 -
vue基础学习总结---用户列表案例
这篇文章介绍 vue学习总结案例:用户列表案例。本文详细记录了所有步骤,拿来学习是真不错!用到的知识点:vue-cli 创建 vue2 项目;element ui 组件库;axios 拦截器;proxy 跨域接口代理;vuer-router 路由;看完不会你打我。哈哈哈,开玩笑的,不多说,上刺刀!!原创 2022-08-23 17:51:38 · 759 阅读 · 4 评论 -
vue开发阶段解决跨域的方法---proxy 跨域代理
这篇文章介绍 proxy 跨域代理。注意:① devServer.proxy 提供的代理功能,仅在开发调试阶段生效。② 项目上线发布时,依旧需要 API 接口服务器开启 CORS 跨域资源共享。看完不会你打我。哈哈哈,开玩笑的,不多说,上刺刀!!原创 2022-08-23 17:07:40 · 2023 阅读 · 0 评论 -
vue2---axios 拦截器
这篇文章介绍vue2中 axios 拦截器!拦截器(英文:Interceptors)会在每次发起 ajax 请求和得到响应的时候自动被触发。看完不会你打我。哈哈哈,开玩笑的,不多说,上刺刀!!拦截器(英文:Interceptors)会在每次发起 ajax 请求和得到响应的时候自动被触发。应用场景:① Token 身份认证② Loading 效果③ etc…✨个人笔记博客✨星月前端博客✨原创不易,还希望各位大佬支持一下✏️评论,你的意见是我进步的财富!原创 2022-08-23 17:02:09 · 1887 阅读 · 0 评论 -
vue组件库介绍以及组件库Element UI 的使用
这篇文章介绍vue组件库!介绍什么是组件库以及Element UI组件库的使用!看完不会你打我。哈哈哈,开玩笑的,不多说,上刺刀!!原创 2022-08-23 09:00:00 · 626 阅读 · 0 评论