前端积累
文章平均质量分 58
记录 优化
f(me)
Imagination is the true magic carpet.
展开
-
uniapp蓝牙连接操作详解
蓝牙对接硬件操作详解原创 2023-08-10 12:56:31 · 3915 阅读 · 0 评论 -
深入了解Object.defineProperty方法
Object.defineProperty 语法Object.defineProperty(obj, prop, descriptor)obj 需要定义属性的对象prop 需要定义的属性descriptor属性的描述描述符返回值:返回此对象[举个例子]let obj = Object.create(null);let descriptor = { configurable:false, writable:false, enumerable:false,原创 2023-02-06 00:12:00 · 403 阅读 · 1 评论 -
Vue3(快速上手)
Vue2 与 Vue3 的区别数据双向数据绑定Vue2.0 数据绑定 是通过 Object.defineProperty 来劫持对象属性的 geter 和 seter 操作,当数据发生改变发出通知// 数据let data = { title: '', // 备份数据 _data: {}}// 定义特性Object.defineProperty(data, 'title', { // 定义特性属性或者特性方法 // 取值方法 get() { // console.log('g原创 2023-02-06 00:11:51 · 1798 阅读 · 0 评论 -
理解Vue3 为什么使用 Proxy
前言Vue 3.0 开始 Proxy 代替 Object.defineProperty 那么 Proxy 是什么,Proxy能干什么,Vue中 Object.defineProperty 和 Proxy的区别是什么,为什么要替换Proxy是什么?Proxy 对象用于定义基本操作的自定义行为(如属性查找,赋值,枚举,函数调用等)。通俗的讲Proxy是一个对象操作的拦截器,拦截对目标对象的操作,进行一些自定义的行为。Proxy怎么用?let p = new Proxy(target, handler原创 2023-02-06 00:11:36 · 1287 阅读 · 0 评论 -
ES6 笔记
ES6let、const与var的区别// let 声明的变量只在它所在的代码块有效for (let i = 0; i < 10; i++) { console.log(i);}console.log('aaa');console.log(i); // i is not defined// 上面代码中,计数器i只在for循环体内有效,在循环体外引用就会报错。==========================================================原创 2023-02-06 00:11:49 · 506 阅读 · 0 评论 -
JavaScript DOM 编程艺术读书笔记
Js// ==========================================// 首先需要一个addLoadEvent函数,因为在文档完全加载后如果想运行某个函数,就需要用到它function addLoadEvent(func) { // 把现有的window.onload 事件查理函数的值存入变量oldonload. var oldonload = w原创 2023-02-06 00:11:06 · 761 阅读 · 1 评论 -
Vue视频插件(vue-video-player)
vue视频插件原创 2023-02-06 00:11:10 · 8130 阅读 · 4 评论 -
echarts饼图、折线图属性设置大全(全注释建议收藏)
全注释echarts原创 2023-01-24 11:03:10 · 4842 阅读 · 1 评论 -
TypeScript
什么是 TypeScriptTypeScript 是微软开发的一个开源的编程语言,通过在 JavaScript 的基础上添加静态类型定义构建而成。TypeScript 通过 TypeScript 编译器或 Babel 转译为 JavaScript 代码,可运行在任何浏览器,任何操作系统。TypeScript 是 JavaScript 的超集超集 : 如果一个集合S2中的每一个元素都在集合S1中,且集合S1中可能包含S2中没有的元素,则集合S1就是S2的一个超集,反过来,S2是S1的子集。 S1是S2的原创 2023-01-24 11:02:24 · 2706 阅读 · 3 评论 -
登录组件实现细节
登录细节分析细节一:页面启动后自动聚焦检查用户名或密码是否为空,如果发现为空,则自动聚焦:mounted() {// 将username设为空 ,然后不为空就会聚焦到password上 if (this.loginForm.username === '') { this.$refs.username.focus() } else if (this.loginForm.password === '') { this.$refs.password.focus()原创 2023-01-24 11:00:34 · 371 阅读 · 1 评论 -
requst库源码解析(运用axios及拦截器)
request 库使用了 axios 的手动实例化方法 create 来封装请求,要理解其中的用法,我们需要首先学习 axios 库的用法原创 2023-01-24 11:00:06 · 1335 阅读 · 1 评论 -
面包屑导航(与路由映射)
el-breadcrumb-itemel-breadcrumb:面包屑导航容器,separator 控制面包屑导航文本中分割线el-breadcrumb-item:面包屑子项目,可以使用 to 属性切换路由,slot 中可以包含 a 标签来跳转到外链<el-breadcrumb separator="/"> //导航分割线 <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> &l原创 2023-01-24 10:59:22 · 1638 阅读 · 1 评论 -
路由重定向原理解析
登录重定向login.vue 中对 $route 进行监听:watch: { $route: { handler: function(route) { const query = route.query if (query) { this.redirect = query.redirect this.otherQuery = this.getOtherQuery(query) } }, immediate:原创 2023-01-24 10:58:17 · 3160 阅读 · 2 评论 -
sidebar(侧边栏原理vue admin)
sidebar 侧边栏原理原创 2023-01-24 10:57:32 · 9376 阅读 · 1 评论 -
路由和权限校验原理
路由和权限校验原理原创 2023-01-24 10:55:53 · 1034 阅读 · 1 评论 -
路由处理及功能(实现了权限控制vue admin)
路由处理及功能 vue admin原创 2023-01-24 10:54:19 · 1240 阅读 · 1 评论 -
vue登录流程(思路)
登录流程分析路由和权限校验原创 2023-01-24 10:47:07 · 2524 阅读 · 1 评论 -
uni-App真机调试(平台配置真机调试)
uni-app 项目配置平台配置HBuider建议下载下载好之后点击工具 --> 设置 --> 运行配置这个路径就是我们微信开发者工作的目录一般不需要我们自己填,只有运行不起来微信开发者工具时使用配置好这些就可以点击运行了(包括下面这个微信的端口号开启)微信小程序打开微信小程序点击设置 -> 安全设置 -> 保证服务器端口是开启的app真机、模拟器连接安卓设备 —> 首先确保我们电脑和手机通过数据线连接起来原创 2021-01-05 10:43:08 · 7564 阅读 · 0 评论 -
echarts 3d词云(指向滑动、拖动、缩放、点击、自转 )
前言由于拖动、缩放、点击 (复制及可用)注意:依赖文件 在 index.html 中引入(依赖文件下面直接提供)<template> <div class="ciyun"> <canvas id="myCanvas"></canvas> <div id="tags"> <a href="http://www.baidu.com" target="_blank">爱</a>原创 2021-09-08 17:56:18 · 4558 阅读 · 4 评论 -
echarts 地图 加涟漪 加路线 加移入
echarts地图,点对点的动画效果,指向高亮原创 2021-09-07 18:06:34 · 832 阅读 · 0 评论 -
Vue-router(路由最优写法,路由守卫)
最优写法原创 2021-03-31 14:54:14 · 1337 阅读 · 0 评论 -
vue--生命周期(分析及其使用)
vue–生命周期生命周期图生命周期函数 beforeCreate() { //实例完全被创建出来之前,会执行它 // 注意: 在 beforeCreate 生命周期函数执行的时候,data 和 methods 中的 数据都还没有没初始化 }, created() { // 在 created 中,data 和 methods 都已经被初始化好了! // 如果要调用 methods 中的方法,或者操作 data原创 2021-12-14 10:23:04 · 596 阅读 · 0 评论 -
element (Tree 树形控件)(数据更新后取消默认收起)
当使用 el-tree 新增文件夹时,组件默认会全部收起,重复点击会影响体验效果,于是开始了碰壁了,解决后在此分析。原创 2021-08-17 15:21:24 · 3269 阅读 · 4 评论 -
封装组件的原则(封装组件必看)彻底搞明白封装组件
什么时候需要封装如果一块内容在项目中出现了两次就要考虑是否应进行封装一个组件、一个函数、一个css 只要是需要多次使用的都可以考虑封装封装原则封装的组件必须具有高性能,低耦合的特性,封装的组件为子组件,引用封装组件的地方叫父组件为了实现高新能、低耦合应该从这几个方面下手:规则3中插槽详解1.数据从父组件传入(子组件本身尽量不要生产数据,如果需要生成数据,只能在组件内部进行使用,不要传递出去。)props: { num:{ type: Number, }}对于通过props传入的参原创 2021-03-26 16:56:59 · 19259 阅读 · 0 评论 -
vue数字翻牌(两种方案直接渲染动画/根据值动态渲染)
数字翻牌效果一次到位翻慢慢翻原创 2021-12-16 09:07:30 · 2576 阅读 · 1 评论 -
Axios(万字详细教程)
Axios介绍1、Axios是什么?Axios是一个基于promise的HTTP库,类似于jQuery的ajax,用于http请求。可以应用于浏览器端和node.js,既可以用于客户端,也可以用于node.js编写的服务端。2、Axios特性(1)支持Promise API(2)拦截请求与响应,比如:在请求前添加授权和响应前做一些事情。(3)转换请求数据和响应数据,比如:进行请求加密或者响应数据加密。(4)取消请求(5)自动转换JSON数据(6)客户端支持防御X原创 2021-12-23 22:34:38 · 27189 阅读 · 8 评论 -
canvas学习笔记
canvascontext是一个封装了很多绘图功能的对象,获取这个对象的方法是 var context =canvas.getContext("2d");canvas元素绘制图像的时候有两种方法,分别是context.fill()//填充context.stroke()//绘制边框style:在进行图形绘制前,要设置好绘图的样式context.fillStyle//填充的样式context.strokeStyle//边框样式context.lineWidth//图形边框宽度转载 2021-12-16 09:08:43 · 929 阅读 · 1 评论 -
前端项目性能优化(全面解析)
Amazon 发现每100ms延迟导致1%的销量损失原创 2021-06-19 18:52:10 · 3110 阅读 · 4 评论