- 博客(27)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue 父与孙组件的传值
摘自：https://www.cnblogs.com/lovecode3000/p/12709231.html多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。如果仅仅是传递数据，而不做中间处理，使用 vuex 处理，未免有点杀鸡用牛刀。Vue 2.4 版本提供了另一种方法:使用 v-bind=”$attrs”, 将父组件中不被认为 props特性绑定的属性传入子组件中，配合 interitAttrs 选项一起使用。之所以要提到这两个属性，是因为两者的出现使得组件之间跨组件的通信在不依赖 vu
2022-03-04 09:14:27
2214
原创 for (var i = 0； i＜ 10； i++){ setTimeout(() =＞ { console.log(i)； }, 10) }
for(var i=0;i<10;i++){ setTimeout(function() { console.log(i) }, 10);}答案：打印10次10这道题涉及了异步、作用域、闭包settimeout是异步执行，10ms后往任务队列里面添加一个任务，只有主线上的全部执行完，才会执行任务队列里的任务，当主线执行完成后，i是10，所以此时再去执行任务队列里的任务时，i全部是10了。对于打印4次是：每一次for循环的时候，settimeout都执行一次，但是里面的函数没有被执行，而是被
2021-08-28 17:05:32
4516
原创 vue中在mounted中window.onresize不生效
在vue开发中，因为引用的父组件和子组件都使用了window.onresize以至于一个window.onresize失效。解决方案==>可以采用下面的方式window.onresize = () => this.screenWidth = window.innerWidth // 改为以下写法window.addEventListener('resize', () => this.screenWidth = window.innerWidth, false)...
2021-08-26 10:46:09
763
原创 vue 新窗口打开路由页面
const {href} = this.$router.resolve({ path: '/a', query: { code: '123', }})window.open(href, '_blank')
2021-05-15 16:33:48
1482
原创 vue移动端可拖动div
一、plugins下新建drag.jsexport default { inserted (el) { let switchPos = { x: 10, y: 85, startX: 0, startY: 0, endX: 0, endY: 0 } el.addEventListener('touchstart', function (e) { console.log(e) swit
2021-04-22 17:22:48
359
原创 vue移动端强制横屏展示
一、在 index.html 中加入计算 font-size 代码window.calcFontSize = () => { document.documentElement.style.fontSize = Math.min( document.documentElement.clientWidth, document.documentElement.clientHeight
2021-04-22 17:14:48
3044
原创 Vue防止重复点击重复弹出message弹框
解决办法重写 element $message方法第一步：在plugins中引入 resetMessage.js/**重置message，防止重复点击重复弹出message弹框 */import { Message} from 'element-ui';let messageInstance = null;const resetMessage = (options) => { if(messageInstance) { messageInstance.c
2021-02-23 09:21:56
877
原创 如何比较两个对象数组是否相等
let objArr = [{ nema: "123", age: "19"}, { name: "234", age: "22"}]; let obj2Arr = [{ nema: "123", age: "19"}, { name: "234", age: "22"}];console.log(JSON.stringify(objArr) === JSON.stringify(obj2Arr)); //true
2020-11-23 18:46:28
1231
原创 解决vue-cli 3 打包后vendor.js文件过大问题
第一步 用cdn引入各种包 （vue、vuex、vue-router、element-ui、axios、echarts等）第二步在使用vue等包的地方，注释掉import引入在main.js在store文件加中的index.js在api/request.js文件中在router/index.js文件中第三步 打包忽略vue等包在vue.config.js中，加上configureWebpack配置并将productionSourceMap设为false到此如果打完包后 ven
2020-11-11 14:31:42
1434
原创 前端js 禁止鼠标右键及F12操作控制台查看源码适配各浏览器
禁止F12$(document).ready(function () { $("*").keydown(function (e) {//判断按键 e = window.event || e || e.which; if (e.keyCode == 123) { e.keyCode = 0; return false; } });
2020-10-26 18:27:03
469
原创 不使用Vuex实现Vue 中父子组件、兄弟组件通信
Vue 中父子组件、兄弟组件通信（不使用Vuex）一、父子组件通信1.父组件与子组件通信(通过props属性来完成的)props 可以是数组或对象，用于接收来自父组件的数据。props 可以是简单的数组，或者使用对象作为替代，对象允许配置高级选项，如类型检测、自定义校验和设置默认值。1.1.父组件是通过props属性给子组件通信的父组件：<div id="parent"> <child-f :child1-content="content1" :child1-name="n
2020-07-30 11:43:44
296
原创 element table动态加载数据并添加fixed属性后页面错行
在使用element table组件 动态加载数据并使用fixed属性时，页面会出现错行的现象：解决办法在获取到table数据后重新计算table布局：that.$nextTick(()=>{ that.$refs.teacherTable.doLayout()})并设置样式：/deep/ .el-table__fixed { height: 100% !important;}...
2020-07-30 10:26:33
1588
1
原创 vue使用pdf.js实现在线预览pdf文件
vue使用pdf.js实现在线预览pdf文件1.到PDFJS官网 http://mozilla.github.io/pdf.js/getting_started/#download 下载pdfjs插件包，注意下载Stable稳定版的包。将下载的压缩包解压并放入项目中。2.使用方法3.出现问题1.到PDFJS官网 http://mozilla.github.io/pdf.js/getting_started/#download 下载pdfjs插件包，注意下载Stable稳定版的包。将下载的压缩包解压并放入项
2020-07-17 18:18:38
1919
原创 仿element自定义进度条
由于element官网进度条是按百分比显示的 可选值只有0-100；如果是一个量值的显示，如图这样的用element进度条实现起来就比较麻烦，所以就有了下边的自定义进度条github: https://github.com/Hans-326/ProgressBar...
2020-07-01 11:29:47
607
原创 微信小程序实现版本自动更新
onLaunch: function () { this.autoUpdate(); },autoUpdate:function(){ console.log(new Date()) var self=this // 获取小程序更新机制兼容 if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() //1. 检查小程序是否有新版本发布
2020-07-01 10:34:43
1114
原创 微信小程序使用echars循环加载柱状图、饼状图等
下载echarts微信版 地址：https://github.com/ecomfe/echarts-for-weixin将ec-canvas目录 放在小程序项目目录中在页面开启使用echarts{ "usingComponents": { "ec-canvas": "../../component/ec-canvas/ec-canvas" }}在wxml页面中，tuData是传给图的数据<view class="ques-item" wx:for="{{itemanal
2020-07-01 10:01:12
828
1
原创 element 修改下拉选的默认样式
无法修改选择下拉框的主要原因是，选择下拉的标签并没有插入到body标签中，打开控制台你可以看到这个标签和script标签处于同一层级，所以，解决的办法就是： 给<el-select>标签添加一个属性 :popper-append-to-body="false" 添加后就可正常的修改属性了...
2020-06-02 12:00:46
849
原创 最新省市区json数据
最新省市区json数据https://github.com/modood/Administrative-divisions-of-China
2020-05-15 16:19:18
5978
2
转载 md文件一些基本语法
在使用github写一些使用说明、属性说明、事件说明的时候，需要用到markdown编辑，就需要用到一些特性的语法，看到一篇文章总结的很好，在这里分享给大家作者：凌云之翼https://www.cnblogs.com/liugang-vip/p/6337580.html...
2020-04-18 16:49:42
455
原创 将本地代码上传到github并更新
首先你必须先拥有一个github的账号，并且电脑上需要安装git。登录github，在首页点击start a project ，填好项目名称，项目介绍，项目权限等信息后，点击创建。创建成功后会出现如下页面复制那个ssh链接备用。安装git的前提下，在本地项目的文件夹右击选择 Git Bash Here,然后在命令窗口中输入：git clone https://github.com/xx...
2020-04-16 10:25:27
257
原创 微信小程序监听全局变量的变化
在使用全局的倒计时的时候，单纯的用app.globalData.xxx 无法实现倒计时时间的变化所以就需要用到监听全局变量xxx的变化 在用this.setData赋值app.jswatch: function (method) { var obj = this.globalData Object.defineProperty(obj, 'clock', { c...
2020-04-14 14:21:31
2029
1
原创 微信小程序 实现横向竖向联动滑动
实现基于小程序的scroll-view组件竖向：需要设置固定高度 scroll-into-view：滚动到需要显示的元素<scroll-view scroll-y="true" style="height: 300rpx;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-int...
2020-04-11 11:37:23
1307
原创 微信小程序——this.setData()动态修改数组中的某一值
var subindex = e.currentTarget.dataset.subindex;let temp = 'subnums[' + subindex + '].selected' // 获取数组中需要修改的那个值 subnums[index].selected this.setData({ [temp]: arr })...
2020-04-10 15:45:59
1895
原创 微信公众号实现人脸识别功能
类似于某些app实现人脸识别登陆功能，在微信公众号实现人脸识别功能，该功能之适用于安卓手机，因为限于苹果手机权限管理严格无法调起苹果手机的摄像头，所以苹果手机只能通过微信jssdk的方式去调起摄像头拿到照片；安卓手机主要是通过获取手机媒体信息调起摄像头 然后通过canvas截取人脸图片。实现如下：html<div id="dialogs" style="display: none;"...
2020-04-03 14:47:07
6217
原创 jquery cropper.js实现移动端上传图片裁剪功能
通过cropper.js实现移动端上传图片裁剪功能，并可以旋转图片和自由选择裁剪区域；效果如图：根据cropper.js官方文档很容易实现图片裁剪功能，但是根据需要需要做到上图效果就需要才cropper初始化的时候做一些数据的处理来计算图片显示区域canvas的大小和位置；然后在设置裁剪框的大小和位置。实现如下：preImg.cropper({ // aspectRatio: 4 / ...
2020-04-03 14:04:23
861
原创 jquery压缩图片
var bili = 0.5;//压缩后的图片尺寸,0.7就是70%var quality = 0.2;//压缩后图片的质量,数字越小图片越模糊var img = new Image();img.src = imagebase64;img.onload = function () { var newWidth = img.width*bili;//压缩后图片的宽度 var newHei...
2020-04-03 13:48:17
902
上传图片裁剪功能demo.rar
2020-03-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人