baoyadong - 博客园

跨域知识（一）——CORS

摘要： CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。浏览器将CORS请求分成两类：简单请求（simple request）和非简单请求阅读全文

posted @ 2017-06-18 19:54 baoyadong 阅读(450) 评论(0) 推荐(0)

CSS 实现隐藏滚动条同时又可以滚动

摘要：移动端页面为了更接近原生的体验，是否可以隐藏滚动条，同时又保证页面可以滚动？使用 overflow:hidden 隐藏滚动条，但存在的问题是：页面或元素失去了滚动的特性。由于只需要兼容移动浏览器（Chrome 和 Safari），于是想到了自定义滚动条的伪对象选择器::-webkit-scroll 阅读全文

posted @ 2017-06-16 14:26 baoyadong 阅读(426) 评论(0) 推荐(0)

数组map用法总结

摘要：数组中，map方法，指的是是数组的映射。 map基本语法如下：function回调支持3个参数，第1个是遍历的数组内容；第2个是对应的数组索引，第3个是数组本身。 map方法的作用不难理解，“映射”嘛，也就是原数组被“映射”成对应新数组。下面这个例子是数值项求平方：还有下面的例子：输出：在实际阅读全文

posted @ 2017-06-16 11:45 baoyadong 阅读(8393) 评论(0) 推荐(0)

js和Jquery获取选中select值和文本

摘要： JS中： jQuery中：阅读全文

posted @ 2017-06-14 18:36 baoyadong 阅读(220) 评论(0) 推荐(0)

closest和parents方法区别

摘要：今天第一次看到closest方法，以前也从来没用过。该方法从元素本身开始往上查找，返回最近的匹配的祖先元素。 1、closest查找开始于自身，parents开始于元素父级 2、closest向上查找，知道找到一个匹配就停止查找，parents一直查找到根元素，并将匹配的元素加入集合 3、clos 阅读全文

posted @ 2017-06-14 17:13 baoyadong 阅读(209) 评论(0) 推荐(0)

CSS面试题总结2（转）

摘要： 1、你最喜欢的图片替换方法是什么，你如何选择使用。图像替代，就是像我们在平时将文本添加到文本中，然后通过css隐藏文本并在它的位置上显示一个背景图片，这样，搜索引擎仍然可以搜到HTML文本，即使我们禁用css后，文本仍然是可以显示的。图像替换技术使用display:none的本意并不只是想要替换阅读全文

posted @ 2017-05-30 13:13 baoyadong 阅读(255) 评论(0) 推荐(0)

css 的float和inline-block区别

摘要： CSS布局创建网站,浮动绝对占据了很大的比例.大块区域如主内容及侧边栏,以及在其中的小块区域,都可以看到浮动的影子.这里浮动是唯一的解决方案吗? 浮动通常表现正常，但有时候搞起来会很纠结。特别是处理内部容器中的浮动，比如对一排图片使用浮动后对齐出现问题。Inline-block是我们的另一种选择。使阅读全文

posted @ 2017-05-30 12:49 baoyadong 阅读(1540) 评论(0) 推荐(0)

css面试题总结（转）

摘要：转自此网页http://www.cnblogs.com/YangqinCao/p/5721810.html。 1、两栏布局，左边栏宽度固定，适应父元素高度变化首先分析两栏布局，两栏布局两种常见方法，对于第一种方法，使用float，可以通过将左边栏的padding-bottom设置为足够大的值，阅读全文

posted @ 2017-05-30 12:43 baoyadong 阅读(261) 评论(0) 推荐(0)

浏览器，开发模式（禁用缓存）

摘要： web前端调试JS、html页面时，有时因为浏览器缓存的原因，真正运行的程序并非最新的程序，此时需要禁用浏览器缓存。 chrome浏览器开发模式下禁用缓存的方法： 1、首先F12进入开发模式 2、勾选中“Disable cache(while DevTools is open)” 阅读全文

posted @ 2017-05-28 10:49 baoyadong 阅读(603) 评论(0) 推荐(0)

node.js（连接mysql）

摘要： mysql语句中的SQL sql语句中的分类： DDL：（data define language)定义数据列（create，drop，alter，truncate) DML：（data manipulate language)--操作数据行(insert delete,update) DQL:(d 阅读全文

posted @ 2017-05-03 23:38 baoyadong 阅读(410) 评论(0) 推荐(0)