- 博客(20)
- 收藏
- 关注
RSS订阅转载 记录一个非常好用的jQuery鼠标吸附特效插件
jquery-attract-hovergithub地址：GitHub - bymayo/jquery-attract-hover: Creates an 'attract' effect, when the mouse is near an element and within bounds.源代码：/* ************************* Attract Hover ************************* Jason Mayo (ByMayo)...
2021-09-15 14:02:02
300
原创 教你用长图片实现悬浮动效（阿里云首页动效图标）
最近看阿里云首页上的鼠标悬浮动效图标很好看，比较好奇怎么做的。然后自己空闲时间实现了一个，现将步骤列出如下（想直接看代码的拉到最后）：1、首先你需要这样一张图，像展开的gif一样，把所有的动画帧竖列排开拼成一张长图，就比如这个：图源：阿里云首页这张图片的尺寸很有讲究，示例的这张长图的每一张小图都是64px * 64px的，一共20张，整体是64px * 1280px的大小，注意这几个数值，后续都会用到。2、创建一个div，把图片设置为其背景图，div大小与单独的一张图片.
2021-09-08 10:45:02
1509
原创 子组件一旦使用relative时，空白占位的去除问题
不要只对子组件设置relative 要对其父组件设置relative 子组件使用absolute 然后调整top bottom等效果如图，只对子组件设置relative的情况：如果父设置relative子设置absolute的情况 ：
2021-09-02 12:34:41
453
原创 Chrome选择历史记录后输入框默认填充样式的修改
input:-webkit-autofill { box-shadow: 0 0 0px 1000px 背景色 inset !important; -webkit-text-fill-color: 字的颜色 !important; -webkit-background-clip: text;}光标颜色：input{ caret-color: white; /*光标颜色*/}
2021-08-17 11:15:04
232
原创 页面上任意一个DIV触发主动聚焦的方法
为这个div设置tabIndex和iddocument.getElementById(‘id’).focus() // 别的选择器也无所谓如果不想要div被聚焦时外面一圈的边框就在css里设置outline:none;tabIndex：tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）...
2021-07-08 16:15:23
1211
原创 weapp-cookie在IOS下报“r.replace is not a function”的坑
首先我是调用了wx.downloadFile，此时由于引用了weapp-cookie包，这个api会被包内部的downloadFileProxy改写掉然后问题出在 miniprogram_npm\weapp-cookie\index.js 这个文件中 其中第2411行：var responseCookies = response.header ? response.header['Set-Cookie'] || response.header['set-cookie'] : '';通过这行语句.
2021-06-29 13:40:52
366
原创 数组和类数组在低版本下的小坑
今天写代码的时候写了这样的一句：document.querySelectorAll("......").forEach(item=> { ......});看了我的标题以及上面的这行代码的老油条可能就立马反应过来了，你这个小同志不讲武德，这是类数组和数组的问题。其实上面的这个代码在高版本内核的chrome浏览器是可以跟个没事人一样运行的，但是一旦到了低版本的浏览器，就会报错document.querySelectorAll("…").forEach is not a Functi
2021-03-09 10:48:08
180
转载 “vue用v-model绑定的input，直接在js里.value赋值无效” 的解决方法
解决办法：需要在.value赋值后，手动触发input事件dom元素.value = “admin”dom元素.dispatchEvent(new Event(‘input’))例：fast os docker的登录页let name = document.querySelector( "#app > section > section > main > div.main.clearfix > div > div > div > p:nth-chi
2021-03-08 16:11:01
4295
1
原创 学习flutter的一些常用链接
查询所有组件的功能和用法（中文）：老孟flutterflutter项目插件查询：pub.dev前后端交互json在线转dart类：json2dartflutter icons内置图标库汇总：简书链接然后找一本教程就差不多了提供一个在线教程书链接：flutter实战（但是经常网站就崩了）这里点名批评flutter中文网，真的辣鸡没事就崩，好多详细的api也需要翻墙看（当然有梯子的随意了）。...
2021-02-26 15:59:01
134
原创 Vue项目中直接调用打印机打印网页的某一区域的方法
大多数教程提供的是原生的window.print()，它是打印整个页面，如果打印某一块区域就需要window.open一个新的页面，然后再print，但是打开新页面又会显得很累赘，下面介绍两种页内直接呼出打印机的方法：如果你的浏览器版本比较高，可以直接使用vue-print-nb这个插件，比较好用。但是在低内核版本的谷歌浏览器中该插件会出现打印机呼不出来的问题。此时可以使用另一种打印方法：首先随便找个地方创建一个js文件，名字随意，例如print.js。里面的代码如下：// 打印类属性、方法定义.
2021-02-26 15:43:30
3902
6
原创 JavaScript的一些杂七杂八（学习笔记草稿本，想起来啥就写啥）
匿名函数如何实现递归：使用arguments.callee，arguments 的主要用途是保存函数参数， 但这个对象还有一个名叫 callee 的属性，该属性是一个指针，指向拥有这个 arguments 对象的函数。// 计算阶乘(function(x){ return x == 0 ? 1 : x * arguments.callee(x-1); })(10);//3628800 柯里化：柯里化就是预先将函数的某些参数传入，得到一个简单的函数，但是预先传入的参数被保存在闭包中，
2020-11-24 14:56:38
212
2
原创 FireFox火狐浏览器不支持CSS中zoom属性的解决办法
首先需要明确一点的是，火狐浏览器全系列不支持CSS的zoom缩放属性。浏览器兼容查询网站：https://caniuse.com/所以此时只能通过transform的scale实现放缩代码很简单，两行即可：但是不建议用这个，最好加属性前缀，往下看transform:scale(..);transform-origin:..; 其中scale可以只传一个参数，也可以传两个参数表示X，Y方向。transform-origin指定缩放后放置位置的偏移（也可以理解为缩放中心），不设置则放置中心不
2020-11-24 13:00:00
6319
1
原创 父组件通过width:0隐藏滚动条后，子组件还原显示的方法。(CSS)
如果想要隐藏滚动条，网上搜索教程有很多，其中有一种实现方式是强行设置滚动条宽度为0，即：.outer-div ::-webkit-scrollbar{ width:0;}然后此时你会发现，outer-div下所有的子元素的滚动条都没了。如果outer-div下有这么一个div，需要我单独把它的滚动条再复现出来，其他已经隐藏滚动条的div则不受影响。直觉告诉我们应该把这个特殊的div的滚动条的width再设置回来。那么此时你会发现无论width设置多少，都不会出现滚动条。.inner-div
2020-11-17 09:13:29
425
原创 微信小程序使用i-view组件库的i-input无法触发bind:change事件的搞笑“bug”
注意：本篇文章不含技术方面的内容，只是感慨一下，如果你有类似的情况，或者想感受一下搞笑的bug，可以继续看一看，如果你想学习技术，本篇文章大概不会为你提供什么教学帮助。
2020-11-16 10:18:35
1398
原创 微信小程序对图片进行canvas压缩的方法（详解）
简单来讲原理就是：找个不显示在页面上的画布画上去，再取出，如果体积还是太大，缩小尺寸后再画，再取，递归下去，直到体积满足要求。（所以限制的越小，图片越大，压缩越久，递归次数越多）
2020-11-10 15:31:28
7017
27
原创 前端使用Pako对中文字符串进行gZip压缩和解压乱码的解决方法
CSDN上基本找了个遍，有一种方式是通过encodeURIComponent和decodeURIComponent实现的，这个本身是可以的。而如果zip方法中没使用encodeURIComponent的话，基本上所有的文章的解压函数都不支持中文压缩结果的但是要注意使用btoa和atob都是UTF-8编码转Base64，有的后端是需要GBK编码转Base64的function unzip(data){ let charData = atob(data).split('').map(functio
2020-11-05 15:34:57
3738
1
原创 二叉树的前序线索化超详细注释程序，小白专用（C++）
#include <iostream>#include <stdio.h>#include <stdlib.h>using namespace std;/* 本程序实现二叉树的建立和前序线索化，并输出前序遍历的结果。 测试输入：ABD##EF###C#G## A / \ B C /\ /\ D E #...
2018-03-19 22:28:14
2243
原创 KMP算法的超详细注释，小白专用（C++）
#include <stdio.h>#include <stdlib.h>#include <iostream>using namespace std;void cal_Next(char str[], int next[], int len) { //计算next数组，str为目标字符串，next为next数组，len是字符串长度 //i表示当前位，j表示i前...
2018-03-19 22:21:32
230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人