加载中
前端工作学习相关网站收集整理

如果部分国外网站访问不了的,请自行解决。 开发工具 平时工作开发时用到的一些辅助工具类网站 网址 说明 regexr.com 正则表达式验证匹配 www.gitignore.io 根据选择生成.gitignore文件 unbu...

关于阿里云播放器

阿里播放器文档地址:https://help.aliyun.com/document_detail/62941.html?spm=a2c4g.11186623.2.24.6bed1c4ch1wxhu#h2-u9519u8BEFu4EE3u78014 需加载文件: <link rel="stylesheet" href=...

05/08 17:38
12
关于setCookie和clearcookie的path问题踩得坑

setCookie function: /** * 设置 cookie 值的函数 * @param {[type]} cname [key] * @param {[type]} cvalue [value] * @param {[type]} exdays [过期时间] */ function setCookie(cname, ...

02/21 14:16
6
JavaScript 判断当前设备是否是移动端还是PC

if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){ alert('移动端') }else {   alert('PC端') }......

2018/12/24 17:26
67
h5 禁止手机自带键盘弹出

html: <div style="width: 350px;margin:50px auto;"> <input type="text" id="datePicker" class="date_picker form-control" placeholder="点击选择入住日期" /> </div> js: $("#datePi...

2018/09/19 21:54
16
上传多张图片本地预览(base64)

html: <div class="uploadpit"> <div class="uploadpit-btn"><span>上传图片</span> <input type="file" value="上传图片" onchange="imgPreview(this,'preview_img')" accept="image/*" id...

2018/09/14 11:30
15
滚动视差 background-attachment

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> section { height: 100vh; } .g-img { background-image: url(./bac......

2018/08/13 10:13
9
一个不常用的select,select和option宽度不一致。。。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> .posirelative { position: relative; } .select-out-di......

2018/08/13 09:57
46
html5表单提交oninvalid

<form action="#" method="post" autocomplete="on" id="myform"> <div class="form-group"> <input type="text" class="form-control" placeh......

2018/08/02 10:08
94
indexdb使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>indexdb</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi......

2018/08/01 10:28
18
crypto-js aes 加密、解密

加密: /* * [encrypt 加密] */ function encrypt() { var content = jsonstr; var key = CryptoJS.enc.Utf8.parse("abcdefghigkliopk"); //abcdefghigkliopk密码,16位 var encryptResult ...

2018/07/24 22:38
439
js base64加密、解密

首先需要引入base64.js /** * base64加密 * @type {Base64} */ var base = new Base64(); var result = base.encode(mingwen); console.log(result)//加密后的值 /** * base64解密 */ var r...

2018/07/24 22:17
26
HTML5调用百度地图API进行地理定位实例

测试有个bug,pc端没有app端精确 <!DOCTYPE html> <html> <title>HTML5调用百度地图API进行地理定位实例</title> <head> <meta http-equiv="Content-Type" content="text/html; chars......

2018/07/12 17:54
31
一个不能让产品经理和UI看到的按钮设计

源代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width" /> <title>Document</title> <script src="https://......

2018/07/03 09:03
42
纯js写省市区三级联动效果

效果图: 、 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三级联动</title> <style> * { margin: 0px; padding: 0px; } </style> </head> ......

2018/06/27 09:13
50
css3实现星星闪烁效果

素材: <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Document</title> </head> <style>   body {     background: black;   }   .shine {     background-image: u...

2018/05/21 21:16
710
20 个 CSS 高级技巧汇总

  1.黑白图像。   这段代码会让你的彩色照片显示为黑白照片,是不是很酷?   img.desaturate{    filter:grayscale(100%);    -webkit-filter:grayscale(100%);    -moz-filter:...

2018/01/12 11:20
9
css控制长方形图片在正方形区域显示,且不变形

实际图:600px*500px 效果图: 代码: <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Document</title> </head> <style>   * {     margin: 0px;     padding: 0px...

2018/01/11 12:18
102
纯css写正方形

效果图: <!doctype html> <html lang="zh-cn"> <head>   <meta charset="UTF-8">   <title>Document</title>   <style>     * {       margin: 0;       padding: 0;     }     #body {       width: 100%; ...

2018/01/11 10:43
5
CSS3 Flex实现元素的水平居中和垂直居中

一.水平居中 1.单个元素水平居中 .box {   display: flex;   justify-content: center; /*水平居中*/ } 2.多个h1元素水平居中 <!--html代码--> <div class="box">   <h1>flex弹性布局justify...

2018/01/09 13:45
207

没有更多内容

加载失败,请刷新页面

返回顶部
顶部