weixin_51490706-CSDN博客

原创一个吊炸天的登录页面

熊猫会跟着鼠标的移动转动，输入密码的时候会遮住熊猫的眼睛<!DOCTYPE html><html><head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalab

2022-05-09 17:25:13 122

原创微信小程序地图polygons自己标点，三个点以上连成面

在微信小程序地图中，自己标点，三个点以上连成面，方法里边有注释wxml<map id="map" style="width:100%;height:100%;" longitude="{{longitude}}" latitude="{{latitude}}" bindtap="bindMap" polygons="{{polygons}}" markers='{{markers}}'></map>jsPage({ /** * 页面的初始数据 */

2022-05-06 10:07:25 1565

原创前端面试题

**vue2.0和vue3.0的区别**1、默认进行懒观察（lazy observation）。在 2.x 版本里，不管数据多大，都会在一开始就为其创建观察者。当数据很大时，这可能会在页面载入时造成明显的性能压力。3.x 版本，只会对「被用于渲染初始可见部分的数据」创建观察者，而且 3.x 的观察者更高效。2、更精准的变更通知。比例来说：2.x 版本中，使用 Vue.set 来给对象新增一个属性时，这个对象的所有 watcher 都会重新运行；3.x 版本中，只有依赖那个属性的 watcher

2022-04-27 11:13:21 1574

原创微信小程序地图获取经纬度并获取经纬度的地址信息

使用wx.getLocation的时候需要在app.json中写"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" }}

2022-04-21 18:34:28 822

原创 uni配置跨域

1.在manifest.json文件中配置跨域，该方法类似vue.config.js中的devServer"h5" : { "devServer" : { "disableHostCheck" : true, // 开启可以用自己的域名 "proxy": { "/api": { "target": "https://www.test.com", "changeOrigin" : true,

2022-03-25 09:45:36 1438

原创树结构递归查找父级

//array是查找的树结构列表，dictKey是根据字段查找find(array, dictKey) { let stack = []; let going = true; let walker = (array, dictKey) => { array.forEach(item => { if (!going) return; stack.push(item["id"]); if

2022-03-08 14:50:24 304

原创 element表格选中回显+搜索选中状态不改变

<template> <div class="dormitory"> <div class="searchWord"> <div style="display: inline-block"> 搜索：</div> <el-input v-model="search" style="display: inline-block;width: 1300px" placeholder="请输入搜索内

2021-11-14 16:14:07 157

原创 vue中给一个静态的class名和一个动态的class名

<div :class="'detail_title_item '+(inx==1?'active':'')"></div>inx是动态的值

2021-11-04 09:37:25 574

原创解决 cnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。

解决方式：1、在系统中搜索框输入 Windos PowerShell2、点击“管理员身份运行”3、输入“ set-ExecutionPolicy RemoteSigned”回车4、根据提示，输入A，回车5、再次回到cnpm -v执行成功。

2021-09-03 09:33:47 118

原创 vue接入电脑摄像头进行人脸录入

在vue中接入电脑进行人脸录入需要笔记本前置摄像头，或者电脑摄像头设备先写一个video用来接入摄像头，一个按钮进行摄像头截取图像，canvas展示截取的图片<div class="cameraImg"> <div> <video width="200px" height="150px" ref="video"></video></div> <button id="snap" @click="getImg">截取

2021-04-27 12:23:16 495

原创 echarts添加点击事件

myChart.off("click");//不加这个可能会导致请求多次数据，且结果不一样 myChart.on("click", function (content) { //添加点击事件}

2021-01-05 18:43:44 149

原创 vue使用Echarts图表随着容器的变化而变化

<template> <div id="myChart" class="siggle-chart" :style="{ width: '100%', height: '570px', margin: 'auto' }" ></div></template>mounted() { this.drawLine(); // this.init(); window.addEv

2021-01-04 17:44:25 518

原创 vue处理事件之后滚动条置顶

<template> <div ref="box" @click="changeScroll"></div></template>methods:{ changeScroll(){ this.$refs.box.scrollTo(0,0) },}如果是在页面跳转的时候需要调整滚动条，直接在created里边this.$refs.box.scrollTo(0,0)...

2020-12-22 17:45:18 355 2

原创 element树形控件获取选中的id和半选中的id

element树形控件获取选中的id和半选中的id下面展示一些内联代码片。this.$refs.edittree.getCheckedKeys() //获取选中的节点this.$refs.edittree.getHalfCheckedKeys() //获取半选中的节点

2020-12-09 10:45:33 560 2

原创 css超出省略号

新建一个div 标签<div>超出省略号显示超出省略号显示超出省略号显示</div>在css中div{ width:100px;//(必须设置宽度才能实现) white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

2020-11-26 16:17:56 272

原创 vue在内网使用video，video-js.swf加载不到

现在做的一个项目在外网上播放video视频是没问题的，但是部署到服务器上，显示加载不到这个文件，会报错。先下载好video和flash，主要是需要npm install videojs-swf然后在需要播放的视频页面引入在vue.config.js中然后重启项目就OK了...

2020-11-24 17:07:16 2715 1

原创 vue中点击菜单，更换对应的选中的图片和字体颜色

vue中点击菜单，更换对应的选中的图片和字体颜色我都是直接截的图，这样可以让你们边看边自己敲，这样可以更好的学习，脑过千遍不如手过一遍将菜单数组写好或者可以用后台数据（必须有选中的和未选中的图片路径，图片必须用require引入，不然无法显示）for循环到页面上，在data中声明一个变量在点击事件中传一个index下标，当点击的时候将声明的变量等于下标在渲染图片的时候通过三元运算符渲染，当点击的下标等于声明的变量值的时候展示点击选中的图片，更换字体颜色通过动态绑定class名，当点击

2020-11-05 19:38:59 1775

原创 vue引入字体

vue引入扩展字体.ttf格式1.下载自己所需要的字体，文本格式为.ttf2.在src下面的assets下边新建一个font文件夹3.在font文件夹中新建一个font.css并且将下载好的字体复制进去(最好不要改名，下载是什么就是什么，我改了一下，不能用，重新下载了一下就可以了，如果自己找不到下载的字体可以找UI要)4.在font.css中写入代码@font-face{ font-family:"方正综艺简体";//这个是自己起的字体名 src: url("./方正综艺简体.t

2020-11-05 19:06:53 401

weixin_51490706的博客