dianfu4327-优快云博客

转载 vue 渲染出来的列表点击的时候需要单独给li添加一个class

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例</title></head><style>.class1{ background: #444; color: #eee;...

2017-09-29 16:05:00 317

转载移动端使用isscroll.js input无法获取焦点（就是点了没反应啦！）

有幸网上找到了解决的办法只要在代码里加入以下一段代码就可以了function allowFormsInIscroll(){ [].slice.call(document.querySelectorAll('input, select, button')).forEach(function(el){ el.addEventListener(('ontouchstart'...

2017-09-14 18:24:00 155

转载 js判断移动端手势上下左右滑动事件

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://apps.bdimg.com/libs/jquery/1.10...

2017-09-13 14:15:00 495

转载移动端适配之rem 笔记

/*移动端适配 width|height|font-size = 视觉稿量出来的值 / 100rem;@lbl*/@media screen and (max-width:359px) and (min-width:320px) { html,body{ font-size: 50px !important; }}@media scr...

2017-09-12 14:08:00 176

转载点击事件在当前点击位置弹出一个弹窗

2017-07-31 15:23:00 1151

转载 form表单提交 submit button 同时绑定onclik事件，绑定事件不执行问题!

因为submit控件是先执行 onSubmit 事件再执行 onClick 事件的，既然action已经跳转到另一页面了，所以onClick事件就不执行了。onSubmit（）是form表单的提交状态方法，在表单提交是可以触发该事件，讲button type=submit 改为 type=button 再绑定onclick 事件，表单提交写在事件里面格式为：from1....

2017-07-28 11:27:00 1110

转载 H5localStorage实现记住密码！！！！

1：sessionStorage只能保存临时会话数据可以使用localStorage对象，长期保存在客户端，直到人工清除为止1：localStorage.getItem();//读取2：localStorage.removeItem();//移除例子说明创建一个登陆界面，当但就按钮后，localStorage会保存登陆时的用户名，如果选中保存密码的复选框...

2017-07-28 10:58:00 200

转载富文本前台接收方法实例

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><%@include file="../common/common.jsp"%><html><head><meta http-equi...

2017-04-27 16:50:00 404

转载 jQuery日期插件

jQuery.dateCollections = (function(){ var nowDate = new Date(); var cloneNowDate = new Date(); var fullYear = nowDate.getFullYear(); var month = nowDate.getMonth() + 1; ...

2017-04-17 16:03:00 100

转载 css 默认规则

/*===== 清除默认的margin的属性值 =====*/body,blockquote,dd,dl,figure,form,p,pre,h1,h2,h3,h4,h5,h6 {margin:0;}/*===== 统一设置列表的margin和padding，以及列表表形式 =====*/menu,ul,ol...

2017-04-17 16:01:00 131

转载 jQuery获取父兄子节点

jQuery.parent(expr) //找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr) //类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素jQuery.children(expr) //返回所有子节点...

2017-04-12 09:53:00 104

转载 css相关

（34）文字字体①font-size：文字大小②值有：length（具体值）、absolute-size（绝对值，用的少）、relative-size（相对值，用的少）、percentage（百分比）length：如15px（15px大小），2em（相对父元素属性的2倍大小）percentage：如200%（类似2em，表示2倍大小）；③font-fami...

2017-03-16 17:43:00 102

转载两端对齐justify

//容器设定text-align：justify.justify{ text-align: justify;} //容器里面的元素.justify i{ width:24px; line-height:24px; display:inline-block; text-align:center; border-radius:50%;}...

2017-01-16 15:05:00 124

转载 jQuery moblie 配合jQuery 实现移动端下拉刷新

2016-12-19 15:48:00 288

转载 js页面刷新的几种方法

Javascript刷新页面的几种方法：1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand(‘Refresh‘)6 window.navigate(location)7 location.replace(...

2016-12-19 15:01:00 152

转载获取页面宽高相关数值

在jquery中　　获取浏览器显示区域的高度： $(window).height(); 　　获取浏览器显示区域的宽度：$(window).width(); 　　获取页面的文档高度：$(document).height();　　获取页面的文档宽度：$(document).width();　　获取滚动条到顶部的垂直高度：$(document).scrollTop();　　获取滚动条...

2016-12-16 09:31:00 106

转载前端知识点整理03

75.说说你对前端架构师的理解负责前端团队的管理及与其他团队的协调工作，提升团队成员能力和整体效率；带领团队完成研发工具及平台前端部分的设计、研发和维护；带领团队进行前端领域前沿技术研究及新技术调研，保证团队的技术领先负责前端开发规范制定、功能模块化设计、公共组件搭建等工作，并组织培训。实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Nu...

2016-12-15 18:39:00 125

转载前端知识点整理02

53.new操作符具体干了什么呢? 1、创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。 2、属性和方法被加入到 this 引用的对象中。 3、新创建的对象由 this 所引用，并且最后隐式的返回 this 。 var obj= {}; obj.__proto__ = Base.prototype; Base.cal...

2016-12-15 18:37:00 163

转载前端知识点整理01

1.一些开放性题目 1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍 3.如何看待前端开发？ 4.平时是如何学习前端开发的？ 5.未来三到五年的规划是怎样的？ 2.position的值， relative和absolute分别是相对于谁进行定位的？ absolute :生成绝对定位的元素，相对于最近一级的定位不是...

2016-12-15 18:34:00 259

转载前端必会html知识整理

1.浏览器内核： 1.ie：trident（三叉戟）内核 2.firefox：gecko（壁虎）内核 3.safari：webkit（浏览器核心）内核 4.opera：以前是presto（急速）内核，现在改用谷歌的blink（闪烁）内核 5.Chorme：blink（基于webkit，谷歌和oper...

2016-12-15 18:27:00 1095

转载前端必会的js知识总结整理

1、晨曦。 2、js是一门什么样的语言及特点？ js是一种基于对象和事件驱动的并具有相对安全性的客户端脚本语言。也是一种广泛用于web客户端开发的脚本语言，常用来给html网页添加动态功能，如响应用户的各种操作。主要的目的是为了解决服务器端语言遗留的速度问题，为客户提供更流畅的浏览效果。（详细拓展：http://www.360...

2016-12-15 18:26:00 220

转载前端必会css整理

1.设置css样式的三种方式？外部样式表，引入一个外部css文件内部样式表，将css代码放在<head>标签内部内联样式，将css样式直接定义在html元素内部 2.css有哪些选择器？ id选择器类选择器标签选择器又可以细分为：...

2016-12-15 18:24:00 113

转载推荐几个有趣的在线调试工具

//box-shaowhttp://www.css88.com/tool/css3Preview/Box-Shadow.html//flex-box//转义工具http://www.css88.com/tool/html-escape/转载于:https://www.cnblogs.com/wenb/p/6169767.html...

2016-12-13 14:22:00 174

转载获取select值

//Jquery中select的使用//select获取当前选中的value值$('#sel').change(function () {　　var depId = $(this).children('option:selected').val();});//select根据当前的text文本设置是否选中$("#sel option[text=...

2016-12-13 14:12:00 69

转载 rem移动端适配

rem作为一个低调的长度单位，由于手机端网页的兴起，在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下，通过等比缩放的方式达到设计图要求的效果。rem 的官方定义『The font size of the root element.』，即以根节点的字体大小作为基准值进行长度计算。一般认为网页中的根节点是 html 元素，所以采用的方式也是通过设置 html 元...

2016-11-28 09:51:00 71

转载自适应字体配置

<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=d...

2016-10-17 10:59:00 90

转载移动端配置

在移动端，低端无定制的需求，都可以用这个完美视口完成<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0,maximum-scale=1.0"/><!DOCTYPE html><html lang="zh"...

2016-10-17 10:33:00 123

转载 js中点击事件方法三种方式的区别

在javascript中，可以为某个元素指定事件，指定的方式有以下三种：1、在html中，使用onclick属性2、在javascript中，使用onclick属性（1）注意函数名没有双引号。3、在javascipt中，使用addEvenListener()方法三种方法的比较（1）在第二、三种方法中，可以向函数传入一个event对象，并读取其相应属性，而方法一不可...

2016-10-13 13:53:00 211

转载 css实现响应式全屏背景

利用css中 background-size：cover 填充整个viewport注意：一张背景图像素5000px*5000px在pc端缩放都基本满足要求不会出现模糊失真；但是在移动端使用如此大的图片完全是浪费资源，大图会导致加载变慢，尤其是在移动网络下。在移动端可以另设一张相对小一点的图片使用媒体查询body{/* 加载背景...

2016-09-26 15:02:00 203

转载 js数组内置方法

var arr = ['A','B','C','D'];length 计算数组的长度　　arr.length//4 indexOf()搜索一个指定的元素的位置　　arr.indexOf('C');//2　　arr.indexOf('d');//-1,不存在返回-1 slice()截取数组的部分长度，然后返回新的数组　　arr.slice(0,3);//从...

2016-09-21 09:38:00 138

转载手机页面rem布局

手机页面设计一般的大小是640，但是，手机屏幕大小确实不确定的，这样，怎么才能做出适应所有手机的手机页面呢？一般的解决方案有两种，rem布局和百分比布局，更推荐用rem布局来制作手机页面。首先，给页面的html定义一个100px的html{ font-size:100px;}/*设定基础rem*/然后就是这一段js运算了，根据页面的大小来控制基础rem的值；new funct...

2016-09-19 11:07:00 100

转载获取页面代码

2016-09-19 08:50:00 99

转载解决弹出层打印问题

jsp页面使用了一个layer插件来做弹出层；并且要求打印弹出层里面的内容。直接使用window.print()方法打印不出所有的页面内容，仅仅是打印了当前屏幕内容。我的解决办法是获取body中所有代码，新建一个空白页面，调用document.write（）方法写入，再打印该页面，实现了正常的分页打印效果。function print(){ var bd=...

2016-09-13 15:20:00 538

dianfu4327的博客