- 博客(39)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 uniapp+axios请求的封装
因在用vue3.0时会导致无法引有buildFullPath和settle两个库。所简单处理这两个方法。// utils/request.ts文件代码如下。uniapp+axios请求的封装。
2024-04-30 12:04:43
46
原创 谷歌浏览器的开发者插件vue-devtools
在这里我留下一个git地址用来下载插件包，首先在自己喜欢的位置创建一个新的文件夹，起一个自己喜欢的文件夹名字，下载到包后，然后点进文件夹里下载依赖，npm install,下载后如下面这个样子。然后点进去shells文件夹中，找到chrome文件夹，打开谷歌的开发者扩展程序，把chrome文件夹拖到里面就可以了。最后在cmd进行，npm run build。
2024-04-11 15:20:59
234
原创 前端js基础知识（八股文大全）
当Render Tree中部分或全部元素的尺寸、结构、或某些属性发生改变时，浏览器重新渲染部分或全部文档的过程称为回流（重排）。1、页面首次渲染2、浏览器窗口大小发生改变3、元素尺寸或位置发生改变4、元素内容变化（文字数量或图片大小改变而引起的计算值宽度和高度改变）5、元素字体大小变化6、添加或者删除可见的DOM元素7、激活CSS伪类（例如：:hover）68、查询某些属性或调用某些方法。
2024-04-11 14:10:52
909
原创 前端必会的深拷贝代码
1.先定义一个变量，需看是传出来是数组还是对像，如果是对像则定义为Object,如果是数组则是Array。4.如果key存在判断key的类型是引用数据类型（Object）还是基础数据类型。5.是引用数据类型（Object）则递归调用，如果是基础数据类型则直接赋值。3.先用hasOwnProperty判断key是否存在。2.先用for in 循环对像获数组。思路：根据判断key 来处理。
2023-11-18 15:56:59
57
原创 vue-router 路由理解
每次发生路由的导航跳转时，都会触发全局前置守卫。因此，在全局前置守卫中，程序员可以对每个路由进行访问权限的控制。是没有前置后置可分的，因为beforeRouteLeave是离开该组件时才会被调用，并不是跳转之后就调用的。next 是一个函数，调用next() 表示放行，予许这次路由导航。from 是将要离开的路由的信息对象。全局后置钩子是没有第三个参数中的 next 的。to 是将要访问的路由的信息对象。独享路由守卫是没有后置路由守卫的。组件内路由守卫，写在组件内部的。# 后面的值都是不发给服务器的。
2023-11-13 10:59:17
164
原创 浏览器window对象常用属性及方法有哪些
BOM：Browser Object Model 是浏览器对象模型，BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象也是核心对象，其他对象都是该对象的子对象。在浏览器中，window对象有双重角色，它既是通过javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。浏览器介绍BOM对象包含(1)window 对象，是 JS 的最顶层对象，其他的 BOM 对象都是 window 对象的属性。(2)document 对象，文档对象；
2023-11-02 10:23:28
250
原创 uinapp 微信小程序和H5处理文件（pdf）下载+保存至本地+预览功能
【代码】uinapp 微信小程序和H5处理文件（pdf）下载+保存至本地+预览功能。
2023-09-12 15:16:54
2534
原创 web前端和客户端与服务器端通信方式
与 WebSocket 不同的是，服务器发送事件是单向的。HTTP协议是一种客户端-服务器模型的协议，客户端通过发送HTTP请求与Web服务器进行通信，Web服务器则通过发送HTTP应答来响应请求。web前端常见的网络请求协议，包括HTTP协议、HTTPS协议、FTP协议、AJAX技术、WebSocket协议 、HTML5中的EventSource(see)强大的API。服务器和浏览器之间可以实现双向数据实时通信，WebSocket 是独立的，建立在 TCP 协议之上，服务器的实现比较容易，
2023-08-31 10:18:24
692
原创 css3 代码效果（ 投影效果、360度旋转、css3播放器效果）
功能四</span></a><a class="round-nav-item bottom-left"><span>功能三</span></a><a class="round-nav-item top-right"><span>功能二</span></a><a class="round-nav-item top-left"><span>功能一
2023-07-14 15:12:42
320
原创 简单实现防抖和节流方法
每次触发事件时都会判断是否等待执行的延时函数;高频事件触发，每次触发事件时设置一个延迟调用方法，并且取消之前延时。每次触发时都会取消之前的延时调用,防抖触发高频率事件时n秒后只会执行一次，如果n秒内再次触发，则会重新计算。函数防抖一定连续触发的事件，只在最后执行一次，而函数节流一段时间内只执行一次。：防抖和节流本质是不一样的。防抖是将多次执行变为最后一次执行，节流是将。多次执行变成每隔一段事件执行。
2023-07-14 09:48:14
79
原创 VUE简单的手掌指定选择那一只手指录入指纹组件
3.数据分别是右手（拇指、食指、中指、无名指、小指），左手（拇指、食指、中指、无名指、小指）1.VUE简单的手掌指定选择那一只手指录入指纹组件。1.可以获用户选择是右手还是右手。2.可能知道用户选择的是那手指。
2023-05-26 12:11:39
229
原创 vue-tree-select树形组件，支持一次加载上万条树据无卡顿
父组件代码vue-tree-select。调用组vue-tree-select。vue-tree树形结构递归调用组件。
2023-05-12 11:04:25
1744
原创 vue自定义组件如何挂载到body上
2.vue规定不能直接挂在到body html的跟节点上去。3.vm.$el 可以获取虚拟dom实例化的真实dom节点。vue自定义组件如何挂载到body上。
2023-04-03 10:57:07
2908
原创 使用原生的JavaScript操作DOM
a.修改元素主要使用元素（Element）的innerHTML和innerText属性。b.删除某个节点的子节点 (Node.removeChild(child))afterbegin:element之内（第一个子元素之前）beforeend:element之内（最后一个子元素之后）beforebegin: element之前（兄弟元素）afterend: element之后（兄弟元素）a.可以直接删除某个节点 (Node.remove())a、通过ID获取（getElementById）
2023-04-03 10:08:51
335
原创 vue可拖拽移动放大缩小的弹框组件
dragenter：元素拖进可drop元素（绑定drop事件的元素）时触发，作用于目标元素。dragover：当元素拖动到drop元素上时触发，作用于目标元素。dragleave ：当元素离开drop元素时触发，作用于目标元素。drop：当元素放下到drop元素触发，作用于目标元素。1.父元素的宽-自适应值 ini父元素的高-自适应值。dragstart：开始拖元素触发，作用于拖拽元素。dragend：放开拖动元素时触发，作用于目标元素。drag：每次元素被拖动时会触发，作用于目标元素。
2023-03-30 09:19:25
2950
原创 自定义组数对像排序，保证相同数据排在最前面
/ 1.把选中插入1的数组---第二次插入时需做查重复处理。// 2.数组1有的。原数据都要删除生成2数据。注：以上代码如有两个相同的seq,那就会排在后面。// 3.1和2数组排序。方法1：简单的组数对像排序。// 4.合并两个数据。方法2：简单的组数对像排序。
2023-03-29 12:05:11
133
原创 关于html5 video标签手机无法播放问题
1、 height="240px" 如果有封面，请设置高度2.controls 这个属性规定浏览器为该视频提供播放控件3. style="object-fit:fill" 加这个style会让 Android / web 的视频在微信里的视频全屏，如果是在手机上预览，会让视频的封面同视频一样大小4、webkit-playsinline="true" 这个属性是ios 10中设置可以让视频在小窗内播放，也就是不是全屏播放5、x-webkit-airplay="true" .支持Airplay
2022-07-04 10:47:33
4403
原创 vue3.0 父子组件传值无法把props的值传递给data里面，因为data()只会运行一次，所以要用watch来进行监听props里面内容的变化
vue3.0 父子组件传值无法把props的值传递给data里面，因为data()只会运行一次，所以要用watch来进行监听props里面内容的变化
2022-06-25 09:28:10
1519
原创 vue 实现6位数验证码框
组件1<template><div> <div class="code-input-main"> <div class="code-input-main-item" v-for="(item,index) in codeList" :class="{'on':seat==index}" :key="index" @click="onClick(index)" &...
2021-12-23 12:23:41
2836
1
原创 MySQL简单SQL语句零基础教程
--------DML-----------单表查询SELECT 列 FROM 表; ---二维表-- * 常数 四则运算 DISTINCT COMMIT CONCAT_WS-- 别名 ASORDER BY 列; --最后一条子句-- ASE DESC 作用紧跟着的列WHERE 过滤条件; --SELECT 之后-- 列 > = < != BETWEEN AND IN IS NULL IS NOT NULL-- CONVERT(.. USING gbk)-- 模糊查询
2021-06-02 18:07:30
91
原创 JS获取浏览地址处理方法
console.log(window.location.href,"----当前页面的url信息----");console.log(window.location.pathname,"----文件地址----")console.log(window.location.search,"----取地址名----")let tpl="blue";var str=window.location.pathname;var page=str.substr(1);//获取当前参数functi
2021-06-02 14:00:33
789
原创 webpack解决方法IE兼容方法和处理打包ES6转ES5的问题处理
1、在根目录下新建.babelrc文件 文件内容如下{ "presets": ["es2015"] }
2021-05-28 15:50:30
506
原创 vue给不同环境配置不同打包命令
VUE给不同环境处理不同的打包命令，用环境变量去处理不同接口进行测试和发布（如开发环境、测试环境，正式环境等）1.新建.env文件;.env 全局默认配置文件，不论什么环境都会加载合并.env.development 开发环境下的配置文件.env.test 测试环境下的配置文件.env.production 生产环境下的配置文件2.环境变量配置VITE_APP_SERVER_NAME="user"VITE_APP_SERVER_ID=1VITE_APP_API = "ht
2021-05-27 11:27:06
2560
2
原创 js 简单的上传图片预览JS脚本 Input file图片预览的实现示例
js 简单的上传图片预览JS脚本 Input file图片预览的实现示例1.下面用于图片上传预览功能 a.火狐下，直接设img属性 b.火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式 c.IE下，使用滤镜//下面用于图片上传预览功能function setImagePreview(avalue) {var docObj=document.getElementById("doc");var imgObjPreview=docum...
2021-05-26 14:52:28
345
1
原创 Vue 3 + Typescript + Vite + vant3 搭建移动端通用架子
// import { defineConfig } from 'vite'// import vue from '@vitejs/plugin-vue'// https://vitejs.dev/config/// export default defineConfig({// plugins: [vue()]// })import { defineConfig, loadEnv} from 'vite'import vue from '@vitejs/plugin-vue'co.
2021-05-25 11:38:32
895
原创 vue.js+node.js+webpack配置方法
1、Node.js 安装配置 Node.js安装包及源码下载地址为：https://nodejs.org/en/download/。本安装教程以node-v6.11.0-x64.msi版本为例。安装方法http://www.runoob.com/nodejs/nodejs-install-setup.htmlNode.js默认安装目录为 "C:\Program Files\nodejs\"1、在你项目的根目录下创建一个叫 server.js 的文件，并写入以下代码： va.
2021-05-24 16:45:08
185
原创 利用css3修改input[type=radio]样式
css3代码部份/**利用css3修改input[type=radio]样式**/.min-input{ position: relative;line-height: 30px;}.min-input input[type="radio"] ,.min-input input[type="checkbox"] { width: 20px; height: 20px;opacity: 0;}.min-input label {position: absolute;left: 5px;top:..
2021-05-24 09:13:34
232
原创 PFUIN一款基于UNI-APP开发跨平台应用实现的精致移动端组件库，编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。
介绍PFUIN一款基于UNI-APP开发跨平台应用实现的精致移动端组件库，编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。特性质量可靠由UNI-APP内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。体验极致以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。标准规范遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。扩展性强支持按需引入和后编译，轻量
2021-05-21 11:25:56
234
原创 js实现 全国城市的三级联动
js实现 全国城市的三级联动function Dsy() { this.Items = {};}Dsy.prototype.add = function (id, iArray) { this.Items[id] = iArray;}Dsy.prototype.Exists = function (id) { if (typeof(this.Items[id]) == "undefined") return false; return true.
2021-05-21 11:22:40
882
原创 12个WEB前端测试要点
12个WEB前端测试要点注：了解网络协议，浏览器工作原理1.减少HTPP请求的数量(合并小图片、JS、css) 2.用好浏览器缓存机制3.利用GZIP压缩机制作；(压缩JS、css文件)4.把CSS文件放在HTML的开头5.把Javascript文件放在HTML的结尾6.避免CSS表达式7.减少DNS查找：把域名解析成IP地址8.最后使用Javascript压缩9.避免重定向状态 redirect[http://www.ba...
2021-05-21 11:18:25
703
原创 TypeScript中类继承与实现
### TypeScript中类继承简单代码实现- a.js代码```export class A { public sayHello() { console.log('a'); }}```- b.js代码```import { A } from './a';export class B extends A { public sayHi() { console.log('B'); }}const b = new B();b.sayHello();...
2021-05-21 11:13:24
217
原创 前端自动划布置和GIT代码管理方案
1.nginx配置开发、测试、灰度、正式环境地址(一台静态服务器处理方案、多台服务器不需要配置)2.vue通过环境变量去指定打包的目录和接口地址教程：https://segmentfault.com/a/11900000181617763.通过node.js去指定打包的存放的位置教程：https://segmentfault.com/a/11900000187297014.通过git管理好相对应的版本(如：正式master,测试test,开发dev) 教程： git checkout 命令用
2021-05-21 10:54:57
92
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人