- 博客(17)
- 收藏
- 关注
RSS订阅原创 前端常用工具网址
前端常用工具网址一、免费在线工具压缩生成二维码二、前端开发Api三、学习网站四、设计相关网址一、免费在线工具压缩1、压缩文件压缩各种网站文件比如HTML, CSS, JAVASCRIPT, XML, JSON, PDF, WORD, JPG, PNG, GIF, SVG 和WEBP等，还可以在线压缩各种视频（例如 MP4、WEBM、MOV、MKV 或 WMV 等）和音频（例如 MP3、M4A、AAC、OGG 或 WAV 等）文件。链接：https://www.compresss.com/cn/
2022-01-29 17:01:40
2276
原创 audio移动端不能自动播放
微信内置浏览器audio不能自动播放android、ios内部原因为了节省流量，规定不自动播放音频视频。创建页面监听，等待微信端页面加载完毕，触发音频播放。document.addEventListener('DOMContentLoaded', function () { function audioAutoPlay() { $("#audio")[0].play(); $(".music").attr('src','img/musicPlay.png').addCl
2022-01-28 15:27:50
2955
原创 Openlayers JSON、KML数据格式的热力图显示
Openlayers中加载热力图1、JSON数据作为热力图的矢量数据源：var heatmapSource = new ol.source.Vector({ url:'data/heatMap.json', format: new ol.format.GeoJSON()});//创建一个热力图类，为其加载数据源，设置热点半径和模糊尺寸var heatmap = new ol.layer.Heatmap({ name:'热力图', source: heatmapSo
2021-03-18 16:04:18
1536
1
原创 Openlayers 概述
Openlayers 概述地图控件导航控件、ZoomSlider、鼠标位置、比例尺、鹰眼、图层选择。常用的到是鹰眼控件（使用场景：当地图进行缩放移动时，鹰眼控件可以清楚方便的知道地图所在位置）。地图操作 1. 基础操作** ：单击缩小、单击放大、平移到某个位置、复位； 2. 设置地图背景** ； 3. 地图定位**：view.setCenter(ol.Coordinate|undefined)； 4. 显示级数** ：view.setZoom(zoom)； 5. 视窗逻辑坐标**：通常有
2021-03-15 16:44:58
1779
1
转载 easyui tab页
function addTab(title, href,icon){ var tt = $('#mytabs'); if (tt.tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab tt.tabs('select', title);
2017-09-11 15:50:35
535
原创 JQ AJAX
一，$.get(url,[data],[callback]) 说明：url为请求地址，data为请求数据的列表(是可选的，也可以将要传的参数写在url里面)，callback为请求成功后的回调函数，该函数接受两个参数，第一个为服务器返回的数据，第二个参数为服务器的状态，是可选参数。而其中，服务器返回数据的格式其实是字符串形势，并不是我们想要的json数据格式，在此引用只是为了对比说明。$.get(
2017-09-05 16:23:08
334
原创 前端工程师面试题汇总
HTMLDoctype作用？严格模式与混杂模式如何区分？它们有何意义? HTML5 为什么只需要写 ？ 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 页面导入样式时，使用link和@import有什么区别？ 介绍一下你对浏览器内核的理解？ 常见的浏览器内核有哪些？ html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 H
2017-08-01 16:26:31
465
原创 如何提高网站速度
01 图片优化 统计数据显示，用户倾向于放弃一个在3秒内未加载完成的网页。由于加载图片占据了网页上可下载的大部分字节空间，所以影响网页下载时间的关键来自于图像优化。确保正确的图像优化的最佳方法之一是采用正确的大小和格式（JPEG、GIF或PNG）。我们的目标是在不影响图片质量的情况下尽可能地缩减文件大小。02 尝试CDN加速 内容交付网络的价值在于它可以获取一个网
2017-08-01 14:56:09
273
原创 在线代码编辑器codeMirror
官网链接 下载后，解压开得到的文件夹中，lib下是放的是核心库和核心css，mode下放的是各种支持语言的语法定义，theme目录下是支持的主题样式。 1、引用主要文件<script src="lib/codemirror.js"></script><link rel="stylesheet" href="/lib/codemirror.css">2、引用的就是在mode目录下编辑器中要编辑的
2017-07-13 19:04:45
2293
1
原创 不能加载json文件---XMLHttpRequest cannot load xxx.json
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-07-05 16:04:50
962
转载 CSS小技巧
使用CSS复位* { box-sizing: border-box; margin: 0; padding: 0;}从 html 元素继承 box-sizing （上面代码就不用加box-sizing: border-box；）：html { box-sizing: border-box;}*, *:before, *:after { box-sizing: inherit
2017-06-30 15:56:29
370
转载 灵活运用浏览器
*HTML篇一、浏览器地址栏运行JavaScript代码javascript:alert('hello from address bar :)');二、浏览器地址栏运行HTML代码data:text/html,<h1>Hello, world!</h1>三、把浏览器当编辑器地址栏输入data:text/html, <html contenteditable>将下列代码放到console执行，整
2017-06-30 15:06:20
367
原创 前端优化
一、前端优化的目的 ▲从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 ▲ 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。二、前端优化的途径 ▲页面级别的优化，如： HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等 。 *减少HTTP请求数：
2017-06-30 14:18:32
236
转载 iscroll.js遇到的问题
1.在一个页面中需要点击tab切换，而且每个切换的内容都需要下拉刷新加载，这个时候需要在点击的时候用到myScroll.refresh();这个函数，刷新iScroll.js这个函数。2.在页面中有input等需要输入的表单时，表单会无法输入，这时需要在代码最后加上以下这段函数，function allowFormsInIscroll(){ [].slice.call(document.query
2017-06-30 12:04:13
371
转载 正则表达式
1.校验密码强度 ^(?=.\d)(?=.[a-z])(?.*[A-Z]).{8,10}$2.校验中文 ^[\u4e00-\u9fa5]{0,}$3.由数字、26个英文字母或下划线组成的字符串 ^\w+$4.校验e-mail地址 [\w!#$%&’+/=?^_{|}~-]+(?:\\.[\\w!#$%&'*+/=?^_{|}~-]+)@(?:\w?\ .)+\w?5.校验身份证号码 1
2017-06-30 11:54:17
449
原创 mui框架移动端a标签不跳转问题
mui使用的时候会将所有的a标签的href屏蔽，从而导致移动端不能正常跳转。（PC端和微信可以跳转）解决方法一 之事件委托： mui(‘body’).on(‘tap’,’a’,function(){ window.top.location.href=this.href; });解决方法二 之自定义事件： window.location.href = “”;解决方法三 之引入一段
2017-06-30 11:34:38
5590
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人