aohuiqiao5036-优快云博客

转载表单小结

一、表单元素选择器表单元素没有伪元素input[type=checkbox] 选中多选框；input:focus 选择获得焦点的元素；form:focus-within 选择子元素获得焦点的元素；input:checked （仅用于单选按钮和复选框）选择器匹配选中的元素；input:read-only 选择器匹配只读元素...

2019-01-29 16:33:00 183

转载常用api查询网站记录

jQuery中文文档https://www.jquery123.com/zepto中文网http://www.css88.com/doc/zeptojs_api/requireJS中文网http://requirejs.cn/MDN中文网https://developer.mozilla.org/zh-CN/Li...

2018-11-13 18:32:00 203

转载关于session和cookie

cookie是在服务器端创建，然后服务器发送到浏览器端，存储在浏览器边，当再次请求服务器时候，浏览器会将该域中的相关cookie发送到服务器端。cookie存储的数据大小不能超过4k。cookie 是有domain和path的概念的，domain表示cookie所在域，path表示cookie所在目录，现设一个cookie1的path为/test/，cookie2的pa...

2018-11-01 12:01:00 170

转载那些像JS事件的CSS属性-持续更新

使用过程中不禁感叹这些CSS属性跟JS事件也太像了。。。好吧。。关键是用起来方便pointer-events: none;允许开发者指定元素在何时成为鼠标事件的 target。当值为 none 时，元素被“点透”，无法成为点击事件的 target 。需要注意的是 Safari 不支持该属性。（HTML5新增了 pointerEvent 等事件，pointer-events:...

2018-08-10 11:34:00 164

转载 html、htm、shtml 的区别

前言：偶然几次打开网页的时候，发现网页文件是htm，再打开一个又发现了shtml，好奇是博客的第一生产力....一、html 和 htmhtml 和 htm 没有什么太大的区别，二者都表示同一种静态文件，只是适用于不同的环境。如果在网页中同时存在 index.html 与 index.htm，这是浏览器将先解释 index.html。简言之，htm是为了兼容过去的DOS 8+...

2018-08-09 14:59:00 350

转载 Java踩坑

Map<String,Integer>users=newHashMap<String,Interger>();在循环的时候，如果不指定 Map 默认类型，则取出来的是 Object类型 .getClass().getName()来获取数据类型java 的 switch 不支持 string 比较，switch支持int、char类型、枚...

2018-07-27 14:00:00 159

转载 Chrome浏览器调试踩坑

Chrome浏览器若在响应式状态下，页面缩放比例不是100%，元素会“窜位”，点击元素会点击到元素周围的元素Chrome页面缩放比例不为100%时，table的单元格就算没有边框（CSS去掉了）也会显示出边框（缝隙）综上，大部分问题都是响应式状态下非100%的缩放情况预览网页时发生的，如果要调试代码，尽量让缩放保持100%。转载于:https://www....

2018-07-26 16:23:00 224

转载苹果IOS版safari一些坑

※本文设计到的属性都为IOS版的 safari 浏览器-webkit-appearance :消除输入框和按钮的原生外观，在iOS上加上这个属性才能给按钮和输入框自定义样式。注意：不同 type 的 input 使用这个属性之后表现不一。text、button无样式，radio、checkbox直接消失。-webkit-touch-callout :...

2018-07-26 15:42:00 202

转载优秀blog

　　一些平常积累的好的blog。。摩拜大佬们。。Idxnameurldescription1羡辙bloghttp://zhangwenli.com/blog/[前端] echarts、日常、女神6662李杰bloghttps://www.pupboss.com/#[Mac OS X...

2018-05-25 11:42:00 198

转载常用校验正则表达式记录

1.判断不包含某一字符串/^((?!abc).)*$/.test('abc') //判断是否包含abc 2. 格式化金钱function formatNumber(str) { return str.replace(/\B(?=(\d{3})+(?!\d))/g, ',')}更多方法详见：js，正则实现金钱格式化3. 校验手机号...

2018-04-29 16:54:00 142

转载前端常接触的相关名词

SEO（Search Engine optimization）:搜索引擎优化SEM（Search Engine Marketing）:搜索引擎营销CDN（Content Delivery Network）:内容分发网络，即多个服务器副本为不同地域用户提供服务，常见的网站加速方式。IP：独立 IP 访问的用户PV（Page Vistor）：页面浏览量或点击量（每刷...

2018-04-08 00:07:00 136

转载常用CSS动画制作技巧及踩坑总结

1. CSS 3d透视perspective 属性都是加给父元素的transform-style：preserve-3d; 这个属性必须与transform一同使用，它使被转换的子元素保留其 3D 转换（即设置给父元素）<div class="door-border"> <div ...

2018-03-30 18:49:00 184

转载 CSS动画性能——重绘与重排

身为一个前端，只考虑动画怎样实现就够了么？也许后续的动画性能优化才是你最大的敌人。。为什么会有这篇博文，说来惭愧。虽然用过CSS3制作过大量的动画效果，但在PC端和移动端，动画表现时佳时不佳，会卡顿会掉帧，有大量动画的页面更是会使移动设备的耗电和发热状态达到跟玩高FPS大型手游一样。小动画的卡顿掉帧问题也够让人抓耳挠腮一段时日。这篇博客并不会给出解决方案（因为我也没找到解决方案），因...

2018-03-30 16:06:00 587

转载 JS中的原型--Prototypes

一、对象中的原型_proto_　　JavaScript中的对象是基于原型的。原型是其他对象的基础，它定义并实现了一个新创建的对象必须包含的成员列表。原型对象为所有对象实例所共享。对象通过一个内部属性绑定到它的原型。在FireFox、Safari、和Chrome浏览器中，这个属性_proto_对开发者可见。一旦你创建一个内置对象（比如Object和Array）的实例，它们就会自动拥...

2018-03-29 23:53:00 168

转载 npm报错tarball destroy is not a function

最近在下载来的别人的项目中npm install时，突然蹦出来的这么一个错误：tarball destroy is not a function遂查之，stackoverflow上大神们说是 Anti-malware software 这么个东西的锅...把它关掉或卸载就好了..(原地址)在Windows里，把 Antimalware Service Executable 这...

2018-03-17 15:02:00 867

转载傻傻分不清的word-break,word-wrap,white-space

　　一提到文本折行，首先就会想到word-break、word-wrap、white-space这三个属性，由于使用频率不高，每次我都是需要用到文本折行相关属性时，挨个试试，哪个好使就用哪个，然而有一次在工作中，汉字和英文都能正确折行，纯数字压根就不换行，被坑了一次。。遂怒而查阅相关属性，将它们的各个表现行为记录在此。相关代码如下<p>这里是测试文字这里是测，试文...

2018-03-15 14:56:00 203

转载 Java和JS的那些不同

　　记得刚学JavaScript时，就听见有人说JavaScript和Java之间的关系就像是：巴基斯坦和卡巴斯基、面包和面包车，可以说两者除了语言名字上有点像以外，几乎毫无关系。其实为啥JavaScript叫这个名字，Nicholas C.Zakas大神在《JavaScript高级程序设计》的开篇中就有提到，起初JavaScript叫LiveScript,不过九几年那时候Java正火，...

2018-03-13 15:48:00 132

转载 table问题汇总

　　平时要使用 table 的次数说多不多，说少不少，但每次使用必定会被几个问题“坑”一下，所以这篇博客用来记录下table那些“小坑”。但 table 也会有很多好用的特性，比如内容自动垂直居中，正是因为这一点，垂直居中可以用 display: table-cell 和 vertical-align 实现，同时没有兼容性问题。看来 table 也"还不错"。一、table自带特性...

2018-03-11 00:11:00 373

转载阻止页面文字选中的方法总结

一、CSS方法.text{ -webkit-user-select: none; user-select: none;}<p class="text">这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字</p>二、JS方法<p onselectstart = "return false"&gt...

2018-03-08 17:15:00 368

转载 JS数字类型那些坑

做数值计算时，注意JS数值类型的精度在 JS 里，所有的 number 原始值都是一个双精度浮点数，对应 Java 的 double 类型，对应标准 IEEE754。小心它的精度问题。因为它会造成0.1 + 0.2 = 0.30000000000000004这样一个浮点数计算错误的问题。做整数处理时，注意数值的大小可通过以下两个方法查看JS 最大可存储的安全...

2018-03-05 11:28:00 151

转载 JS中的逻辑运算符：&& || !

true / false：&&与当两边结果都为true时，结果才为true；当第一个条件为false时，不再判断后面的条件||或只要有一个条件为true，结果就为true；当第一个条件为true时，不再判断后面的条件！非取反，条件为true，则结果为false进行逻辑运算时：...

2018-03-01 00:10:00 124

转载 NodeJS学习小记

一、NodeJS常用的几个全局对象__filename：表示当前正在执行的脚本文件名，将输出文件所在位置的绝对路径。__dirname：表示当前正在执行的脚本所在的目录。setTimeout( callback, [args...] ) / clearTimeout()：callback为当定时器到点时要调用的函数setTimeout() 的第二个参数默认为0。但...

2018-02-28 00:13:00 130

转载 CSS水平垂直居中方法总结

部分HTML代码如下：<div class="wrap block"> <div class="block-center">块儿居中</div> </div> <div class="wrap inline"> <span class="inline-...

2018-02-27 16:13:00 71

转载当inline元素包裹block元素时会发生什么

经常有图片链接写法如下：<a href="www.baidu.com"><img src="baidu.jpg" /></a>点击图片自动跳转，不用增加新的点击事件，光标滑过时变成小手等等，这都是a标签的功劳。但是inline元素包裹block元素后，inline元素本身是否会变成blcok元素，还有待求证，于是做了如下对比：...

2018-02-24 23:54:00 119

转载 CSS3动画中神奇的animation-timing-function

CSS3动画（animation）属性有如下几个:属性值说明animation-namename指定元素要使用的keyframes名称animation-durationtime（ms、s）指定动画时长animation-timing-functionlinear、ease（默认）、ease-in、ease-...

2018-02-23 23:58:00 1186

转载 console那些你不曾知道的玩法

一、console最常见的四种方法：FireFox(58)Chrome(51)二、打印对象：平时想输出对象属性时，可以直接打印对象，对Object使用toString方法会得到 [Object Object]浏览器环境中console自带的两个方法：① console.tabl...

2018-02-18 16:14:00 162

转载 canvas常用api

1.canvas宽高设置（默认300*150）　在canvas标签中给出长宽（不带单位）：<canvas width="600" height="600"></canvas>　或者在js中设置长宽（不带单位）：canvas.width = 600; canvas.height = 600;　注意：canvas是行内块元素，用CS...

2018-02-13 12:15:00 193

转载 mongoDB操作

NoSQLBooster for MongoDB的基本使用(https://www.cnblogs.com/ioveNature/p/8033680.html) 连接：mongoldb://username:password@host:port/db查找表内嵌套的Object结构时，访问用双引号括起来，像”user.id” db.coupons.find( {type...

2018-02-08 11:43:00 114

转载 CSS常用属性计算原理

absolute: left、right／top、bottom 的百分比值分别根据父元素的 wdith / height 计算margin: top /right / bottom/ left 的百分比值都是根据父元素的宽度计算transform: translate( ) 的百分比值是根据元素自身宽高进行计算line-height: 百分比值根据父元素文字大小进行计算／小数...

2018-02-08 11:29:00 152

转载 SpringMVC常见注解

@PathVariable Integer userId　　将URL中占位符参数绑定到控制器处理方法的入参中//假设访问的路径是 localhost:8080/kuro-p/blog?number=23@RequestMapping(value="/kuro-p/blog")public String blog(@PathVariable Integer number){...

2018-02-06 18:18:00 127

转载 JSP基础使用

一、JSP简介　　JSP(Java Sever Pages)：是为了能让 Java 在 Web 页面运行的一种语言。在JSP中包括两种主要内容：　　1. HTML、JS语言（静态内容）。由客户端浏览器负责执行。　　2. Java 程序及其相关元素。包括 Java程序片、表达式、JSP指令与动作标签以及 Java变量、方法和类的声明（动态内容）。由服务器负责执行。二、J...

2018-02-06 12:19:00 171

转载常见HTTP状态码出现原因

302：重定向。访问当前地址，后端重新指定一个URL，浏览器跳转到新的地址。　　要注意的是，如果客户端直接访问的，则可以在后端直接 res.redirect(url) (这里暂以nodeJS为例)　　但如果这个页面是Ajax获取的，则应该由客户端控制跳转303：对于POST请求，它表示请求已被处理，客户端可以接着使用GET方法请求Location里的URL。3...

2018-01-29 10:38:00 152

转载 MySQL常用语句

MySQL 语句规范 :　　1. 关键字与函数名称全部大写　　2. 数据库名称、表名称、字段名称全部小写　　3. SQL 语句必须以分号结尾　　4. 注释语句用 "#"一、操作数据库* SHOW{ DATABASE | SCHEMA } ; 　　查看当前服务器下的数据表列表* USE db_name；　　打开数据库* SELECT DATAB...

2018-01-28 13:24:00 95

aohuiqiao5036的博客