![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工具代码
淡若清风_Simple
这个作者很懒,什么都没留下…
展开
-
cookie跨域调试
1.0 在谷歌浏览器中分别输入下面地址chrome://flags/#same-site-by-default-cookieschrome://flags/#cookies-without-same-site-must-be-secure2.0 都设置为disabled,记得保存,报存后重启浏览器原创 2021-04-08 09:54:48 · 259 阅读 · 0 评论 -
浏览器类型判断代码
browserType () { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = false; if (userAgent.indexOf('Edge') > -1) { return "Edge"; } if (userAgent.indexOf('.NET') > -1) { r原创 2020-05-15 09:59:06 · 271 阅读 · 0 评论 -
对接数据前的准备(采用的是jquery的方式开发)
// 1.0 设置页面数据 var pagedata = { uid: '', // 用户id gdstatus: '', // 工单类型 代收工,进行中,已完成 page: 0 } // 2.0实现切换效果(获取分类状态) cateTab() ...原创 2020-01-04 10:09:02 · 574 阅读 · 0 评论 -
weui实现时间选择器
weui --github文档最近一个项目中要用到 日期时间选择器, 采用了weui, 但是在其文档中 所提供的选择器中,并没有时间选择器,但是有日期选择器以及普通选择器,所以实现思路为,使用普通选择器制作一个时间选择器, 在选择日期后,点击确定,马上弹出这个普通选择器,有点踩坑的是 在选择完 日期后,想调用普通选择器发现不会弹出,解决方案如下: function dateMypick(...原创 2020-01-03 19:36:45 · 4140 阅读 · 0 评论 -
微信小程序解析html富文本插件wxParse的使用
微信小程序解析html富文本插件wxParse的使用原创 2019-12-16 14:16:03 · 169 阅读 · 0 评论 -
关于微信小程序中的 onload 和 onshow的触发场景
onload 的触发场景 1.0 打开小程序进入该页面时候 (此时点击tabbar中的每一项都会执行onload, 从点击过了的tab项再进入其它点击过的tab项,不会执行 onload) 2.0 修改代码点击保存的时候会 onload 3.0 页面跳转(带参数,因为页面只能通过onload(option)方法中options 获取参数) 4.0 wx.navigateTo和wx.red...原创 2019-12-14 18:22:32 · 5545 阅读 · 0 评论 -
js中的字符串的match()和replace()方法的使用
String.prototype.match() /** 探讨 字符串的String.prototype.match()方法: 官方解释作用: match() 方法可在字符串内检索指定的值,或找到一个(无全局匹配 /g 的正则表达式) 或 多个( 有全局匹配 /g 的正则表达式)正则表达式的匹配 ...原创 2019-12-12 21:11:48 · 1046 阅读 · 0 评论 -
jquery实现图片的本地预览
jquery实现图片的本地预览原创 2019-12-09 19:14:18 · 445 阅读 · 0 评论 -
js读取文件的方法
1.0 读取服务器上的文件 (get请求) function readAjaxFile(url) { // 创建xhr var xhr = new XMLHttpRequest() // 监听状态 xhr.onreadystatechange = function() { // 监听状态值为4 if(xhr.readyState === 4 && x...原创 2019-12-06 14:03:28 · 2146 阅读 · 0 评论 -
css 常见布局方案以及技巧
tab 切换的布局技巧 <!-- 使用flex布局, display: flex; justify-content: space-between;--> <section id="tab"> <section class="catgegory"> <section class="c1 active"> ...原创 2019-12-06 11:40:49 · 342 阅读 · 0 评论 -
swiper插件实现中间大两边小的轮播图效果
var swiper = new Swiper('.swiper-container', { effect: 'coverflow', centeredSlides: true, spaceBetween: '18%', slidesPerView: 'auto', ...原创 2019-12-06 10:21:36 · 6946 阅读 · 4 评论 -
解决border-radius:50% 不圆的方法(由于使用了rem)
在写移动端的web页面的时候,发现使用了 border-radius 属性,在pc端正常显示,在手机端却发现无法不圆,后面在网上查了一下,使用了rem单位设置了宽高,就会出现这种情况,解决方案有两种,一种是把rem换成px单位,另外一种是使用svg的方式 <svg class="back"> <!-- cx: 中心点的x轴的坐标,cy: 中心点的y轴坐标,r...原创 2019-12-04 13:53:08 · 6589 阅读 · 0 评论 -
h5中常见的功能封装
/** * getCode(time) 获取验证码的操作封装 * el: 获取验证码的容器 * time: 设置时间间隔 */ function getCode($el, time) { let flag = true let times = p...原创 2019-12-04 13:06:34 · 1097 阅读 · 0 评论 -
移动端初始化样式
@charset "utf-8";/* 移动端样式初始化 */* { -webkit-tap-highlight-color: transparent; /* 点击高亮显示的颜色*/ -webkit-text-size-adjust:none; /* 谷歌浏览器字体默认大小的缩放 */}body { background-color: #fff; font-family: ...原创 2019-12-02 10:58:37 · 574 阅读 · 0 评论 -
精灵图在线工具
生成精灵图 工具网站推荐精灵图自动检测工具网站推荐原创 2019-12-02 14:21:28 · 3439 阅读 · 1 评论 -
webAPI的dom操作封装(兼容IE)
var commonjs = { /** 1.通过id获取元素 * @param idName:元素id字符串 * @return 获取到的dom对象 */ id: function (idName) { return document.getElementById(idName); }, /** 2.获取标签元素...原创 2019-12-01 17:31:48 · 90 阅读 · 0 评论 -
微信小程序封装网络请求(promise方式)
1.0 结构如下:2.0 代码如下config.js // es6语法导出 export const baseURL = 'http://www.xxxx/api'network.js import {baseURL} from './config.js' export default function(options) { return new Promise((resol...原创 2019-11-26 20:08:44 · 794 阅读 · 0 评论 -
微信小程序自定义头部导航栏组件
推荐优秀博客 -----11.0 自定义头部导航栏组件 // 1.0 在app.json中自定义导航栏配置 "navigationStyle": 'custom // 2.0 获取胶囊位置相关信息 let rect = wx.getMenuButtonBoundingClientRect ? wx.getMenuButtonBoundingClientRect() : nul...原创 2019-11-26 16:56:32 · 1575 阅读 · 0 评论 -
商城切换分类以及分页加载的实现
商城切换分类以分页加载思想以及实现 实现思路: 1.0 定义全局存储的变量(页码,分类id,搜索关键字,存储数据的数组) 示例: 以小程序为例 data: { pages: 1, // 页码 cate_id: '', // 分类id keyword: '', // 搜索关键词 dataList: [] // 数据列表 } ...原创 2019-11-23 17:42:15 · 421 阅读 · 0 评论 -
ES6 学习总结
待写中。。。 a. 数组中的方法: push()方法可以在数组的末属添加一个或多个元素 shift()方法把数组中的第一个元素删除 unshift()方法可以在数组的前端添加一个或多个元素 pop()方法把数组中的最后一个元素删除 b. 扩展运算符 案例一: var newArr = ...['a','b','c'] 案例二: newArr.unshift(...原创 2019-11-20 17:05:01 · 87 阅读 · 0 评论 -
微信小程序常用api总结
内容待写。。。原创 2019-11-19 18:26:47 · 1180 阅读 · 0 评论 -
echarts的学习(1-----初探)
option = { title: { text: '走向图', link: 'https://blog.csdn.net/gray_key', left: "15%", textStyle: { color: "blue" } }, // backgroundColo...原创 2019-11-18 18:49:43 · 125 阅读 · 0 评论 -
border-radius兼容iPhone的问题(圆角失效)
-webkit-appearance:none; border-radius: .05rem;原创 2019-11-15 16:28:34 · 2844 阅读 · 0 评论 -
移动端键盘弹出收起事件处理(移动端弹出键盘底部按钮上浮解决方案)
//获取原始窗口的高度 var clientHeight = document.documentElement.clientHeight || document.body.clientHeight; $(window).on('resize', function (e) { // 获取键盘弹出后窗口的高度 var nowClientHeight = document.docu...原创 2019-11-15 16:26:38 · 559 阅读 · 0 评论 -
页面全局配置的封装config.js
var globeURL = 'https://gzxf.qqyjz.com/public/index.php';// 异步请求封装function ajaxRequest(url,dataObj) { var result = '' $.ajax({ url: `${globeURL}/${url}`, type: 'POST', ...原创 2019-11-14 14:02:44 · 601 阅读 · 0 评论 -
一段很好使用并且容易 理解的 图片懒加载代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-28 15:31:12 · 142 阅读 · 0 评论 -
移动端初始化样式
/* base.css样式初始化文件 放了一些常见样式初始化 和移动端样式初始化 和 公共类名 */ /* 把所有标签的间距去掉 开发为了方便先写* 号后面如果上线固定只有这些标签把*号在换成每个标签 */ * { margin: 0; padding: 0; /* 移动端一定要设置核心模型计算方式为border-box 防止边框padding撑大盒子 出现横向...原创 2019-09-18 18:09:08 · 1742 阅读 · 0 评论 -
js实现倒计时
js 实现倒计时// html结构<div class="countdown clearfix"> <span>0</span> <span>0</span> <span>:</span> <span>0</span> <span>0</span> ...原创 2019-08-22 22:18:14 · 287 阅读 · 0 评论 -
iscroll.js的使用
移动端滚屏插件(iscroll.js)的使用使用该插件的容器的内容要溢出和隐藏<style> .jd_cateLeft { /*超出部分隐藏*/ overflow:hidden; height:100%; width:30px; }</style>在js中一定要注意: 阻止移动端的touch的默认事件// 引入iscroll.js<...原创 2019-08-22 15:15:46 · 366 阅读 · 0 评论 -
apple-system BlinkMacSystemFont Mac兼容字体库
github 网页的新字体 -apple-system BlinkMacSystemFont 是什么兼容主流浏览器和苹果端浏览器代码如下兼容主流浏览器和苹果端浏览器-apple-system 是在以 WebKit 为内核的浏览器(如 Safari)中,调用 Apple(苹果公司)系统(iOS, macOS, watchOS, tvOS)中默认字体(现在一般情况下,英文是 San Franci...原创 2019-08-02 14:42:25 · 20849 阅读 · 1 评论