onlyhom-CSDN博客

原创 JavaScript防流量劫持-前端安全

JavaScript防流量劫持-前端安全劫持产生的原因和方式在网页开发的访问过程中，http是我们主要的访问协议。我们知道http是一种无状态的连接。即没有验证通讯双方的身份，也没有验证信息的完整性，所以很容易受到篡改。运营商就是利用了这一点篡改了用户正常访问的网页，插入广告或者其他一些杂七杂八的东西，达到盈利的目的。运营商的一般做法有以下手段：对正常网站加入额外的广告，这包括网页内浮层...

2019-07-01 10:18:54 521

基于百度编辑器Ueditor的二次开发需要修改的功能功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入在业务开发的时候，...

2019-06-28 15:30:12 3723

转载用canvas的toDataURL()将图片转为dataURL(base64)

假设一个应用场景：由于某些特殊原因从服务端请求到图片路径，要求通过该路径获取对应图片的 base64 dataURL。在这个场景中，我们首先推断该图片路径是可访问的，同时还需要一种将图片转换到 dataURL 的方法。我们如何实现它呢？dataURL　　先大致回顾下正统的 dataURL 的语法，这有助于我们检验转换后的内容是否正确。一个完整的 dataURI 应该是这样的：data:[<medi

2017-08-06 23:46:33 39772 4

原创 [原创首发] js手机移动端选择插件 mobile-select

mobile-select 一款多功能的手机移动端选择组件，支持单选到多选、支持多级级联、提供自定义回调函数、提供update函数二次渲染、重定位函数、兼容pc端拖拽等等。mobileSelect.js是一个js移动端选择控件，不依赖任何库;可传入普通数组或者json数组;可根据传入的参数长度，自动渲染出对应的列数，支持单项到多项选择;自动识别是否级联;选择成功后，提供自定义回调函数callback()返回当前选择

2017-02-27 23:12:41 89049 52

原创如何让图片按比例响应式缩放、并自动裁剪的css技巧

如何让图片按比例响应式缩放、并自动裁剪的css技巧同时也适用于一些轮播父容器响应式缩放响应式网站、移动端页面在DIV CSS布局中对于图片列表或图片排版时，如果想要图片按比例缩放，最简单的就是把img宽度设为100%，不设置高度，高度就会自动跟着高度缩放但是如果要达到的效果是，要让图片的宽高要按一定的比例显示，如1：1 、4：3 等，然而图片尺寸不是这个比例，又不想让图片拉伸变形，自

2017-01-18 14:39:43 62815 10

原创网页使用百度地图后，显示不全（已解决）

网页加入百度地图后，显示不全地图是用百度地图生成器生成的：百度地图生成器地址：http://api.map.baidu.com/lbsapi/creatmap/直接粘贴过来的代码，放到一个空白的新网页中是正常的但是放到自己的网页中，就会显示不正常，如下图错误原因分析：发现在CSS中有一句（是用来防止容器中所有图片宽度超过父容器宽度而设置的）：.container img { max-

2017-01-18 11:52:04 22515 7

原创观察babel如何把let转化为var实现块级作用域

在讲述javascript没有块级作用域的时候都会提到一个非常经典的例子：var obj={ name:'helo', age:15};var arr=[]; for(var i=0;i<5;i++){ arr[i]=i; console.log(i); }console.log(arr);console.log(i);因为ja

2017-01-15 23:34:38 4705 1

转载 less基本用法大全

LESS 做为 CSS 的一种形式的扩展，它并没有阉割 CSS 的功能，而是在现有的 CSS 语法上，添加了很多额外的功能，所以学习 LESS 是一件轻而易举的事情，果断学习之！变量很容易理解:@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue; }输出:#header { color:

2016-12-28 13:31:00 1649

原创 H5移动端性能优化

加载优化减少HTTP请求因为手机浏览器同时响应请求为4个请求（Android支持4个，iOS 5后可支持6个），所以要尽量减少页面的请求数，首次加载同时请求数不能超过4个。 a) 合并CSS、JavaScript； b) 合并小图片，使用雪碧图（CSS SPRITE）；缓存使用缓存可以减少向服务器的请求数，节省加载时间，所以所有静态资源都要在服务器端设置缓存，并且尽量使用长Cache（长Ca

2016-12-28 11:42:58 674

原创使用sublimeText3编译less后css被压缩解决办法

当我们在sublimeText中编写less 按下ctrl+s 保存后再去看我们的css 会发现它被压缩成了一行，像这个样子：这个时候该怎么办呢，很简单，修改一下less2css插件的设置就可以了在sublimeText菜单中选择：中文版：首选项→插件设置→L

2016-12-27 17:06:06 1415 5

原创如何用sublimeText3编写less并用Nodejs自动编译成css

1、安装Sublime 插件（1）安装LESS插件：（2）安装LESS2CSS插件；2.安装Node.js3.安装less

2016-12-27 16:06:18 4294

原创 js 判断当前页面是否被浏览

js 判断当前页面是否被浏览有次查资料的时候发现了一个有趣的title：http://www.oicqzone.com/ 根据是否被浏览，切换不同的颜文字title，非常可爱~ 然后就百度了这个知识点，接着联想此功能还可以联想到减少请求次数，节约流量等用处等等。可以通过document.hidden属性判断当前页面是否是激活状态。兼容性：IE10+，Firefox10+,Chrome14+

2016-12-16 14:58:03 7373

原创 fixed不以body定位，相对于父级容器定位问题

fixed不以body定位，相对于父级容器定位问题经常在做一个页面的时候，希望一个元素不希望随着滚动条的滚动而动，这个时候就要用到fixed了但是又不希望它根据整个窗口的左右两边定位(因为如果分辨率变小了，它与中间页面的距离就会变了) 希望达到的效果如下图所示解决方法：只需要使用margin定位就可以了如图，最先开始使用left,right进行定位两个按钮是写在中间内部页面里面的效

2016-11-29 17:44:18 21991

原创页面在本地服务器显示正常，上传到服务器后用IE9打开部分样式丢失的问题

页面在本地服务器显示正常，上传到服务器后用IE9打开部分样式丢失的问题前段时间做了一个虚拟币交易所的项目，在前端部分完成之前有进行过兼容性测试，除了一些H5交互特效，其他都能在IE8正常显示。等到后来，后台部分完成后，上传到服务器，客户用IE9打开，发现很多样式都丢失了，检查了很久，发现了很古怪的问题：用IE9打开本地服务器上的页面没有任何问题，但是一上传到远程服务器，页面就乱了。研究了

2016-11-03 23:13:40 3604 1

onlyhom's notebook