- 博客(44)
- 收藏
- 关注
RSS订阅原创 中英文换不换行，超过给定宽度添加三个点点...
word-break:break-all;只对英文起作用，以字母作为换行依据 word-wrap:break-word; 只对英文起作用，以单词作为换行依据 white-space:pre-wrap; 只对中文起作用，强制换行white-space:nowrap; 强制不换行，都起作用white-space:nowrap; overflow:hidden; text-overflow:ellip...
2018-05-25 19:44:42
489
转载 overflow:atuo;隐藏滚动条
动端页面为了更接近原生的体验，是否可以隐藏滚动条，同时又保证页面可以滚动？使用 overflow:hidden 隐藏滚动条，但存在的问题是：页面或元素失去了滚动的特性。 由于只需要兼容移动浏览器（Chrome 和 Safari），于是想到了自定义滚动条的伪对象选择器::-webkit-scrollbar。1应用如下 CSS 可以隐藏滚动条：.element::-webkit-scrollbar {...
2018-05-24 16:11:57
12605
1
原创 全选 复选
1. 一般的jq全选 复选写法$(function () { $('input[type="checkbox"]').change(function (e) { if(this.className == 'all') { $('.check').prop('checked', this.checked...
2018-05-21 10:30:04
323
转载 the vm session was closed before any attempt to power it on
今天关VirtualBox虚拟机时，选的方式是“快速休眠”。结果竟然蓝屏报PAGE_FAULT_IN_NONPAGED_AREA。重启电脑后再启动虚拟机时，虚拟机窗口一闪而过，出现如下错误：the vm session was closed before any attempt to power it on由于是休眠状态，设置里都不能改。网上搜了一艘，多是说重建虚拟机，再加载VDI。无意中在虚拟机...
2018-05-17 09:46:08
5855
3
原创 设置git用户名和email
下面的这两行命令就是设置用户名和email：$ git config --global user.name author #将用户名设为author$ git config --global user.email author@corpmail.com #将用户邮箱设为author@corpmail.com...
2018-05-16 15:15:57
15781
原创 两个数组对象的交集forEach遍历
var tagIDArr =[{name: "博客a", id: 7}, {name: "博客b", id: 8}, {name: "博客c", id: 9}]; var tagList =[{name: "博客1", index: 7}, {name: "博客2", index: 5}, {name: "博客3", index: 9}]; tagIDArr.forEach(funct
2018-04-08 15:58:15
3344
原创 css上中下布局（ios，安卓）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-sca
2018-03-09 17:48:41
728
原创 element-ui表单验证
1. htmlel-form :model="user" :rules="rules" ref="ruleForm" label-width="80px"> el-form-item label="用户名" prop="username" class="delu-box"> el-input v-model="user.username" placeholder="请输
2017-12-11 23:53:57
10806
原创 vue项目用js封装的md5
第一步：封装好js文件export default { md5 (string) { function md5RotateLeft (lValue, iShiftBits) { return (lValue >> (32 - iShiftBits)) } function md5AddUnsigned (lX, lY) { let lX4,
2017-12-11 23:43:46
2919
原创 js几种将网站设为首页和加入收藏的代码
li>a href="javascript:setHome(this,window.location)"> span class="glyphicon glyphicon-home">span> b>设为首页b>a>li> li>a href="javascript:addFavorite()"> span class="glyphicon glyphicon-heart"
2017-12-11 23:22:28
27113
2
原创 纯CSS制作各种图形
Square(正方形)#square { width: 100px; height: 100px; background: red;}Rectangle(矩形)#rectangle { width: 200px; height: 100px; background: red;}Circle(圆形)#circle { width:
2017-11-16 10:49:30
733
转载 解决flex新旧版本的兼容性写法
随着自己写过的页面的增多，也遇到了很多CSS兼容性的问题。这些兼容性问题，都是必然的，因为技术在不断进步，不断革新，所谓，“后浪推前浪，前浪拍死在沙滩上”，当然我们的技术不能是被拍死在沙滩上，我们还要支持，不支持的话，只能是你这个页面，这个产品被淘汰。那么为了不被淘汰，我们就要做些兼容性处理。我写页面的时候用到过很多的flex布局，觉得非常好用。下面附上一篇不错的flex布局介绍的
2017-06-21 10:51:05
14016
2
转载 表单元素与提示文字无法对齐的问题(input,checkbox文字对齐）
文章的最终方法是：1. 将文字第一字体设置为Tahoma；2. 为input元素设置vertical-align:middle;3. 为label元素设置vertical-align:middle; 这样表单元素和提示文字就达到完美的对齐了。但是等等这里说的对齐只是相对的对齐，原因是中文字体是方块字高度有可能是奇数或者偶数，input元素的高度是奇数当字体高度为偶
2017-05-13 16:08:16
1921
转载 mysql中的coalesce用法
在mysql中，其实有不少方法和函数是很有用的，这次介绍一个叫coalesce的，拼写十分麻烦，但其实作用是将返回传入的参数中第一个非null的值，比如 SELECT COALESCE(NULL, NULL, 1); -- Return 1 SELECT COALESCE(NULL, NULL, NULL, NULL, NULL, NULL, NULL, NULL, 1)
2017-05-05 09:24:51
334
转载 Mysql limit offset用法举例
MySQL limit offset示例例1，假设数据库表student存在13条数据。 代码示例:语句1：select * from student limit 9,4语句2：slect * from student limit 4 offset 9// 语句1和2均返回表student的第10、11、12、13行 //语句2中的4表示返回4行，9表示从表的第十
2017-05-04 18:02:51
672
转载 常用的Mysql数据库操作语句大全
零、用户管理： 1、新建用户： >CREATE USER name IDENTIFIED BY 'ssapdrow'; 2、更改密码： >SET PASSWORD FOR name=PASSWORD('fdddfd'); 3、权限管理 >SHOW GRANTS FOR name; //查看name用户权限 >GRANT SELECT
2017-05-04 08:58:43
278
转载 网页常用分享代码大全(前端必备)
1、新浪微博 新浪微博 2、腾讯微博 腾讯微博 3、开心网 开心网 或者用 <a href="http://www.kaixin001.com/repaste/share.php?rurl=http://www.shao-ming.com&rcontent=http://www.baidu.com&rtitle=kaixin" target="_blank">开心网
2017-04-13 10:30:45
6805
转载 如何让一张图片在手机端页面占满整个屏幕不带滚动条（示例）
name="viewport"> 测试页面html,body { margin:0; padding:0; overflow: hidden;}.content { width: 100%; height: 100%; top:0; z-index: -1; position: abso
2017-04-13 10:05:04
4633
原创 vue环境搭建，vue项目创建
vue这个新的工具，确实能够提高效率，在经历的一段时间的摧残之后，终于能够有一个系统的认识了，下面就今天的收获做一个总结，也是vue入门的精髓： 1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于node，所以要先安装node，借助于node里面的npm来安装需要的依赖等等。 这里有一个小技巧：如果在cmd中直接使用npm来安装的一些工具的话会比较慢，所以我们使用淘宝的npm镜
2017-02-24 11:36:12
20455
1
原创 jq基础笔记02
1.1 复习jQuery操作DOMjQuery课程的目标：学会使用jQuery设计常见效果选择器 基本选择器：#id 、.class 、element、* 、层级选择器：空格、>、+、~ 基本过滤选择器：:first、:last、:eq(index)、:lt(index)、:gt(index)、:odd奇数、:even 筛选选择器：.eq(inde
2016-12-02 20:30:58
465
原创 jq基础笔记
同学心目中的jQuery： 简单易用，功能强大，对移动端来说，体积稍大。1.1 回顾前面学到的js我们遇到的一些痛点1. window.onload 事件有个事件覆盖的问题，我们只能写一个(如果页面有两个window.onload，那么第一个会被第二个覆盖)2. 代码容错性差 （比如把onclick写成onclik也不会报错）3. 浏览器兼容性问题（用
2016-12-02 19:57:57
416
转载 前端面试题四
1、JS数组去重以下是展示三种方法：Array.prototype.unique1= function () { var n = []; //一个新的临时数组 for (var i = 0; i { //如果当前数组的第i已经保存进了临时数组，那么跳过， //否则把当前项push到临时数组里面 if (n
2016-11-21 08:50:11
413
转载 前端面试三
1. jQuery的选择器 基本选择器、层次选择器、过滤选择器和表单选择器基本：id选择器、class选择器、标签选择器、复合选择器和“*”选择器层次：$("div p") 选取里所有的元素 $("div>p") 选取里所有标签为子元素 $(".class_1+div")选取属性class为“class_1”的下一个同辈元素。过滤
2016-11-21 08:48:43
765
原创 前端面试题二
1.介绍js的基本数据类型Undefined、Null、Boolean、Number、String2.js有哪些内置对象？数据封装类对象：Object、Array、Boolean、Number和 String其他对象：Function、Arguments、Math、Date、RegExp、Error3.this对象的理解this总是指向函数的直接调用者（而非间接调用者）；
2016-11-21 08:47:12
661
转载 常见的前端面试题
1、怎么清除浮动父级div定义height使用空标签清除浮动clear：both；（增加无意义的标签）父级div定义伪类:after和zoom（：after{display：block；clear：both；content：“ ”；visibility：hidden；}）父级div定义overflow:hidden父级div定义overflow:auto父级div也浮动，需要定义宽度父级d
2016-11-21 08:45:44
807
原创 css3边框背景border-image
边框背景——border-image边框背景主要是用来给元素边框添加背景图像，本质是用一张图片来修饰边框背景，看下图效果： -------------------------->>用左边图片来完成右边的效果；先看一下边框背景的参数：border-image：image boeder-width（参数可写1-4个）图片填充方式（stretch/repeat
2016-11-21 08:42:48
643
原创 CSS选择器
CSS选择器，主要是用来确定html的树形结构中的DOM元素节点。主要分为三部分：一、基本选择器选择器类型功能描述*通配选择器选择文档中所有的html元素E元素选择器选择指定的类型的html元素#idID选择器选择指定ID属性值为“id”的任意类型的元
2016-11-21 08:40:39
330
原创 Ajax应用
Ajax应用一、瀑布流的ajax应用（乐乎网站有瀑布流的案例）1、制作原理列等宽型瀑布流：花瓣网画图说明2、准备的文件数据文件接口ajax函数（已经封装好） 3、函数的编写布局： id="ul1"> src="http://www.wookmark.co
2016-10-26 11:03:29
255
转载 自定义滚动条案例
网页常见的选项卡，为了在选项卡这么小的空间放进比较多的内容，那么可以运用滚动条来控制内容区域的高度，使当前选项卡放下足够的文字。可能我说的有点抽像，下面用一张图表示一下：这两张图片是我从网上截图的，第一张是hao123网站左侧的选项卡，鼠标经过当前选项卡的时候，选项卡的右边会出现滚动条，这个滚动条可以控制选项卡内容的高度，方便读者阅读；第二章是网易首页左侧的选项卡，原理一样，就
2016-10-19 18:24:31
453
原创 js面向对象编程
js面向对象编程对象是什么? 对象数据类型：对象就是带有属性和方法的 数据类型面向对象里面有什么：类和对象 （有什么关系）类是对象的抽象，而对象是类的具体实例 基本数据类型 string numberboolean null undefinedArray 对象 对象数据类型有一个自定义属性 var num = 10; // 变量
2016-10-19 18:18:14
268
转载 Css Hack（ie6-9,firefox,chrome,opera,safari）
为了适应不同浏览器不同的版本（版本主要就ie来说），ie这朵奇葩现在我们要兼容6-9，它的10也快出来了。。。在ie下我们可以写条件注释来区分ie和其他浏览器，以及ie的版本，这些请大家自行google。这篇文章主要讨论的是css hack。下面废话补多说了，直接上代码DOCTYPE html> html> head> title>Css Hacktitle>
2016-10-18 20:15:46
348
原创 如何去掉点击a链接时周围的虚线框
如何去掉点击链接时周围的虚线框outline属性1. CSS方式 在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true” 属性即可，但这个属性是IE私有的，Firefox是不认的。 加了hidefocus属性IE中用CSS处理的方式为：a{noOutline:expression_r(this.onF
2016-10-18 20:08:30
436
原创 js图片无缝滚动
无缝滚动的原理：假设轮播区域有7张图片进行轮播，当第一张图片向左移动后，轮播区域尾部必然会有空缺的区域；为了不让不能播区域有空缺，我们可以在布局的7张图片后面再加上7张同样的照片，当第一张图片向左移动后，第八张图片就会补位到轮播区域的第7个位置。然而这样只能实现一次的轮播，那么我们就考虑 使用定时器来实现无限循环。（实现步骤如下）一、首先先布局准备一个盒子box作为
2016-10-18 14:29:56
441
原创 数组的定义
数组对象的作用是：使用单独的变量名来存储一系列的值。定义数组我们用关键词new创建一个数组名字为Array对象：var Array=new Array（）；1、var myCars=new Array（） myCars[0]="Abhs" myCars[1]="jdhfl" m
2016-10-18 14:23:45
1583
原创 什么是ajax
什么是ajax？ajax即asynchronous javascript and xml(异步javascript和xml)，它并不是一门新技术，而是由javascript css dom(文档对象模型)，xmlhttprequest混合实现的。 XMLhttpRquest对象是AJAX中的核心对象，它是一个具有应用程序接口的JavaScript对象，能够使用超文本传输协议连接
2016-10-17 18:43:19
385
原创 ajax函数的编写
封装好的ajax js文件代码如下：ajax.jsfunction ajax(url, fnSucc, fnFaild){ //1.创建Ajax对象 if(window.XMLHttpRequest) { var oAjax=new XMLHttpRequest(); } else { var oAjax=new ActiveXObject("Microsoft.XMLHTTP")
2016-10-17 17:28:41
647
原创 Ajax基础
Ajax基础1、什么是服务器网页浏览过程分析如何配置自己的服务器程序（wamp）(已配置，lamp WampServer软件 )2、什么是Ajax （AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。）无刷新数据读取用途：用户登陆、股票基金网异步、同步3、使用Ajax基础：请求并显
2016-10-17 17:25:52
311
原创 拖拽中怎么修复bug
简易拖拽 1.拖拽 == 鼠标按下 接着移动鼠标。 bar.onmousedown =function(){ document.onmousemove = function(){ }}2. 当我们按下鼠标的时候，就要记录当前 鼠标的位置 - 大盒子的位置 算出 bar 当前在 大盒子内的距离
2016-10-12 20:13:46
460
原创 jQuery事件绑定机制完整版
1.1 jQuery事件1.1.1 绑定click/mouseenter/blur/keyup// 绑定事件bind：$node.bind(“click”,function(){});// 触发一次one : $node.one(“click”,function(){});delegate :$node.delegate(“p”,”click”,function(
2016-10-12 20:05:30
423
原创 js中怎么绑定事件
我们想用两个window.onload的时候，起作用的其实是最后一个。就和变量一个道理，如果写 var a=5; a=9; 最后a是9；同学说，可以写到一个window.onload里面，但是实战项目中，我们都是分工合作的，每个人都想用自己的window.onload，这个时候就需要用到事件绑定了。window.onload=function (){ alert('a');};
2016-10-12 20:02:20
1217
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人