- 博客(21)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 ES6
ES6 简介ECMAScript 6 简称 ES6，是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript 和 JavaScript 的关系：前者是后者的语法规格，后者是前者的一种实现Babel：将ES6代码转为ES5代码 http://babeljs...
2018-09-03 10:26:52
165
原创 前端开发规范之命名规范
HTML: 1.单标记标签统一加/结尾 2.所有跟数据有关的按钮都用input 3.定位属性要写全，为0不省略 4.给有事件的元素统一加类 5.单独模块用section包起来,class是模块名 6.导航，footer单独之外，其余的尽量用一个大的容器包裹。 7.对于元素属性的定义，确保全部使用双引号，杜绝单引号。 8.引入css文件和js文件的时候不要指定type属性。 9.H...
2018-08-31 14:04:10
1251
转载 网站元数据meta标签的含义和用法
元素股东一定要有高最齐全的网站元数据meta标签的含义和用法//本文转载自https://blog.csdn.net/freshlover/article/details/25322839 随着HTML5的流行和Web技术的不断演变，Meta标签队伍也越来越壮大，从Windows XP的IE6到如今Windows 7、Windows 8的IE9、IE10、IE11，对Html5的支持越来越好...
2018-08-16 11:29:09
718
原创 解决ios元素滚动不流畅的问题
给滚动元素上添加： overflow-y: auto; -webkit-overflow-scrolling : touch;
2018-08-16 10:49:06
3257
原创 js监测浏览器缩放
function detectZoom (){ var size = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== undef...
2018-07-31 09:32:52
1592
原创 解决ios在浏览器中视频不能播放的问题
<video id="video_2" class="video-js " style="width:100%;height:auto;" autoplay loop muted playsinline -weblit-playsinline x5-playsinline preload="true" loop="" poster="&q
2018-07-26 17:50:01
47827
2
转载 Vh和Vw的简介和使用
Vw:视区宽度百分值Vh:视区高度百分值Vmin:取Vw或Vh中较小的那一个Vmax:取Vw或Vh中较大的那一个1.视区:是指浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小2.场景之元素的尺寸限制我们应该都做过或见过这样的交互：点击下图，弹框查看原始大图；或者一屏内（...
2018-07-16 09:54:48
1714
原创 js禁用鼠标右键代码
document.oncontextmenu=new Function("event.returnValue=false;");document.onselectstart=new Function("event.returnValue=false;");
2018-07-09 13:01:22
675
转载 js按位运算符及其妙用
大多数语言都提供了按位运算符，恰当的使用按位运算符有时候会取得的很好的效果。在我看来按位运算符应该有7个：1、& 按位与&是二元运算符，它以特定的方式的方式组合操作数中对应的位，如果对应的位都为1，那么结果就是1， 如果任意一个位是0 则结果就是0。1 & 3的结果为1那我们来看看他是怎么运行的1的二进制表示为 0 0 0 0 0 0 13的二进...
2018-07-05 12:20:52
541
原创 图片水平,垂直居中的几种办法
1. <div class="test"><div class="flag"></div><div class="content"><img src="img_p1_title.png"></div></div>.test
2018-07-03 10:15:45
365
原创 滚动加载更多
var pagenum=1;var id='<?php echo $id; ?>';$(window).scroll(function() { var loadDiv = '<p class="loadDiv"><img src="/statics/img/loading.gif" alt=""></p>'
2018-07-03 10:13:56
1083
原创 关于向字符串中添加元素，并去重的函数
function selectNews( id ){ var news_ids = $('#news_info').val(); var newsIds ; if( news_ids != '' ) { ...
2018-07-03 10:13:02
955
原创 下拉刷新 上拉加载更多
推荐一个比较好用的插件dropload.min.js依赖jquerydemo： $(function(){ // 页数 var page = 1; // 每页展示10个 // var size = 10; var category="<...
2018-07-03 10:09:40
473
原创 倒计时函数
var countdown=60;function settime(val) { if (countdown == 0) { $(val).html("验证"); $(val).css("background",'#f5b800'); ...
2018-07-03 10:06:09
542
原创 关于当前页面加载进度条
页面加载最耗费时间的图片，而记载页（加载进度）就是为了让用户等待时间不那么忧郁所以加载页面其实也就是判断图片加载的进度html部分<div id="jiazai" class="jiazai"> <img class="jiazaiimg yqjz" src="/statics/img/newjiazaibg.png" alt="">
2018-07-03 10:04:38
586
原创 swiper点击跳转可滚动的导航菜单以及初始化
html部分： <div id="topNav" class="swiper-container swiper-container-horizontal swiper-container-free-mode"> <div class="swiper-wrapper" style="transition-duration: 0ms; transform: tra...
2018-07-03 10:02:33
2935
原创 web性能优化
减少HTTP请求（小图片尽量使用css sprites）使用cdn添加expries压缩组件将样式放在头部将脚本放在底部避免css表达式使用外部的css和js减少dns查找精简js避免重定向删除重复脚本使用ajax缓存...
2018-07-03 09:57:52
106
原创 js判断是在什么终端打开页面
if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面 var ua = navigator.userAgent.toLowerCase();//获取判断用的对象 if (ua.match(/MicroMessenger/i) == "micromessenger") { //在微信...
2018-07-02 17:25:34
660
原创 js判断是什么浏览器打开
var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内...
2018-07-02 17:24:19
379
原创 使用css实现pre标签换行
pre{white-space: pre-wrap!important;word-wrap: break-word!important;*white-space:normal!important;}
2018-07-02 17:20:49
5496
原创 关于文本超出显示省略号问题
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
2018-07-02 17:18:14
230
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人