云游的猪-优快云博客

转载发送请求时会自动创建一个options请求

同时，Cookie依然遵循同源政策，只有用服务器域名设置的Cookie才会上传，其他域名的Cookie并不会上传，且（跨源）原网页代码中的document.cookie也无法读取服务器域名下的Cookie。服务器收到预检请求后，检查了Origin、Access-Control-Request-Method和Access-Control-Request-Headers字段以后，确认允许跨源请求，就可以做出回应。它的值要么是请求时Origin字段的值，要么是一个*，表示接受任意域名的请求。

2022-09-15 20:05:41 1245

原创前后端数据加解密的几种方式比较

对称加密对称加密指的就是加密和解密使用同一个秘钥，所以叫做对称加密。对称加密只有一个秘钥，作为私钥。具体算法有：DES，3DES，TDEA，Blowfish，RC5，IDEA。常见的有：DES，AES，3DES等等。优点：算法公开、计算量小、加密速度快、加密效率高。缺点：秘钥的管理和分发非常困难，不够安全。在数据传送前，发送方和接收方必须商定好秘钥，然后双方都必须要保存好秘钥，如果一方的秘钥被泄露，那么加密信息也就不安全了。另外，每对用户每次使用对称加密算法时，都需要使用其他人不知道的唯一秘.

2021-04-28 14:27:40 9088 1

转载 js判断浏览器在PC中打开还是移动设备中打开

var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return {...

2019-05-10 16:03:44 384

转载响应式web设计之CSS3 Media Queries

开始研究响应式web设计，CSS3 Media Queries是入门。 Media Queries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。那么，Media Queries是如何工作的？两种方式，一种是直接在link中判断设备的尺寸，然后引用不同的css...

2019-05-10 16:03:03 161

转载图片延迟加载的实现

图片延迟加载也称懒加载，通常应用于图片比较多的网页，如果一个页面图片比较多，且页面高度或宽度有好几屏，页面初次加载时，只显示可视区域的图片，当页面滚动的时候，图片进入了可视区域再进行加载，这样可以显著的提高页面的加载速度，更少的图片并发请求数也可以减轻服务器的压力。如果用户仅仅在首屏停留，还可以节省流量。如果TAB中的图片较多，也同样可以应用于TAB中，当触发TAB时再进行图片的加载。...

2019-05-10 16:02:15 551

转载 DOM事件的优化（resize 事件/鼠标事件）

在 JavaScript 程序的开发中，经常会用到一些频繁触发的 DOM 事件，如 mousemove、resize，还有不是那么常用的鼠标滚轮事件：mousewheel (在 Firefox 中，滚轮事件为 DOMMouseScroll)。浏览器为了确保这些事件能够及时响应，触发的频率会比较高，具体的触发频率各浏览器虽然有出入，但出入不大。很多时候在需要注重性能的场景下使用这些...

2019-05-10 16:01:26 925

转载 JS在文本域光标位置插入文本

插入前：插入后： functioninsertAtCursor(myField,myValue){ //IE浏览器 if(document.selection){ myField.focus();...

2019-05-10 16:00:29 1534

转载 jqGrid常用语法整理，包含数据获取、常用函数、触发事件等

jqGrid常用语法整理，包含数据获取、常用函数、触发事件等 jqGrid表格数据获取相关语法获取表格所有数据 $("#grid").jqGrid("getRowData"); 根据行id获取表格单行数据 $("#grid").jqGrid("getRowData", rowid); 获取选中单行记录 $("#g...

2019-05-10 15:59:35 327

转载 React学习笔记

react.min.js- React 的核心库 react-dom.min.js- 提供与 DOM 相关的功能 babel.min.js- Babel 可以将 ES6 代码转为 ES5 代码，这样我们就能在目前不支持 ES6 浏览器上执行 React 代码。Babel 内嵌了对 JSX 的支持。通过将 Babel 和 babel-sublime 包（package）一同使用可以让源码的...

2019-05-10 15:58:44 97

原创 h5 video 移动端填坑记

<video id="video" style="object-fit:fill" autoplay webkit-playsinline playsinline x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portraint" src="video.mp4" /> ...

2019-05-10 15:58:04 622

原创 H5页面截图

H5页面尤其在微信页面里截图，可以尝试用canvas绘制想截图的页面，再todataurl转成图片；用html2canvas可能绘制的不全，跨域问题，转化时间长

2019-05-10 15:57:23 1937

转载 Rap2使用

是啥？ RAP是一个可视化接口管理工具通过分析接口结构，动态生成模拟数据，校验真实接口正确性，围绕接口定义，通过一系列自动化工具提升我们的协作效率。我们的口号：提高效率，回家吃晚饭！可视化编辑，完善的版本控制，各种格式的导入导出。让前后端约定接口的工作变得十分简单 RAP会自动根据接口文档生成Mock接口，这些接口会自动生成模拟数据，支持...

2019-05-10 15:53:31 1752 1

云游的猪