- 博客(29)
- 收藏
- 关注
RSS订阅
原创 本地调试获取微信code网页授权，免部署（前端+开发者工具）
之前做微信code获取的调试都是部署到服务器上比较麻烦。这次总结了一下前端怎么在本地就能获取微信code。本项目是在mac上用react开发，所以教程内容偏向这俩。内容仅供参考，有更好的办法可以留言，互相学习一下～...
2022-07-20 11:49:43
2650
1
原创 vue+elementUI表格组件（支持多选、分页、选中回显、搜索、增删改查）
vue+elementUI+table+checkbox多选列表组件（支持表格分页，解决分页回显等问题）组件功能1、支持不同表头复用2、支持多选，单选3、支持增、删、改、查、功能4、支持分页...
2018-11-29 10:44:38
11262
3
原创 js数组、对象基本操作
js中如何判断一个对象是否为空对象通过for...in... 遍历或Object.keys()js中如何判断一个对象是否为空对象通过for...in... 遍历或Object.keys()JS去重数组Array.from(new Set(array))JS数组排序sort()数组操作事件https://www.w3school.com.cn/jsref/jsref_obj_array.asp...
2022-04-02 14:40:11
344
原创 vue+mockjs的小用法
最近想往数据库里导一些数据，同事推荐了mock，了解一下觉得不错，现将在vue用的mock贴上来写在前默认看此文的盆友都是有vue基础的哟~~一、导读将mockjs的数据直接展示在vue页面上mockjs官网链接二、安装mockJS//安装mockJSnpm install mockjs注意1、使用< pre >标签能格式化输出json代码2、使用mockjs的随......
2018-11-29 10:52:55
652
原创 vue中用mint ui checklist 插件change事件不能获取全部值的原因
vue中用mint ui checklist 插件change事件不能获取全部值的原因这是使用@change事件输出的选中值 看到了输出内容并不是全部选中的值。原因 可能是因为生命周期的原因，methods 监听的第一次就是修改前的值。解决办法 用watch监听来获取 watch:{ value:{ //注意：......
2018-08-02 10:57:03
2306
原创 echarts 移动端画面失真模糊，tooltip不显示
echarts 移动端画面失真等使用心得这次的项目移动端电脑端都有用到echarts这个插件。在此记录一些使用心得，方便日后查看。如果能帮到看文章的你，我很高兴。移动端一、柱状图，画面失真，柱状图发虚解决方案一换svg绘图解决方案二我的项目出现这个的原因是我使用echarts.init()的时候，直接将id绑定在canvas上了。将id绑在div上就会避免这个现象了......
2018-05-18 10:35:55
5097
原创 js点击页面其他地方，对目标进行操作比如隐藏div
js点击页面其他地方，对目标进行操作。比如隐藏div。$(document).on('click',function(e){ var e = e || window.event; //浏览器兼容性 var elem = e.target || e.srcElement; while (elem) { //循环判断至跟节点，防止点击的是div
2018-02-02 15:30:24
3966
原创 iframe遇到的坑，如子父页面元素获取报错，iframe.contentWindow == null等等
新接触了一个用iframe的项目，入门的时候子父页面的元素获取和传值搞得我头晕脑胀，浪费了很多时间。 在此，总结下iframe的一些小知识 子页面获取父页面元素//js //获取父页面的window window.parent //获取父页面元素 window.parent.document.getElementById("objid")......
2018-02-02 15:24:02
19450
原创 js/jq动态添加Class,无法添加点击事件
js/jq动态添加的Class,有时候click事件不好使。可以在标签上加onclick。或者用如下代码来添加。$(document).on('click','.classname',function (){});
2018-02-01 11:16:04
6718
2
原创 iframe自适应高度
iframe自适应高度$('id').load(function() { //iframe自适应 var iframeHeight=$(this).contents().height(); $(this).height(iframeHeight+'px'); if (iframeHeight != 0){ window.parent.modalh
2018-01-10 14:56:25
153
原创 点击页面其他地方，隐藏目标div
stopPropagation() 方法 不再派发事件。终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。(阻止冒泡)$("目标按钮").on("click", function(e){ $(this).removeClass("hide"); $(document).on("click", fu
2018-01-09 13:20:11
601
原创 tv电视焦点（遥控器）操作笔记jq
tv电视焦点操作笔记所有操作代码都是基于jQuery写的 1、首先要获得遥控器键值来模拟，遥控器键值和键盘键值大同小异，以下附上一些基本键值
2017-08-23 15:05:08
4510
3
原创 ajax嵌套
备忘 描述：使用async ：false。ajax默认async是为ture的，当async: true 时，ajax请求是异步的。但是其中有个问题：ajax请求和其后面的操作是异步执行的，那么当页面还未执行完，就可能已经执行了 ajax请求后面的操作。当async:false时，ajax请求为同步，这时Ajax请求将整个浏览器锁死,直到请求结束
2017-08-02 11:51:36
298
原创 下划线tab切换仿手机淘宝收发货
tab切换仿手机淘宝收发货tab平滑切换下划线，下划线长度可以随文字长度更改。 基于jQuery。贴效果图 html结构上，一定要给文字套一个行内标签例如span,这样方便获取字符长度。然后下划线效果用绝对定位来弄，如果用border的话，效果不容易实现<div class="box"> <div class="clearfix"> <p class="fl ac
2017-06-30 16:28:51
670
原创 css将彩图置灰
可能有些功能图片在某些状态需要置灰，但是做图又看很麻烦，所以就加个小的css3 的滤镜属性就可以解决了css语法: filter: none属性 grayscale灰度 sepia褐色（求专业指点翻译） saturate饱和度 hue-rotate色相旋转 invert反色 opacity透明度 brightness亮度 contrast对比度 blu
2017-02-23 15:01:10
440
原创 css子类不继承父类的透明度
关于这种有两种解决办法 1、是用把父类取消换成绝对定位的写法，这样就不存在继承。（这里不做过多阐述） 2、是在父类加特定css代码上代码.父级类{background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明，文字不透明*/ filter:Alpha(opacity=20);/*实现IE背景透明*/}
2017-02-22 11:25:44
4107
原创 less循环不同的背景图片
最近项目接触了less，这里就记录一下写less遇到的小问题，当做备忘，也希望能对看见此文的大家有些许帮助。~~首先我在写样式的时候觉得一个个的写背景图有些麻烦，想既然是less那就一定会有更加便捷的方法，一搜果不其然就是有方法。不废话，上代码 加一个前提，就是你的图片命名必须是xxx1，xxx2这样的连续数字命名，不然无法使用变量。 示例代码//less中的背景图片循环.nav_r(@n
2017-02-22 11:19:16
3958
原创 移动端（pc）禁止长按拷贝
网页在手机上浏览时通常会碰到一个问题，就是不小心触摸时间过长就出现自带的拷贝等按键了，造成了不好的体验，下面就教你解决办法。web端，只需在css中加入代码就可以了*{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-
2017-02-17 17:11:42
5351
原创 jQuery中outerHeight()的用法
jQuery中outerHeight()的用法一定会有人碰到过，用outerHeight()时外边距获取不到。这是因为它有个参数选项，这个参数定义了使用它时要不要带参数 $(selector).outerHeight(options) 参数 值 作用 options true 边距计算在内 false 包括内边距和边框 空 包括内边距和边框同理o
2017-02-16 17:28:10
946
原创 jQuery mobile loading设置/清除
jQuery Mobile提供两个方法，使得开发者在编写JavaScript业务编辑时，可以随意的控制loading提示框。 显示loading对话框方法是： $.mobile.showPageLoadingMsg(); 也可设置参数 $.mobile.showPageLoadingMsg(“b”,”加载中”,false); 隐藏loading对话框方法是：
2017-01-19 20:17:29
2050
1
原创 jquery mobile超链接<a>不好使
Jquery Mobile支持所有标准的html格式，为了让体验更加流畅,Jquery Mobile会把同一个域下的所有指向页面的链接都会自动转为ajax请求，并且用动画的转场效果实现切换指向别的域的链接或者是含有 rel=”external”, data-ajax=”false” 属性的链接以及含有target属性的链接不会通过ajax加载，页面会整体被刷新。所以< a > 超链接不好使那么在a上
2017-01-17 19:09:17
2106
原创 jquery mobile初始class清除（取消自动添加的class）
描述，你有一个按钮并且有父级样式控制，引入jQuery mobile时它的自带样式影响了你的原本的样式时，请在你需要清除样式的代码上加入data-role=”none”就可以了。示例代码<span class="fr"> <label class="option1"> <input type="radio" name="check-one" checked="checked" data
2017-01-17 18:23:41
1383
原创 解决jquery mobile的Chrome兼容性问题
将下段代码加入jq mobile的顶部，就OK了$(document).bind('mobileinit',function(){ $.mobile.changePage.defaults.changeHash = false; $.mobile.hashListeningEnabled = false; $.mobile.pushStateEnabled = false;
2017-01-17 16:07:30
1362
原创 js/jq 自动换行（宽度不可设置时、substring()）
文字自动换行（宽度不可设置时，表格也可用） 在项目中遇到了表格但是th无法确定宽度，导致css换行属性无效，所以寻求jq解决，开始时用split()进行分割，但是效果不理想，获取的值有逗号（去不掉，有知道怎样去掉的请指教~），换行后拼接字符也比较复杂。直到查到了这个属性substring()，觉得非常之好用啊。substring()定义和用法substring() 方法用于提取字符串中介于两个
2016-11-08 16:10:17
3011
原创 jquery移动端实现阶段日历（非整年整月，只一个周期）
jquery移动端实现阶段日历（非整年整月，只一个周期）如有更好的解决方案，欢迎留言讨论切磋~ 不知道能不能看懂标题。。。实在不知该怎么用标题描述。。。本文实现的是20天的移动端日历，能选择，带左右翻页，主要用于一个周期内选择时间，不需要展示整年整月以及农历，节假日。 下边上图以便更好理解本文内容。 HTML div布一个表格，10天为一个展示，并列两个，可左右切换
2016-09-06 10:04:19
1301
原创 jquery/zepto仿手机app左滑删除效果
jquery/zepto仿手机app左滑删除效果产品这么要求。。。。只能照做啦 上效果图 html css里列表内容正常布局，删除键（class=”addit”）用绝对定位（position：absolute；top: 0px;right:0px;），记得绝对定位的父级要加上（position：relative；）绝对定位和相对定位的区别请点击这里~~~...
2016-08-30 12:50:36
13445
4
原创 jq手风琴导航下拉切换
jq手风琴导航下拉切换效果展示 html < h2 >标签控制标题 < s >标签 控制提示箭头 一个 < li >控制一块内容 <ul> <li> <h2>lalala<s></s></h2> <div class="list"> <div class="boder_b clea
2016-07-29 11:19:58
577
原创 锚链接页面跳转其他页面指定位置
用锚链接跳转其他页面指定位置 本文是我做项目时遇到的问题，解决后在这里与大家分享，欢迎指正不足的地方，更欢迎与我分享更好的解决办法！！如果不知道锚链接是神马请点击这里
2016-07-29 10:34:27
10911
原创 简单的tab切换（jquery）
简单的tab切换自定义css 示例图 html.active控制 切换提示<section class="im_tab"> <div class="clearfix"> <p class="fl active" id="1">啊啊啊</p> <p class="fr" id="2">哦哦哦</p> </div></section>js$("
2016-07-26 17:49:55
236
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人