- 博客(31)
- 收藏
- 关注
RSS订阅
原创 ios软键盘顶起页面后隐藏不回弹解决方案
bug复现情况说明：在2018.11.30号一个明媚的下午，测试跟我反馈说ios出现了bug，怀着一定是你姿势不对的心里我自己悄悄的点了一下，我去，居然也出现了，可是昨天还没有啊，开始排查代码，发现没有任何问题，于是用其他版本的ios和微信测试，发现只有在ios12+，微信6.7.4版本才有，然后又看了一下微信6.7.4也是刚更新，为了在验证一下是不是自己的代码问题，于是打开了之前写的项目和自...
2018-12-03 12:28:44
12419
14
原创 解决input上传文件选择同一文件change事件不生效
在文件上传的时候我们我们选择监控change事件来获取文件，发现如果第一次如果选择了A文件，当再次点开选择A 文件时，change事件没有触发，这时可以用如下方式处理.1. vue项目处理方式：this.$refs.uploadExcelId.value=null;复制该代码到项目中，并且把uploadExcelId换成自己input的ref即可。2. 普通js处理方式：event.t...
2018-11-08 11:42:56
6485
3
原创 基于vue2实现左侧滑删除功能
基于vue2实现左侧滑删除功能主要功能提供侧滑删除功能第一个滑动时其他的隐藏删除点击删除按钮后隐藏删除删除样式可以是图片和文字垂直滑动超过30不触发左滑解决与上拉刷新和下拉加载冲突降低左滑灵敏度全部代码组件部分<template> <div> <div class="slider-item" data-type="0"> ...
2018-05-22 11:50:44
2026
原创 vue3学习 【5】watch的使用
当我们需要根据一个数据的变化来进行一些操作的时候我们需要使用侦听器，它能够在响应式数据发生变化的时候触发提供的回调函数。
2024-02-29 15:58:40
663
原创 vue3学习 【4】ref和reactive的使用并于ts结合
接收参数，并将其包裹在一个带有 .value 属性的 ref 对象中返回,如果在js中使用需要XX.value来操作其内容，在模板中可以直接使用，因为已经自动解包了。vue会在首次渲染的时候追踪所有的ref，将ref对象进行一次封装，如果是普通对象我们是没办法检测他的修改和访问的，所以我们将他封装成对象，然后通过。虽然没有严格的规则，但在某些情况下，使用一些特定的内容才是最佳实践，当然你也能够 ref 一把梭哈。，并加以自己的一定理解，如有不对之处，望大家不吝指正。方法拦截对象属性的get和set操作。
2024-02-29 14:50:52
791
原创 vue3学习 【3】组合式api setup() 和 ＜script setup＞
<script setup> 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。当同时使用 SFC 与组合式 API 时该语法是默认推荐。相比于普通的 官方比较推荐实用<script setup >,本文会基于两种方式写出部分代码进行相关对比，后续文章将采用 <script setup > 的方式进行开发。<script setup >defineComponent描述defineComponent主要作用是在定义 Vue 组件时提供类型推导的辅助函数。也可以不使用，不影响上述代码的
2024-02-28 17:19:11
436
原创 vue3学习 【2】vite起步和开发工具基本配置
官方文档刚起步学习，所以我们只需要按照官方文档的入门流程即可。推荐阅读一下官网的为什么使用vitevite目前需要的node版本是18+，可以参考上一篇文章的安装nvm，用来进行多版本的node管理。vue官方推荐了很多模版，可以使用命令行执行，这样可以少一些回车操作，建议阅读官方文档。
2024-01-05 17:55:31
493
原创 vue3学习 【1】开发环境准备
推荐使用nvm进行node管理，vue3需要node18+,所以需要安装版本，使用nvm可以管理多个node版本，方便使用和切换。执行完毕后请关闭终端在打开。
2024-01-04 14:31:14
374
原创 lua学习-3 循环和流程控制
上述代码是指：从exp1 到exp2 以exp3为步长进行循环并执行todo代码，exp3默认为1，其实exp2可以是函数，但是只会执行一次（计算出结果，就不会再次执行了）.如果条件判断语句（condition）为 false，循环会重新开始执行，直到条件判断语句（condition）为 true 才会停止执行。ipairs从第一个数字key开始，依次输出所有的key+1的键值，遇到字母下标并不会结束遍历，只是不输出而已，如果遇到nil则退出；(循环体语句) 可以是一条或多条语句，可以是任意表达式，在。
2023-08-24 17:50:25
883
原创 前端性能优化整理
性能调优从输入URL到页面解析经历的过程DNS解析TCP连接HTTP请求发出服务器解析并返回内容浏览器解析服务器内容，并渲染网页DNS解析优化TCP连接优化HTTP请求优化减少请求次数减少请求体积webpack优化让loader做更少的事情module: { rules: [ { test: /\.js$/, exclude: /(node_modules|bower_components)/, use: {
2022-01-31 10:45:45
1413
原创 HTML实现渐变边框及边框圆角
需求要求实现如下效果：实现方式<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen
2021-12-03 11:49:24
1189
原创 vue-print-nb如何打印隐藏dom
问题描述目前有一个tabs页面，每个里面是不同的表单，因为通过v-if实现的显隐控制，需求要求点击打印后将全部tabs的内容打印，每个tabs页面是一个独立的页。功能实现1.新建一个div将tabs全部渲染2.通过隐藏实现div不可见3.通过css控制每个tabs是一个单独的A4纸。具体代码HTML代码 <!-- 需要填写想要打印的id --> <button v-print="'#objectDialogPrintWarp'"></button>
2021-10-12 11:55:11
3934
2
原创 yield关键字理解
yield关键字理解什么是yieldThe yield keyword is used to pause and resume a generator function.// yield这个关键字是用来暂停和恢复一个遍历器函数（的运行）的。类似return，但是有不同：return结束函数并且将结果进行返回，return 后面的代码将不再执行yield有点类似断点，过程中可将值进行返回并且暂停函数，通过调用next继续进行函数，yield必须要写在遍历器函数(Generator)中,否则
2021-09-06 17:10:00
291
原创 js中class的使用
ES6中类的使用如何创建一个类class User{} //第一种let User=class{} //第二种构造函数的使用与参数初始化class User{ constructor(name){ this.name=name; }}静态属性的定义与使用class request{ static host="http://127.0.0.1"; postBody(url){ return request.host+`/${url}` }}le
2021-01-12 23:36:26
3570
1
原创 proxy实现vue双向绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input v-m
2020-08-31 00:13:10
147
原创 js合并两个对象
//方法一 (展开语法)let test1={...a,...b};console.log("test1:",test1)//方法二 Object.assignlet test2=Object.assign(a,b);console.log("test2:",test2);// 方法三 jquery.extend()(第三方库)let test3=jQuery.extend(true,a,b);console.log("test3:",test3);//方法四 lodash（第三
2020-07-07 23:40:06
2108
原创 js解决滑动窗口最大值(leetcode第239题)
题目给定一个数组 nums，有一个大小为 k 的滑动窗口从数组的最左侧移动到数组的最右侧。你只可以看到在滑动窗口内的 k 个数字。滑动窗口每次只向右移动一位。返回滑动窗口中的最大值。示例:输入: nums = [1,3,-1,-3,5,3,6,7], 和 k = 3输出: [3,3,5,5,6,7] 解释: 滑动窗口的位置 最大值---------...
2020-03-09 17:48:43
348
原创 vue源码技术点(第一天)
exports.getAllBuilds = () => Object.keys(builds).map(genConfig)函数Object.keys会返回一个对象中所有可枚举的key，如果是数组，将会返回下标。例如：1.const configs = { umdDev: { format: 'umd', env: 'development' },...
2020-01-13 12:33:16
242
原创 C语言入门"hello World！！"
软件准备软件准备：tdm64-gcc-5.1.0-2.exeVisual Studio Code（个人推荐）或者记事本（大神专属）软件下载地址：tdm64-gcc-5.1.0-2.exeVisual Studio Code如果网速不够快推荐使用下方的百度云盘百度网盘提取码【0ujv】软件安装软件安装过程不过多赘述，如安装过程中存在问题请自行百度。（本人使用win7 64位，w...
2019-11-05 17:21:26
494
转载 设置禁止修改微信字体
<script type="text/javascript"> (function () { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize();...
2018-12-24 09:50:38
824
原创 H5跳转实现微信一键关注
先上图：实现方式：首先登陆自己的微信公众平台，然后打开开发者工具，搜索window.wx其中的uin为自己平台的id。经过base64加密，然后在如下链接中替换_biz码即可。https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=替换成刚才经过加密的id即可&scene=110#wechat_redirect上...
2018-12-11 17:51:58
9656
3
原创 javaScript异步和事件轮询机制
前提本文的一个重要的前提就是js的一个特点就是：js是单线程语言,js是单线语言,js是单线语言,在这种模式下可能会产生一个比较常见问题，页面假死，主要原因就是有一个耗时任务在进行，导致后面的任务无法开始，js为解决这个问题提供了两种模式：同步和异步。什么是异步提起异步大家大家首先应该想到同步，首先解释一下什么是同步。同步即为按照顺序执行，下一任务需要等前一个任务执行完成后才可以开始。那异步...
2018-11-02 15:32:49
327
原创 Elementui的级联选择器在blur事件调用接口无法关闭菜单
问题描述我们再使用element的级联组件的时候会有这种情况，允许用户选择任意一级选项，当用户选择后需要调用后端接口，这时我们需要在组件上配置“change-on-select”，但是如果这个时候我们监控组件的change事件在其中做逻辑处理，只要值发生改变就会向后端发送请求，这样会增大后端接口的压力，所以我们不能这么做。然后我们 看到在Cascader组件中有blur事件，所以猜测可以监控bl...
2018-09-19 17:35:27
5390
原创 Vue动画离开动画不生效
官方Demo地址起因在写vue动画的时候参考官方给的demo发现只有进入动画没有离开动画。下面是官方代码。<div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="fade">
2018-08-08 12:33:17
6994
3
转载 文字实现两端对齐
/***你好，我也遇到这样的问题了，我想可能是 justify 需要有换行才能触发这种效果，另外我把 span 换成了 :after，也达到了同样的效果，而且这样不需要额外的span就可以写成公共的 class***/.justify{ width: 120px; text-align: justify;}.justify:after{ content: ""; pa...
2018-08-02 12:20:02
2108
原创 解决ios 上input设置readonly依然存在光标
<input type="number" readonly unselectable="on" onfocus="this.blur()"/>unselectable属性作用 在IE浏览器中，当input获得焦点时，点击有unselectable=”on”属性的标签时，不会触发onblur事件。 onfocus=”this.blur()”方法作用 获取焦点时调用失去焦点事件...
2018-07-05 18:01:37
2450
转载 微信静默授权增加浏览器历史记录导致跳转死循环的解决方案
产生原因产生原因和解决方案写的非常详细， https://blog.csdn.net/shunqixing/article/details/80189410示例代码let urlArray=queryURLParameter(location.href); let urlCode=urlArray.code;//通过url获取到的code ...
2018-06-29 17:50:15
1923
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人