- 博客(25)
- 收藏
- 关注
RSS订阅原创 jQuery实现input框checkbox全选
jQuery 实现input框checkbox全选点击全选或者取消全选，单击选中全部自定勾选全选<div> <label> <input name="checkAll" type="checkbox"> <span>全选</span> </label></div><div> <label> <input name="checkItem" type="checkb
2021-03-05 14:41:04
1883
原创 jQuery实现tab标签页切换
<div class="tab"> <span>tab1</span> <span>tab2</span> <span>tab3</span></div><div class="tabshow"> tab1显示内容</div><div class="tabshow" style="display: none;"> tab2显示内容</div>..
2021-01-25 16:55:21
332
原创 jQuery轮播左右多项展示滑动
<div class="tabshow" style="display: none;"> <div class="wrapbox"> <ul> <li> <div class="t">2021第33届深圳国际医疗器械展览会</div> <p>我国是人口大国，行业属于国家重点支持的战略新兴产业，发展前景广阔。伴随着经济的快速发展，我国医疗器械行业增长迅速，与国际市场相比</p> .
2021-01-25 16:46:19
481
原创 jQuery点击获取验证码倒计时
jq点击获取验证码倒计时<div class="input"> <input type="text" name="" id="" /> <button class="getCode">获取验证码</button></div>// 引入jQuery<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>/
2021-01-21 14:19:33
187
原创 微信小程序滑动穿透问题解决
微信小程序滑动穿透问题解决在弹出部分的wxml代码上加catchtouchmove="true"可解决滑动穿透问题<!-- 弹出窗 --><view class="pop" catchtouchmove="true"></view>
2020-11-02 15:41:26
827
原创 微信小程序点击收藏取消收藏显示（改变当前点击数组对象中的属性）
微信小程序点击收藏取消收藏显示（改变当前点击数组对象中的属性）点击当前遍历数组item的子元素，改变当前点击的对象中的属性值。用mark绑定一个值，例如：mark:myMark="{{item.id}}"。由于item添加了点击事件，用catchtap="shoucang"绑定防止冒泡。<view class="company-item" wx:for="{{companies}}" data-id="{{item.id}}" wx:key="id" bindtap = "Toqiyech
2020-10-29 15:00:50
1009
原创 微信小程序点击跳转动态改变跳转页面标题
微信小程序点击后跳转动态改变跳转页面标题页面点击跳转后原页面的item.name为跳转后页面的标题原页面：跳转页面：<view class="company-item" wx:for="{{companies}}" data-id="{{item.id}}" wx:key="id" bindtap = "Toqiyechaxunmsg"> <view class="information"> <view class="image"><i
2020-10-29 14:36:55
2360
原创 IE8不兼容rgba()透明度解决方法
解决IE8不兼容rgba()在做一些政府单位或者需要适配比较老的ie8浏览器的时候，往往一些属性做不到兼容。一些背景色需要设置一定的透明度，但是浏览器不兼容就会出现rgba()无效的情况。解决办法：css样式中透明度rgba()使用如下代码表示，即rgba(0, 0, 0, 0.5)，其中7f代表透明度0.5filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f00000
2020-10-13 14:24:59
395
原创 rem.js
(function(win,lib) {var doc = win.document;var docEl = doc.documentElement;var metaEl = doc.querySelector('meta[name="viewport"]');var flexibleEl = doc.querySelector('meta[name="flexible"]');var dpr = 0;var scale = 0;var tid;var flexible = lib.flex
2020-10-09 16:40:48
517
原创 css实现实心三角箭头，兼容ie
css实现实心三角箭头，兼容ie<i class="up"></i><i class="down"></i><i class="prev"></i><i class="next"></i>.up{ display: inline-block; border-top:20px transparent solid; border-right:20px transparent solid; bor
2020-10-09 16:30:42
319
原创 跑马灯liMarquee – jQuery无缝滚动插件
跑马灯liMarquee – jQuery无缝滚动插件liMarquee 是一款基于 jQuery 的无缝滚动插件，类似于 HTML 的 marquee 标签，但比 marquee 更强大。它可以应用于任何 Web 元素，包括文字、图像、表格、表单等元素，同时它可以设置不同的滚动方向（左右上下）、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。liMarquee – jQuery无缝滚动插件...
2020-09-18 09:59:00
435
原创 box-sizing属性影响盒子宽高
box-sizing 属性 box-sizing 是用于告诉浏览器如何计算一个元素是总宽度和总高度box-sizing: content-box;盒子的总宽度 = width + border + padding（width = 200px + 20px * 2 + 10px * 2）盒子的总高度 = height + border + padding（height = 200px + 20px * 2 + 10px * 2）box-sizing: border-box;盒子
2020-09-14 11:49:41
623
原创 jQuery朋友圈查看图片效果
jQuery实现朋友圈查看图片效果效果： 图片点击显示大图，多张图可以滑动，左右按钮点击可切换查看图片index.html 文件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo
2020-09-10 15:28:56
392
原创 JavaScript节点操作
节点操作什么是节点： 网页中的所有内容都是节点(文本，标签，属性，样式，注释等)，在节点中使用node来表示节点拥有的特性： 拥有nodeType,nodeName,nodeValue三个基本属性nodeType节点类型分为： 元素节点 1，属性节点 2，文本节点 3 实际开发过程中，主要操作的是元素节点父节点node.parentNode 返回的是某节点的父节点，注意是最近的一个父节点，如果没有父节点返回值为null子节点parentNode.childNodes;返回的是指定节点的
2020-09-05 14:26:39
160
原创 JavaScript数组操作
JavaScript数组操作创建数组的两种方式:字面量var arr=[1,2,3];通过newvar arr=new Array(); var arr=new Array(size); var arr=new Array(element0, element1, ..., elementn);注意事项: 没有参数，声明一个空数组；一个参数表示声明长度为size的数组；多个参数，表示声明长度为为元素个数的数组且每一个元为初始化值数组中常见的方法：添加删除数组的元
2020-09-05 11:46:07
179
原创 jQuery 多库共存问题
jQuery 多库共存问题实际开发中，很多项目连续开发很多年，JQuery版本也在不断更新，最初的JQuery库不满足需求，这个时候就需要保证在旧版本正常运行情况下，新的版本也能实现如何解决jQuery 多库共存问题？将$统一改为jQueryjQuery变量规定新的名称 $.noConflict();， var 自定义名称 = $.noConflict();// 使用 noConflict() 方法为 jQuery 变量规定新的名称 example var example =
2020-09-04 11:07:43
183
原创 消除input框（type=“number“）右侧的数量加减按钮
消除input框（type="number"）右侧的加减按钮input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
2020-09-02 09:38:15
1120
转载 表格tr下边框设置方法
表格tr下边框设置方法使用表格时给tr设置边距如果如下直接使用border-bottom是没有作用的tr { border-bottom : 1px solid #FFF;}table中有一个属性：border-collapseborder-collapse 参数：1.separate 默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。2.collapse 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty
2020-08-27 11:26:00
2215
1
转载 vue-cli（脚手架）创建新项目
vue-cli（脚手架）创建项目vue-cli官网文档项目创建终端运行命令vue create 项目名称输入后回车可看到相关配置? Please pick a preset: (Use arrow keys)default (babel, eslint) // 默认选项Manually select features // 手动选择功能选择default则会直接创建项目，创建项目包括 babel\eslin 这些工具，其他比如 Router/Vuex 等依赖需要自己手动安装选择Man
2020-08-23 16:25:50
357
原创 vue-cli4引入element ui
vue-cli4引入element ui按照官网文档按需引入出问题报错，如下可解决问题官方文档链接: element-ui文档安装element uinpm i element-ui -Smain.js引入import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)添加 babel-plugin-component 依赖借助 babel-plug
2020-08-23 15:49:20
5107
原创 微信小程序canvas签名功能
微信小程序实现canvas签名功能wxml<view class="signature">签名</view><canvas class="canvas" id="canvas" canvas-id="canvas" disable-scroll="true" bindtouchstart="canvasStart" bindtouchmove="canvasMove" bindtouchend="canvasEnd" touchcancel="canvasEnd" bi
2020-08-20 16:07:53
1423
原创 H5页面在苹果端左右滑会拉出空白问题解决
H5页面在苹果端左右滑会拉出空白问题解决全局样式加上*{-webkit-overflow-scrolling: touch;}
2020-08-20 15:49:20
1649
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人