- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 pc端项目登陆方式
pc端项目登陆使用参数3、展示步骤1：在页面中先引入如下JS文件（支持https）：步骤2：在需要使用微信登录的地方实例以下JS对象：appid: “”,scope: “”,state: “”,style: “”,href: “”});如果是多端扫码登陆需要定时器300毫秒去调用接口轮循，4、用户扫码之后的行为手机验证码主要注意短信防止被刷1、点击发送短信要先去看有没有输入 =====> 还要去看合法不合法（判断+正则：/^1[3-9]\d{9}$/）
2024-08-31 22:41:10
877
原创 前端性能优化的指标
注意：回流一定会造成重绘，但是重绘不一定会回流 1、造成回流的情况有：回流这一阶段主要是计算节点的位置和几何信息，那么在页面布局的几何信息发生变化时，就需要回流. 一个DOM树常见几何属性有：width、height、padding、margin、left、top等 2、造成重绘的情况有：例如改变visibility、autline、background-color等属性，这些属性只是影响元素的外观、风格、 并没有影响几何属性，只会导致重绘。由此，元素在用户视角就形成了层叠的关系，某个元素可能。
2024-08-21 16:45:15
808
原创 GIT了解和使用
提交不上去报错，先把拉取代码git pull，然后手动修改代码冲突报错的乱码删除掉，然后判断或和同事商量代码是合并还是修改，再次提交git add .;合并分支=》当前在master分支时，git merge 分支名称，master+=分支，合并分支会解决冲突手动修改代码冲突报错的乱码删除掉，然后 查看状态git status没有问题，git add .;git commit -m ‘合并分支描述’；本地分支提交远程仓库分支=〉git push --set-upstream origin 分支名称。
2024-08-10 07:04:55
898
原创 uniapp相关知识点
是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。（不同端展示形态需要条件编译）web配置=》页面标题，模版路径，路由模式，开启https协议，定位地图（选择对于地图填写key，页面调用内置函数uni.chooseLocation）文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。
2024-08-09 11:50:47
886
原创 TypeScript相关知识点
属性的描述符（可选），但请注意，在属性装饰器中，描述符对象不会被作为参数传入，因为TypeScript在初始化属性时无法描述或修改一个实例属性的初始化方法。概述：是指在定义函数，接口或class类时，不预先制定类型，而在使用时在指定类型的一种特性。概述：是一个方法，可以注入到类，方法，属性参数上来扩展类，方法，属性参数的功能。target：对于静态成员来说是类的构造函数，对于实例成员是类的原型对象。protected：受保护的，当前类和当前类的子类内部可以访问。注意：定义接口名称首字母大写，分号分割。
2024-08-07 17:15:02
483
原创 vite搭建vue3项目的相关知识点
vue2=>Object.defineProperty ，对于对象类型的数据，需要for in循环遍历+递归对象来获取一项。相比vue-cli基于webpack搭建的项目，vite搭建的项目按需编译运行速度极速，能够显著提升前端开发效率。：是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。ref可定义的任意类型数据，获取时需要.value获取，一般接口返回的数据用ref定义。打包完成后，异步组件有单独的js文件，从主体js分包出来的。
2024-08-06 16:10:38
663
原创 Cannot read properties of undefined (reading ‘install‘) 报错页面空白处理方法
报错原因：vue版本 和 vue-router版本不匹配。在package.json文件中查看vue版本是2.6， 安装vue-router 的时候直接 运行了 npm install vue-router -S 直接下载了最新版的vue-router@4.2.7，而vue-router 4 以后的版本只适合 vue3，用在vue2.0+会报错。搭建新的vue项目的时候安装vue-router后浏览器后台报错。建新的vue项目的时候安装vue-router后浏览器后台报错。
2024-08-02 22:44:48
227
原创 前端vuex相关知识点
例如全局相关的，如登录状态、token、以及一些不常更新的状态等，我们更希望能够固化到本地，减少无用的接口访问，以及更佳的用户体验。注意：vuex是单向数据流，所以v-model绑定getters会报错，而且没有get和set的写法（组件中可以用get和set方法，vuex中没有）vuex劣势： 在F5刷新页面后，vuex会重新更新state，所以，存储的数据会丢失。面试题1：在项目开发中使用vuex，一个组件调用vuex的数据，要把1修改成2，刷新页面数据又变成1了，怎么解决。
2024-08-02 15:41:41
972
原创 vue项目中router路由相关知识
打包项目运行：npm run build 打包文件dist文件里的js文件显示是一串数字还是对应路由name，就要设置 webpackChunkName。单应用页面=》整个项目只有一个html页面，不适合做SEO搜索引擎（nuxt.js适合做SEO），后台管理系统项目适合。适用场景：进入某个页面，前置需要判断用户是否登陆，登陆状态可以进入页面，不是登陆状态不能进入该页面则进入登陆页面。作用：vue+router用来实现单应用页面SPA（Single Page Application）页面跳转。
2024-08-01 15:48:19
219
原创 vue-router配置404的方法
监听路由变化，并在没有匹配的路由时显示 404 页面：在路由守卫中检查当前的路由是否有匹配的组件，如果没有，就重定向到 404 页面。
2024-08-01 11:35:39
328
原创 页面高度自适应 navigator.userAgent.toLowerCase() 区分设备和浏览器
在跨平台、浏览器、移动设备兼容的时候，需要根据设备、浏览器做特定调整，所以我们经常会用到navigator.userAgent.toLowerCase()来进行判断。如移动端，判断什么系统判断是Android、HarmonyOS、ipad、iphone。项目中封装的src/utils/devicePixelRatio.js文件。内置的浏览器，比如新浪微博、腾讯QQ（非QQ浏览器）和微信。
2024-08-01 10:11:03
271
原创 视频剪辑学习记录
书籍：魅力剪辑（影视剪辑思维和技巧），电影语言的语法评论，剪辑之道，实用影视剪辑技巧，premiere pro cc 2018从入门到精通，电影艺术，色彩的语言，视频剪辑，影片调色，视频压缩，字幕制作，音频编辑，广告制作，非线性编辑，自媒体编辑，文案素材：文案狗，段子网，句子控，名句通，梅花网，毒鸡汤，小鸡词典，果汁排行榜，图像合成，数字绘图，平面设计，图像调色，后期修饰，广告摄影，视觉创意，界面设计。素材收集，软件操作，剪辑素材，拼接镜头，包装镜头，剪辑规划，镜头语言，思维培养。
2024-07-26 15:50:29
159
原创 前端开发中遇到的难点及解决方法
工业互联网项目可能需要在多种不同的平台和设备上运行，包括PC端、移动端、平板等，因此需要确保应用程序能够在不同的设备和浏览器上正确显示和运行。通过以上解决方法，可以有效地应对前端工业互联网项目开发中遇到的各种难点和复杂场景，保证项目的顺利进行和高质量交付。工业互联网项目中的数据往往是实时生成和更新的，需要实时地将数据展示给用户，并支持实时通信和交互。工业互联网项目通常需要处理大量的数据和复杂的业务逻辑，因此性能优化是至关重要的。工业互联网项目通常涉及到重要的数据和敏感信息，因此安全性和权限控制至关重要。
2024-07-26 15:44:30
403
原创 前端使用插件—时间处理工具Day.js
Day.js是一个轻量级、极简的JavaScript库专为现代浏览器设计，用于解析、验证、操作和显示日期和时间。这个插件以其超小的压缩体积（通常小于2KB）、广泛的浏览器兼容性以及提供的链式操作等特点而受到前端开发者的青睐。Day.js是一个功能强大且易于使用的日期时间处理插件，它以其小巧的体积和全面的功能在前端开发中占据了重要地位。无论你是需要简单地格式化日期时间，还是需要进行复杂的日期时间运算，Day.js都能提供简洁而有效的解决方案。注：也可以通过浏览器的 script 标签导入 CDN 文件使用。
2024-07-11 12:03:08
197
原创 three.js官网即开发dome
npx 与 Node.js 一同安装，可运行 Vite 等命令行程序，这样你就不必自己在 node_modules/ 中搜索正确的文件。下载UI组件element- plus，icon库，工具库lodash，less，less-loader。红色代表 X 轴. 绿色代表 Y 轴. 蓝色代表 Z 轴.1>项目搭建(有Node.js,脚手架的环境）3.三维坐标轴（AxesHelper）3> threejs_dome文件。在router.js文件配置路由。路由挂载到main.js文件。属性（开发时查看官方文档）
2024-07-11 11:22:46
963
原创 前端开发中实用javaScript工具库Lodash
Lodash 遵循 MIT 开源协议发布，并且支持最新的运行环境。查看各个构件版本的区别并选择一个适合你的版本。Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。
2024-07-07 10:02:31
92
原创 css框架Sass的函数整理汇总（67条）
Sass Map 是不可变的，因此在处理 Map 对象时，返回的是一个新的 Map 对象，而不是在原有的 Map 对象上进行修改。函数那么多，记肯定是记不住的，只有是实际开发过程中使用到，当然也可以尽可能的去使用，对scss的函数的熟悉感才会有比较明显的进步。总结了一遍，有许多用过的，有部分看到别人用过的，有部分没有看到过的，慢慢明白是怎样一回事了，这可能就是这篇文章的收获吧。提高传入颜色的色彩饱和度。2、Sass 列表是不可变的，因此在处理列表时，返回的是一个新的列表，而不是在原有的列表上进行修改。
2024-06-28 16:41:12
763
原创 【无标题】sass常用的函数
例如：lighten() 与 darken()函数可用于调亮或调暗颜色，opacify()函数使颜色透明度减少，transparent()函数使颜色透明度增加，mix()函数可用来混合两种颜色。数值函数处理数值计算，例如：percentage()将无单元的数值转换为百分比，round()将数字四舍五入为最接近的整数，min()和max()获取几个数字中的最小值或最大值，random()返回一个随机数。// 降低颜色透明度 通常使用color.scale()代替该方案。1.Color(颜色函数)
2024-06-25 16:53:17
253
原创 关于前端实现文件下载功能
1、通过window.open()打开新页面下载文件window.open(`url`, '_self')使用场景：下载excel文件，后端提供接口，接口返回的是文件流，可以直接使用window.open()，最简单的方式。优点：最简洁；弊端：当参数错误时，或其它原因导致接口请求失败，这时无法监听到接口返回的错误信息，需要保证请求必须是正确的且能正确返回数据流，不然打开页面会直接输出接口返回的错误信息，体验不好。2、通过a标签打开新页面下载文件export const exportFile
2024-06-04 09:59:28
684
原创 对Web标准的理解浏览器内核差异
对于web标准就HTML结构，CSS表现，JS行为三者独立分离，使其更好的模块化。w3c对web开发标准的书写，结构，命名规范，有标准的要求，标签闭合、标签小写、不乱嵌套、提高搜索引擎搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提高网站易用性提高...
2024-06-04 09:58:43
162
原创 什么是CSS Sprites？
【 什么是CSS Sprites？】1.背景介CSS Sprites简介 加速的关键，不是降低质量，而是减少个数。传统切图讲究精细，图 片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都 按byte计算。客户端每显示一张图片都会向服务器发送请求。所以，图片越多请求次数越多，造成延迟的可能性也就越大。2.知识剖析欢迎使用Markdown编辑器新的改变功能...
2024-06-04 09:56:16
550
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人