js+html
关注
分享
扫一扫
Young_Gao
这个作者很懒，什么都没留下…
展开
-
pc 分享微博 qq空间等
//分享到新浪微博 function shareToSinaWB(event){ event.preventDefault(); var _shareUrl = 'http://v.t.sina.com.cn/share/share.php?'; //真实的appkey，必选参数 _shareUrl += '&url='+ encodeU...原创 2019-11-12 14:25:21 · 418 阅读 · 1 评论 -
HTML邮件 兼容问题
先来两个传送门感受一下：https://blog.youkuaiyun.com/sunslee/article/details/6065825https://segmentfault.com/a/1190000008864116 几乎每个会员制网站都需要通过后台发送邮件来与会员进行沟通，如注册确认、营销推广。这些由站方发给会员的信件，往往纯文本格式已不能满足界面和交互的要求，这时候我们就需要发...转载 2018-11-02 17:13:19 · 16457 阅读 · 0 评论 -
js 正则判断密码强度
方案一至少8-16个字符，至少1个大写字母，1个小写字母和1个数字，其他可以是任意字符：/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[^]{8,16}$/或者：/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[\s\S]{8,16}$/其中 [\s\S] 中的\s空白符，\S非空白符，所以[\s\S]是任意字符。也可以用 [\d\D]、[\w...转载 2018-11-06 16:51:59 · 2326 阅读 · 0 评论 -
一个神奇的模块 phantomjs
先附上使用教程 https://www.npmjs.com/package/phantomjshttp://javascript.ruanyifeng.com/tool/phantomjs.html场景：公司做一个微信机器人，基于nodejs，现在要回复一个图片，这个图片是我们自己定制的，通过canvas技术图文组合来弄得，找了下 node-canvas，安装依赖太多，繁琐；...原创 2018-09-04 11:40:07 · 749 阅读 · 0 评论 -
判断用户时候在停留在当前页面
// 判断用户是否观看当前页面，浏览器兼容let state, visibilityChange;if (typeof document.hidden !== 'undefined') {visibilityChange = 'visibilitychange';state = 'visibilityState';} else if (typeof document.mozHi...原创 2018-07-16 16:35:50 · 1873 阅读 · 0 评论 -
Windows 10 系统装Mac OS X 10.11
原文链接：https://03k.org/vmware-macos.html使用Vmware14安装黑苹果系统macos10.13傻瓜教程kissshot2017年11月5日 教程笔记 8 条评论macos千呼万唤的10.13版本出来了一两个月了，朋友圈都在晒iPhoneX，那我也来晒点什么。。。我们就来装个macos虚拟机玩玩吧~！本来首先是首先想到用hyper-v的，不过...转载 2018-05-16 11:49:05 · 17559 阅读 · 2 评论 -
移除鼠标点击事件的几种方法
原文链接：https://blog.youkuaiyun.com/wangzl1163/article/details/53666883移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现。一、CSS方法[html] view plain copy.disabled { pointer-events: none; } 二、jQuery方法方法一[javascript] view...转载 2018-05-15 09:29:00 · 10874 阅读 · 0 评论 -
canvas 钟表效果
原文地址：http://www.runoob.com/w3cnote/html5-canvas-clock.htmlhtml<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>HTML5 时钟</title>转载 2018-04-27 15:26:25 · 358 阅读 · 0 评论 -
HTML JS 右下角显示windows系统通知
Note：这里是 vue 结构下的写法，原生js需要自行转换一下//浏览器是否支持显示通知 需要注意的是 只有 HTTPS 协议才能浏览器才能通过通知的功能，否则浏览器是强制关闭改功能的 isSupportNotify:function(){ if (window.Notification) { // 支持 ...原创 2018-05-11 16:22:13 · 3295 阅读 · 0 评论 -
js的单线程和异步
原文链接：https://www.cnblogs.com/woodyblog/p/6061671.html前言说到js的单线程（single threaded）和异步（asynchronous），很多同学不禁会想，这不是自相矛盾么？其实，单线程和异步确实不能同时成为一个语言的特性。js选择了成为单线程的语言，所以它本身不可能是异步的，但js的宿主环境（比如浏览器，Node）是多线程的，宿主...转载 2018-11-14 11:52:25 · 400 阅读 · 0 评论 -
nodejs 开发网页（express框架）
原文链接：https://www.cnblogs.com/zhongweiv/p/nodejs_express.htmlExpress是一个轻量级、简洁、易用的Node.js Web MVC开发框架，它基于Node.js原有进行了很多Web开发所需的功能封装... http://expressjs.com/ https://www.npmjs.org/package/express...转载 2018-11-16 09:36:07 · 3234 阅读 · 0 评论 -
js replace 替换全部
无意中看到有人问 js 如何替换全部，各路回答也是八仙过海，各显神通这里我说下我常用的吧.replace(RegExp('小红','g'), '小方')会玩的同学表示抗议，用正则表达式更简单.replace(RegExp(/小红/g, '小方') ...原创 2018-11-28 10:37:53 · 1540 阅读 · 0 评论 -
小米9 字体样式问题
使用rem单位做了一个h5其他手机里看样式都是正常的，小米9里面图片字体都像是放大了两倍，真个页面崩了这里需要额外处理一下字体备注：当然，这可能不是小米9的问题。貌似有些手机内嵌的h5也会有类似的问题，但谁让其他测试机都没事，就它有事呢，所以这个锅它背了用一下下面这个方法原理简单说就是重新计算一下字体的size。htmlFontSize(){ var h...原创 2019-09-12 14:19:04 · 1051 阅读 · 0 评论 -
iframe 自适应高度
<iframe id="iframe" src="xxxx.html" scrolling="no" width="100%"></iframe>function reinitIframe(iframId) { var iframe = document.getElementById(iframId); console.l...原创 2019-07-19 09:44:30 · 313 阅读 · 0 评论 -
纯css 实现瀑布流效果
原理是 css 的 column 属性，话不多说直接上代码<html> <head> <link rel="stylesheet" type="text/css" href="css/main.css"> <script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf...原创 2019-06-24 18:29:27 · 1353 阅读 · 0 评论 -
ios H5 页面滑动卡顿
在滚动容器内加-webkit-overflow-scrolling: touch但这个方案有一个问题，在页面内具有多个overflow：auto的情况下，那些具有 绝对定位（absolute, fixed） 属性的元素，也会跟着滚动。body {overflow-x: hidden}即，给 body 元素添加overflow-x：hidden。然后在滚动容器内加overflow-y: ...原创 2019-02-21 13:03:01 · 1378 阅读 · 0 评论 -
ajax请求的数据存在中文乱码，如何设定编码格式
先描述一下场景1.ajax请求一个 js 后缀的接口2.接口里编码用的 GBK3.当前页面HTML页面编码是 UTF-8问题:1.由于当前HTML页面编码是 UTF-8，所以在请求到数据（GBK格式）之后，放到页面上显示的全是乱码2.设置<meta charset=“UTF-8“> 则页面中的静态的中文字符变为乱码 所以我需要把ajax到的数据单独用GB...原创 2017-09-21 12:33:53 · 17541 阅读 · 0 评论 -
html + js 上传 图片
vue 环境<a href="javascript:;" class="upload right"> <input @change="fileImage" type="file" accept="image/jpeg,image/x-png,image/gif" id="" value=""/>&a原创 2018-11-12 14:55:45 · 2077 阅读 · 0 评论 -
不定行文字居中问题
一般来讲文字居中很多人选择的都是类似于这种的height:50px;line-height:50px;导致的问题就是如果有不定多行的文字，可能就会出现样式错误，不好调节。不定多行实例如图： 第一行字体有两行，第一行只有一行，所以如果你简单的设置了 line-height:50px 是不行的我个人用的是下面这种 display: flex;align-item...原创 2019-01-10 16:54:21 · 374 阅读 · 0 评论 -
css 背景条纹效果
background-image: linear-gradient(45deg,red 25%,green 0,green 50%,red 0,red 75%,green 0);background-size: 40px 40px;原创 2019-01-03 17:11:26 · 1258 阅读 · 0 评论 -
网站生成快捷方式到桌面
1.ActiveXfunctionCreateShortcut() { try{ varfso = newActiveXObject("Scripting.FileSystemObject"); varshell = newActiveXObject("WScript.Shell"); vartagFolder = shell.Special...原创 2018-04-26 20:03:16 · 4187 阅读 · 0 评论 -
css 过渡动画效果
div{ width:40px; height:40px; background:url(http://www.uc.cn/images1_4/sprite_uc_android.png); transition: width .6s steps(11);}div:hover{ width: 100px;}原创 2018-04-26 17:50:19 · 252 阅读 · 0 评论 -
safari 移动端适配问题 padding 不起作用
苹果黑科技。。。。。。。。。[;padding:0;margin:0;];原创 2018-04-18 17:02:32 · 2820 阅读 · 1 评论 -
通过 hover 来改变 border 颜色大小的时候，标签位置发生移动的问题
为了实现鼠标上移到标签时来改变 border 的width 以及 color实际操作的时候发现 标签 的位置会发生晃动主要原因是 border 的宽度增加 导致了标签位置的变动解决方法为： 在 css 中添加一个 box-sizing: border-box; 这样在改变 border 的时候，标签位置不会移动，只是标签内部的内容的大小会空出来一个 border 的宽度原创 2017-11-09 12:52:54 · 3250 阅读 · 0 评论 -
div设置透明度后里面的内容也被透明化的解决方法
div 设置了透明度以后，返现里面的 图片 也被盖了一层 透明度只需要在设置 div 颜色的透明度的时候改用 rgba 形式就可以了可以先找到 16 进制颜色对应的 rgb 值 如：125,125,125然后通过 rgba(125,125,125,0.2) 来处理透明度的问题原创 2017-11-09 12:48:27 · 5737 阅读 · 0 评论 -
关于自定义的data-*属性有时候取不到值的问题 2
之前写了一个关于这个问题的文章当时也是取不到自定义属性的值然后用 $(this).attr("data-testcount")成功获取到值这次要说的则是写法上的的问题简单来说就是 data- 后面跟的单词不能够大写字母 （excuse me???）不知道是偶然还是就是这样的规范当我发现我原本取不到的值换成小写字母后居然可以取到了一瞬间我是想‘’哔‘原创 2017-09-20 16:54:59 · 1490 阅读 · 0 评论 -
关于 ie 下使用 iframe 加载子页面时，子页面ajax数据能进入success方法，但是数据为空的问题
关于 ie 下使用 iframe 加载子页面时，子页面ajax数据能进入success方法，但是数据为空的问题原创 2017-09-08 14:51:54 · 919 阅读 · 0 评论 -
Canvas 贪吃蛇
最近自己再闲暇时间看了一下 Canvas 的有关知识不得不说 Canvas 还是很能吸引我的于是自己结合网上的一些 Canvas 的教程，自己写了一个贪吃蛇，有兴趣的同学可以保存一下代码，自己玩一玩当然，这只是自己粗略做的东西，可能有些细节还需要继续调试话不多说，直接来代码了 RetroSnaker 浏览器不支持canvas 选择级别原创 2017-09-12 15:26:12 · 594 阅读 · 1 评论 -
关于自定义的data-*属性有时候取不到值的问题
关于自定义的data-*属性有时候取不到值的问题原创 2017-09-20 14:39:33 · 2962 阅读 · 1 评论 -
html 中如何实现背景变色而字体不变色
本人新手，说一下今天在调背景色的时候碰到一个很奇怪的问题我按照网上查到的设置背景色的方法，先设置了背景的 alpha opacity等opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;然后我再设置内容的alphaopacity:0.5;filter:alpha(opacity=50);-moz-opa原创 2017-09-12 11:38:41 · 3288 阅读 · 0 评论 -
<!DOCTYPE html> 设置百分比高度的问题
<!DOCTYPE html> 设置百分比高度的问题原创 2017-09-08 11:58:27 · 698 阅读 · 0 评论 -
谷歌浏览器点击网页是没有打开而是下载了一个html文件
按几次 alt 就好了说起来还是无意中发现的我再无法打开连接后关闭了浏览器并重新打开用书签打开了百度准备搜索一下看看是否能打开连接打字的时候我发现我打开了很多的功能页面我第一反应就是很想 alt + key 的快捷键所以自己就按了一个 alt 然后就可以正常打开了。。这种问题也是醉了。。原创 2017-11-01 18:24:42 · 24679 阅读 · 5 评论 -
js清除浏览器缓存的几种方法
一、CSS和JS为什么带参数（形如.css?t=与.js?t=）怎样获取代码css和js带参数（形如.css?t=与.js?t=） 使用参数有两种可能： 第一、脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。 即上面代码对于文件来说 等价于 但浏览器会认为他是 该文件的某个版本！ 第二、客户端会缓存这些css或js文件，因此每次升级了js或css文件后，改变版本号，客户端...转载 2017-11-10 16:44:19 · 1828 阅读 · 0 评论 -
关于 IE 浏览器打开时速度过慢的问题
罪魁祸首：AccountprotectBHO今天打开 IE 速度奇慢无比，打开加载项，发现这个东西占用了我 15 秒的时间果断禁用了这个是腾讯的一个账号保护机制，可以自行百度一下，禁用了也没有什么严重的后果原创 2017-10-25 12:21:18 · 3764 阅读 · 0 评论 -
position static fixed absolute relative 区别与使用
先看下各个属性值的定义：1、static（静态定位）：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。2、relative（相对定位）：生成相对定位的元素，通过top,bottom,left,right的设置相对于其正常（原先本身）位置进行定位。可通过z-index进行层次分级。 3、absolute（绝对定位）：生成...转载 2018-04-18 13:03:30 · 337 阅读 · 0 评论 -
前端 js 判断设备类型是手机还是PC 并打开不同设备下的页面
window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? "https://www.baidu.com/" : "http://news.baidu.com/";if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigato...原创 2018-03-29 17:25:04 · 3229 阅读 · 0 评论 -
移动端 h5开发相关内容总结——CSS篇(转载)
mark一下1.移动端开发视窗口的添加h5端开发下面这段话是必须配置的<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">1其它相关配置内容如下：width viewport 宽度(数值/device-width)height viewport 高度(数值/devic...转载 2018-03-29 16:40:25 · 281 阅读 · 0 评论 -
chrome 滚动条
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5; } /...原创 2018-03-28 11:48:11 · 743 阅读 · 0 评论 -
获取url中参数的几种方法
第一种：只适用于/User/vip_card_manager?useless=219function UrlSearch() { var name,value; var str=location.href; //取得整个地址栏 var num=str.indexOf("?") str=str.substr(num+1); //取得所有参数 stringvar.subst...转载 2018-03-30 11:15:22 · 3738 阅读 · 0 评论 -
Css 3 高级使用技巧
1. 黑白图像这段代码会将彩色照片变为黑白照片2. 使用 :not() 在菜单上应用/取消边框该代码用在导航菜单非常的实用。先给每一个菜单项添加边框：然后再去除最后一个元素的边框：现在可以使用:not()伪类来实现了：3. 页面顶部阴影下面这个简单的 CSS3 代码片段可以给网页加上漂亮的顶部阴影效果：4. 给 body 添加行高你不需要分别添加 line-height 到每个p,h标记等。只要添...转载 2018-03-29 17:42:13 · 310 阅读 · 0 评论