- 博客(44)
- 收藏
- 关注
RSS订阅原创 前端移动端禁止页面双指放大，双击放大，等缩放
// 禁用缩放function addMeta() { $('head').append('<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />');}setTimeout(addMeta, 3000);// 禁用双指放大document.documentElement.addEventLis...
2022-03-13 14:25:32
3199
2
原创 关于移动端h5网页在iphoneX的机型，底部留白问题。闲话少叙直接上代码（亲测有效）
在meta viewport标签里加属性：viewport-fit=cover；如下<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />...
2020-04-29 11:42:30
1285
原创 h5网页在移动端（安卓）head里的title为空，默认显示url地址。js代码将head的title设置为空
document.title=’\u200E’;
2020-04-29 11:39:42
1090
原创 移动端表格多列进行缩放，并且正好对应父元素窗口
function autoWidth(divTable,table){var f_w =$("#"+divTable).width()+2//父元素窗口；+2为两像素边框var s_w = $("#"+table).width()//获取表格的宽度var scale_v=f_w/s_w//缩放值 ...
2020-04-03 23:56:07
427
1
原创 bootstrapTable参数及事件详解
表的各项(Table options )定义在jQuery.fn.bootstrapTable.defaults文件内名称 属性 类型 默认值 作用描述 - data-toggle String table 只要引入 jquery、bootstrap 、bootstrap-table的包，不用在js里面定义就可以使用 默认有...
2019-10-10 14:53:32
3255
原创 bootstrapTable参数及事件详解
表的各项(Table options )定义在jQuery.fn.bootstrapTable.defaults文件内名称 属性 类型 默认值 作用描述 - data-toggle String table 只要引入 jquery、bootstrap 、bootstrap-table的包，不用在js里面定义就可以使用 默认有...
2019-10-10 14:52:46
2253
原创 如何将一个本地项目推到github上
1.先在github上面创建一个项目地址https://blog.youkuaiyun.com/qq_34645412/article/details/805171842.其次进入到本地项目的目录文件下面执行git init：初始化本地仓库（使用命令cd /? 到某一硬盘，cd 文件名）b、git add .添加全部已经修改的文件，准备commit 提交该命令效果等同于 ...
2019-07-15 16:02:32
522
原创 手机端网页左右固定不动（bootstrap）
<!DOCTYPE html><html lang="en"><head><title>Bootstrap Example</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=...
2019-07-11 09:51:20
781
转载 Vue.js——60分钟快速入门
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。本文摘自：http://www.cnblogs.com/keepfool/p/5619070.html如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先...
2019-07-10 14:05:25
131
转载 vue安装教程
vue-cli安装步骤（附带cnpm安装不成功及vue不是内部命令）2018年06月26日 00:25:53习惯是一种病阅读数 118851.依赖node所以先安装node，可从官网下载安装，安装一直下一步最后选安装目录2.win+r输入cmd运行，先输入node -v和npm -v查看node安装是否正常（我这里node是10.5.0 npm是6.1.0）3.安装vue，np...
2019-07-09 17:13:39
279
转载 video
video 标签在微信浏览器的问题解决方法最近做的些web页面,内嵌许多小视频，在ios和安卓手机上播放时，遇到不少问题：在微信浏览器内播放时，视频会自动全屏 如果每个视频都有一张自定义的图片作为封面，在显示视频的同时，如果没有给这个视频设置高度，视频的容器在安卓手机上会被视频的封面撑大到变形解决办法：给video标签加一些属性，调用h5原生video，我写了个例子，加了注释，如果...
2019-07-05 16:15:50
479
原创 基于Metronic的Bootstrap开发框架经验总结（16）-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理
在业务系统开发中，对表格记录的查询、分页、排序等处理是非常常见的，在Web开发中，可以采用很多功能强大的插件来满足要求，且能极大的提高开发效率，本随笔介绍这个bootstrap-table是一款非常有名的开源表格插件，在很多项目中广泛的应用。Bootstrap-table插件提供了非常丰富的属性设置，可以实现查询、分页、排序、复选框、设置显示列、Card view视图、主从表显示、合并列、国...
2019-03-27 09:59:39
768
转载 前端ui组件库
一、前端框架库：1.Zepto.js地址：点击打开链接 描述：Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的，只作了些基础的了解。2.SUI Mobile地址：点击打开链接 描述：SUI Mobil...
2019-03-26 10:01:42
1282
原创 微信小程序直接链接wifi
微信小程序之一键连接wifi在已知wifi账号和wifi密码的情况下，一般采用以下的流程来连接wifi Wi-Fi 接口调用：1.Android： startWifi —> connectWifi —> onWifiConnected2.iOS（仅iOS 11及以上版本支持）：startWifi —> connectWifi —> onWifiCon...
2018-12-03 16:23:08
4446
4
转载 前端事件委托详解
js中的事件委托或是事件代理详解起因：1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的；2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考；概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思...
2018-09-26 13:58:41
2027
原创 使用关键词声明变量与不适用关键词声明变量的区别；可以正常运行的代码并不代表是合适的代码
Javascript声明变量的时候，虽然用var关键字声明和不用关键字声明，很多时候运行并没有问题，但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。// num1为全局变量，num2为window的一个属性var num1 = 1;num2 = 2;// delete num1; 无法删除// delete num2; 删除function model(){...
2018-08-31 10:18:04
262
转载 JS七种加密解密方法
HTML或JS加密解密 本文一共介绍了七种方法： 一：最简单的加密解密 二：转义字符"\"的妙用 三：使用Microsoft出品的脚本编码器Script Encoder来进行编码 （自创简单解码） 四：任意添加NUL空字符（十六进制00H） （自创） 五：无用内容混乱以及换行空格TAB大法 六：自写解密函数法 七：...
2018-08-06 11:29:33
671
原创 前端请求的字符串进行json解析，遇见的坑
获取到{\"endRow\":9,\"firstPage\":1,\"}data=eval（"("+data+")"）解析后：{"endRow":9,"firstPage":1,}还是字符串，这时候我们需要data=JSON.parse(data)项目中应用；完美解决。...
2018-08-01 15:13:12
1620
原创 文本长度过长，出现省略号，鼠标放上去的时候出现提示框显示全部信息
<html> <head> <meta charset="utf-8"> <style> .contant:hover{ text-overflow: ellipsis; white-space: nowrap; ...
2018-07-16 19:02:04
14210
原创 当访问的对象属性名的时候，打点访问报错，正确方法【】
var json={"data1":[ {"A":"a"},],"data2":[ {"A":"a"},]}var this='data2';错误访问方式：json.this;正确访问方式：json[this]
2018-07-11 15:28:52
497
原创 左侧元素固定宽；右侧元素宽自适应
<!DOCTYPE><html lang="en"><style> .one { float: left; height: 100px; width: 300px; background-color: blue;}.two { overflow: auto; height: 200px; background-color...
2018-07-11 14:10:41
177
原创 背景图不动，元素滚动，并且滚动到某个元素是替换背景图，回来时替换回来
<html><head></head><script src='jquery1.12.4.min.js'></script><style> #bod{ background-color :#FFF; background-image :url(img/2.jpg) ; background-repeat :no-rep...
2018-07-10 12:07:33
776
原创 固定宽度区域显示，子元素左右浮动，并居中
<div id='gra' style='border:1px solid red;width:100%;'> <div id='father' style='width:1000px;overflow:hidden;margin:0 auto;border:1px solid black;'> <div class='son' style='float:...
2018-07-07 12:01:48
421
原创 click事件的累加绑定，绑定一次点击事件，执行多次
阅读数：736第一种方法是使用jquery的one()方法，为元素绑定一个一次性的事件处理函数，这个事件处理函数只会被执行一次。$("#adsCollection_tb").one("click",function(){ alert("执行"); })123第二种方法是在每次绑定点击事件前先解除之前的事件绑定，再为元素绑定事件，类似于先清空，在做操作一样。但你使用bind()方法绑定时，...
2018-07-06 17:31:13
508
原创 获取和清除cookie
js设置cookie有很多种方法。第一种：（这个是w3c官网的代码）按 Ctrl+C 复制代码<script>//设置cookiefunction setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var exp...
2018-06-15 09:46:43
16023
原创 禁用浏览器前进后退，不允许页面中的元素选中和拖拽；
// 禁止浏览器的前进后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); }); //...
2018-06-14 19:39:45
1131
原创 自定义三级联动菜单，默认选择第一个，以及数据格式json转换
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="Cache-Control" content="no-transform" /> <
2018-06-13 13:56:43
1686
原创 超出父容器时不要滚动条但是要滚动条效果
<html> <head> <title>留滚动效果，去除滚动条</title> </head> <style> </style> <body > <div id='father' style='overflow:hidden;background-color:ye
2018-06-12 09:46:24
1159
原创 当页面加载时默认执行事件
<html> <head> <title>当页面加载时默认执行函数</title> </head> <script> function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); // document.getElement
2018-06-12 09:44:49
2411
原创 多个按钮点击为选择状态
<html> <head> <meta charset="utf-8"> <style> <style>.hq_hy:hover, .hq_zsh:hover, .hq_hb:hover, .hq_jyyc:hover, .hq_byb:hover, .hq_lrcl:hover /*鼠标移上去变色（不点击）*/ ...
2018-06-12 09:39:34
1579
原创 js获取前端网络状态
function lineBoth(){ if(navigator.onLine){ console.log("链接到网络") document.getElementById("noNet").style.display='none' }e...
2018-06-12 09:34:46
4926
原创 为子元素设置margin-top会作用在父元素上？
阅读数：1437这个其实是 CSS 外边距合并产生的问题。关于 CSS 的 margin 的详细问题，我已经在我之前的博文中详细的讲过了，有兴趣的可以直接点击这个链接：http://blog.youkuaiyun.com/man_tutu/article/details/54987177言归正传，让我们来看一下这次的问题：这是我的HTML代码，非常的简洁：<div id='father'> ...
2018-05-31 10:07:47
331
1
原创 inline-block;设置为行内属性时；元素与元素之间有间隙；解决方案
去除inline-block元素间间距的N种方法这篇文章发布于 2012年04月24日，星期二，22:38，归类于 css相关。 阅读 336979 次, 今日 228 次by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=2357一、现象描述真正意义上的inline-blo...
2018-05-30 16:55:24
427
原创 mask(模态框)子元素继承父元素的透明度问题
继承写法：父元素：z-index:1000; backgroung-color:black; opacity:0.5;不继承： background-color: rgba(0,0,0,0.6)!important; background-color: #000; filter:Alpha(opacity=60); ...
2018-05-30 11:09:08
377
原创 第一个子元素的margin-top和最后一个子元素的margin-bottom越界问题
第一个子元素的margin-top和最后一个子元素的margin-bottom越界问题当父元素没有边框border时，子元素加margin-top（这里以第一个子元素的 margin-top为例），会出现 margin-top加在父元素上的bug。解决方法有四种：1.给父元素加border。 2.给父元素加padding。 ...
2018-05-29 23:06:14
603
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人