- 博客(67)
- 收藏
- 关注
RSS订阅原创 谷歌安装扩展程序提示可能已损坏，怎么解决
1、首先把需要安装的第三方插件，后缀.crx 改成 .rar，然后解压，得到一个文件夹。3、选中开发者模式复选框，然后再点击加载正在开发的扩展程序按钮。5、确认新增扩展程序，点击添加，成功添加，并且正常使用。2、打开谷歌浏览器，在工具菜单中依次打开扩展程序，4、选择刚才步骤1中解压好的文件夹，确定。
2023-06-02 13:46:59
1019
原创 面试题：react、vue中的key有什么作用？（key的内部原理）
1.虚拟DOM中key的作用： key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】， 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下：2.对比规则： (1).就虚拟DOM中找到了与新虚拟DOM相同的key： ①.若虚拟DOM中内容没变，直接使用之前的真实DOM！ ②.若虚拟DOM中内容变了，则生成新的真实DOM，随...
2022-03-15 10:04:07
1429
转载 Git 常用命令
git branch 查看本地所有分支git status 查看当前状态git commit 提交git branch -a 查看所有的分支git branch -r 查看远程所有分支git commit -am "init" 提交并且加注释git remote add origin git@192.168.1.119:ndshowgit push origin master 将文件给推到服务器上git remote show origin 显示远程库origin里的资源git ...
2022-03-15 09:50:29
94
原创 jquery 点击按钮隐藏显示 按钮样式切换
$('.btn').click(function(){ $(this).toggleClass('on'); $("div").toggle();})
2021-03-11 15:34:32
423
原创 滚动条样式修改
/*==================== 重置滚动条 =================*//*滚动条背景*/.course-tab ul::-webkit-scrollbar {width: 8px; height:8px; background-color: #eee;}.course-tab ul::-webkit-scrollbar-track {border-radius: 0; }/*滚动条样式*/.course-tab ul::-webkit-scrollbar-.
2021-03-06 16:20:47
148
原创 css3 文字渐变
.c-gradient-main{color: #b30100;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#dc222b), to(#b30100)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;padding-right:32px;}
2020-12-23 15:42:17
106
原创 小程序switch样式修改
.wx-switch-input{width:75rpx !important;height:38rpx !important;}/*白色样式（false的样式）*/.wx-switch-input::before{width:72rpx !important;height: 34rpx !important;}/*绿色样式（true的样式）*/.wx-switch-input::after{width: 35rpx !important;height: 34rpx !important;}..
2020-10-24 11:09:45
452
转载 在光标位置插入内容的jquery实现方式
<!DOCTYPE html><html><head> <title>无标题页</title> <script type="text/javascript" src="jquery-1.7.2.min。js"></script> <script type="text/javascript"> (function ($) { $.fn.e.
2020-08-19 11:24:31
190
原创 用js控制css样式加 !important 加不上的解决方法
$("#test").css("cssText","height:300px !important;width:300px !important");
2020-04-21 09:36:35
1038
原创 获取视窗高度
var winW = parseInt(document.documentElement.clientHeight, 10) + parseInt(document.documentElement.scrollTop || document.body.scrollTop, 10);
2020-01-13 15:38:57
384
转载 微信小程序去除Button默认样式
在小程序开发过程中，使用率蛮高的组件button，因为经常要去除默认样式，然后再自定义样式，所以经常写，自己也总结分享一下简单的实现步骤。首先了解一下默认的样式有哪些，然后根据自己的UI来实现：button {position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:14px;...
2019-09-20 11:20:28
362
转载 input file元素change事件上传一次失效问题
使用input file元素时上传碰到两个问题：change事件上传一次后失效相同文件只能选择一次（有上传相同文件的需求）问题1：网上一搜很多碰到同样问题的小伙伴，解决方案大致思路为上传完成后替换原file元素的内容，然后重新绑定change事件，大致实现如下//上传成功后大致操作$("#file").replaceWith("<input type='file' nam...
2019-09-20 10:52:41
626
转载 输入框调用手机键盘的确认按钮
// html代码<input class="keyword" type="serch" placeholder="请输入项目名称或地址">// js代码如下$(".keyword").on('keypress',function(e){varkeycode=e.keyCode;varsearchName=$(this).v...
2019-09-20 10:48:02
1692
原创 点击除弹框之外的地方 弹框关闭
$(function(){ $(.btn").click(function(e){ $(".tk").show(); $("body").css({"position":"fixed"}); }) $(".tk-bg").click(function(e){ if(e.target.className!=="conten...
2019-09-19 16:39:21
458
转载 微信小程序canvas画圆环形进度条
最近做一个小程序，有用到canvas画圆环形进度条，效果图就是上图了。为了方便日后使用，我已经封装了一个独立的js文件。先简单说一下实现流程，封装好的文件下载地址：https://github.com/SuperDalu/wxCanvas.git先在wxml文件中创建画布 <canvas canvas-id="runCanvas" id="runCanvas" clas...
2019-09-11 10:01:55
940
1
转载 微信小程序超出文本显示省略号
-单行文本超出：(建议设置一个宽度，默认为100%).team-content { width: 500rpx; display:-webkit-box; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-break:br...
2019-07-24 17:25:34
939
转载 JavaScript判断设备是手机端还是PC端，并加载不同的css/js文件
function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone ...
2019-07-24 10:33:04
922
转载 微信小程序swiper添加左右箭头切换功能
微信小程序swiper添加左右箭头添点击切换功能，在网上找了一下，发现大部分都是同一个人发布的，而且有地方无法正常运行，在自己的研究下，在原有代码的基础上修改了一下，已可以正常运行，运行的效果如下wxml代码<view class='ceshi_swiper'> <swiper class='read_swiper' indicator-dots='{{swip...
2019-06-05 15:53:45
5092
1
转载 input file里的JQ change() 事件的只生效一次
文件选择框的onchange事件只在第一次改变时生效，以后再选择文件不会触发onchange事件。解决方法1：用jQuery的live代替直接使用change。错误代码：$("#UploadFile").change(function(){ //do someing });正确代码：$("#UploadFile").live('change', fu...
2019-06-05 15:48:13
247
转载 怎么使用jquery判断一个元素是否含有一个指定的类（class）
在jquery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下：1.is(‘.classname’)2.hasClass(‘classname’)以下是一个div元素是否包含一个redColor的例子：1.使用is(‘.classname’)的方法$('div').is('....
2019-06-05 15:46:48
1135
转载 jQuery删除一个元素后淡出效果展示删除过程的方法
当我们删除一个元素时希望能看到删除的过程，这个效果通过对元素进行淡出展示动态化删除过程。$("#myButton").click(function() { $("#myDiv").fadeTo("slow", 0.01, function(){//fade $(this).slideUp("slow", function() {//slide up $(this)....
2019-04-25 11:51:43
1799
2
转载 jQuery修改alert ，confirm的样式
大家都知道, javascript 原生的alert和confirm在手机端尤其是ios系统的手机上显示不够友好，会出现网站域名，提示ok等等,因此我们可以自定义修改其中的样式和方法，提高用户体验性。引入 common.js.js 文件，代码如下(function($) { $.alerts = { alert: function...
2019-04-24 10:07:21
1524
原创 弹框 点击弹框以外的地方 弹框隐藏
$(function(){ $('.screen-nav li').on('click',function(e){ $('.screen-box').show(); $(document).one('click',function(){ $('.screen-box').hide(); }) e.stopPropagation();/*stop...
2019-04-03 15:10:17
671
转载 CSS实现垂直水平居中
元素已知宽度绝对定位 + margin auto + 流体特性 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <t...
2019-03-21 14:18:12
201
原创 swiper 两个轮播关联切换
<section class="diary"> <div class="swiper-container gallery-thumbs swiper-nav"> <div class="swiper-wrapper"> <div class="swiper-slide pr">标题1</div> ...
2019-03-19 15:20:30
3664
原创 jquery 复选框最多选择3个，已选的可以取消（选框样式）
$(function(){ var cb1 = $('[name="scxm-checkbox"]'); cb1.change(function () { if (this.checked && cb1.filter(':checked').length > 3) { this.checked = false; this....
2019-02-20 13:32:08
921
原创 怎么实现表单提交后不重新刷新当前页面
怎么实现表单提交后不重新刷新当前页面onsubmit="return saveReport();function saveReport() { // jquery 表单提交 $("#showDataForm").ajaxSubmit(function(message) { // 对于表单提交成功后处理，message为提交页面saveReport.htm的返回内容 }); re...
2019-02-19 17:42:35
1093
转载 jQuery对checkbox的各种操作
//注意： 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上（包含）建议用prop //1、根据id获取checkbox $("#cbCheckbox1"); //2、获取所有的checkbox $("input[type='checkbox']");//or $("input[name...
2019-02-19 10:45:01
144
转载 sublime 怎么把菜单改成中文
1.打开安装好的的sublime,选择Preferences ->Package Contorol2.在弹窗输入install package,选择对应命令点击进入3.在弹窗出输入chinese,选择插件ChineseLocaloztions点击安装4.等待安装完成，5.此时可在Help ->Language处自由切换语言6.切换中文显示成功©著作权归作者所有：来自51C...
2018-12-15 11:40:39
3561
1
原创 jquery操作select(增加，删除，清空)
1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的 3. var checkValue=$("#select_id").val(); /...
2018-12-05 11:00:15
223
原创 运动
v = ( c / d ) * t + bc：总路程d ：总时间t：已过时间b：初始位置位置 = （总路程 / 总时间）* 已过时间 + 初始位置调用 Tween.jsfunction move(param){ var el = param.el; var attr = param.attr; var target = param.targe...
2018-11-20 17:49:39
145
原创 定时器 函数调用
1、间隔型定时器setInterval(fn,20) //fn 函数 20时间（单位：毫秒） 每隔一段时间执行一次var res = setInterval();clearIntervar(res);//清除定时器 1s=1000ms不是立刻执行，要等待第一次间隔 2、间隔型定时器setTimout()隔一段时间执行，只执行一次var timer...
2018-11-19 16:43:56
2470
原创 页面居中对齐
1、top:50%;left:50%; transform:translate(-50%,-50%); 2、top:50%;left:50%; margin-left:-宽度的一半; margin-top:-高度的一半;
2018-11-19 16:36:48
1051
原创 函数声明 函数表达式
function fn(){ console.log(1);}预解析：fn=一个函数函数声明 可以先调用，在声明（尽量不要这样写） var fn= function(){ console.log(2);}预解析：var fn=undefined fn 不是函数函数表达式不能先调用，再声明...
2018-11-19 16:34:17
106
原创 闭包
是指有访问另一个函数作用域中的变量的函数。function fn(){ var a="鸡腿"; function yizhishou(){ console.log(a); } return yizhishou;}//fn执行后返回一个函数var foo=fn();foo();函数 函数执行 函数返回值 要搞清楚...
2018-11-19 16:28:33
100
原创 transform
rotate rotateX rotateY rotateZrotate3d(x,y,z,deg)translate()1个参数 延长X的平移 2个参数 ：第一个参数X，第二个参数Y
2018-10-25 09:42:07
218
原创 css3盒模型
css3盒模型 w3c标准盒模型 IE6混杂模式盒模型 盒宽 = 设置宽+padding+border 盒宽 = 设置宽 box-sizing:border-box 将w3c标准盒模型 转换为 IE6混杂模式盒模型div{width:100%;padding:10px;border:3px;}不会超出父级宽度...
2018-10-11 15:18:32
137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人