技术问题汇总 - 随笔分类 - FEDeveloper

禁用浏览器ctrl +- 缩放、鼠标滚轮缩放、浏览器工具栏+-缩放

摘要：// 禁用浏览器ctrl +- 缩放 const keyCodeMap = { // 91: true, // command 61: true, 107: true, // 数字键盘 + 109: true, // 数字键盘 - 173: true, // 火狐 - 号 187: true, // 阅读全文

posted @ 2021-05-27 15:35 FEDeveloper 阅读(1264) 评论(0) 推荐(0)

为什么选择器:last-child有时没有起作用?

摘要：想要有.list样式的最后一个不要下划线。为什么:last-child没有起作用？ el:last-child 的匹配规则是：第一步，查找 el 选择器匹配元素的所有同级元素（siblings）；第二步，在同级元素中查找最后一个元素；第三步，检验最后一个元素是否与选择器 el 匹配。 .list:l 阅读全文

posted @ 2019-09-26 19:30 FEDeveloper 阅读(4327) 评论(3) 推荐(0)

深入研究-webkit-overflow-scrolling:touch及ios滚动

摘要：目录 1. -webkit-overflow-scrolling:touch是什么？ 2. 解决safari布局抖动的例子 2.1 方案一 2.2 方案二 3. 探究-webkit-overflow-scrolling:touch偶尔卡住或不能滑动的bug 3.1 保证使用了该属性的元素上没有设置定阅读全文

posted @ 2019-09-17 15:00 FEDeveloper 阅读(1693) 评论(0) 推荐(0)

echarts中的区域缩放组件dataZoom，主动触发选区缩放点击事件

摘要：options设置阅读全文

posted @ 2019-04-13 16:55 FEDeveloper 阅读(10985) 评论(1) 推荐(1)

VUE2+elementUI前端实现三级省市联动select

摘要：html: 阅读全文

posted @ 2018-12-08 12:01 FEDeveloper 阅读(11261) 评论(2) 推荐(0)

从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理

摘要：前言来源：https://dailc.github.io/2018/01/21/js_singlethread_eventloop.html 见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 ———-超长文+多图预警，需要花费不少时间。———- 如果看完本文后，还对进程线程傻傻分阅读全文

posted @ 2018-08-02 11:38 FEDeveloper 阅读(271) 评论(0) 推荐(0)

H5图片压缩上传

摘要：1.所用到技术 HTML5 API：filereader、canvas 以及 formdata 目前来说，HTML5的各种新API都在移动端的webkit上得到了较好的实现。本次使用到的FileReader、Blob、Formdata对象均已在大部分移动设备浏览器中得到了实现（safari6.0+、阅读全文

posted @ 2018-06-29 09:28 FEDeveloper 阅读(4205) 评论(0) 推荐(1)

H5 唤起 APP的解决方案

摘要：H5 页面唤起APP或跳转到下载APP的某个链接地址。总结如下：在 IOS 中，系统版本在 8 以下时，可以监听页面的 pagehide / visibilitychange 事件。系统版本大于 8 以后，可以使用 universal Link 或 URL scheme 进行跳转。 // IO 阅读全文

posted @ 2018-05-04 09:50 FEDeveloper 阅读(16895) 评论(1) 推荐(1)

vue(v-html)和scss的使用问题

摘要：以前遇到过一样的问题，动态生成的元素没有样式，后面用了个暴力的方法解决，写了两个style标签。尝试去掉style 中 scoped属性后，问题解决有兄弟在sf中这样解释阅读全文

posted @ 2017-09-13 13:42 FEDeveloper 阅读(1211) 评论(0) 推荐(0)

JS获取IOS版本号

摘要：var str= navigator.userAgent.toLowerCase(); var ver=str.match(/cpu iphone os (.*?) like mac os/); if(!ver){ alert("请在Ios系统中打开"); }else{ alert("你当前的Ios 阅读全文

posted @ 2017-09-12 09:11 FEDeveloper 阅读(4462) 评论(0) 推荐(0)

IOS下移除按钮原生样式 -webkit-appearance

摘要：IOS环境下的按钮都是经过美化的，但通常我们在设计web app的时候不需要这些看上去老土的样式，所以，去除这些显得很有必要。下面这句代码就是重置这些样式的：通常，我们在写移动端的web开发时，会zaicommon.css中添加以下CSS代码来：嗯，就这些，虽简单，但很实用！阅读全文

posted @ 2017-09-08 13:38 FEDeveloper 阅读(640) 评论(0) 推荐(0)

按键排序JavaScript对象

摘要：问题描述我需要按键排序JavaScript对象。因此如下：会成为：最佳解决方案方法一如果要迭代对象的属性，可以对键进行排序，然后检索关联的值： var myObj = { 'b': 'asdsadfd', 'c': 'masdasaf', 'a': 'dsfdsfsdf' }, keys 阅读全文

posted @ 2017-09-02 14:13 FEDeveloper 阅读(2026) 评论(0) 推荐(0)

input输入框限制20个字符，十个汉字

摘要：英文和数字为一个字符，汉字为两个字符在 Web 开发中，经常要对表单元素的输入进行限制，比如说不允许输入特殊字符，标点。通常我们会监听 input 事件: inputElement.addEventListener('input', function(event) { let regex = /[ 阅读全文

posted @ 2017-08-24 12:37 FEDeveloper 阅读(16612) 评论(0) 推荐(0)

移动端小坑：用户长按H5文字出现复制

摘要：禁止复制方法：*{ -webkit-user-select: none;/*禁用手机浏览器的用户选择功能 */ -moz-user-select: none; -webkit-touch-callout: none; -ms-user-select:none; /*IE10*/ user-selec 阅读全文

posted @ 2017-08-24 09:59 FEDeveloper 阅读(811) 评论(0) 推荐(0)

伪类实现特殊图形，一个span加三角形

摘要：题目如图：实现思路：伪类+三边透明的三角形实现代码：阅读全文

posted @ 2017-06-23 16:29 FEDeveloper 阅读(1781) 评论(0) 推荐(0)

;(function(){ //代码})(); 自执行函数开头为什么要加；或者！

摘要：我们有时候会在自执行函数中看到这样的代码;(function(){ //我们的代码。。 alert('Hello!'); })(); ！(function(){ //我们的代码。。 alert('Hello!'); })();加；或！的原因就是防止之前的代码没加分号，解析报错，我们的代码无法正常执行阅读全文

posted @ 2017-06-19 17:43 FEDeveloper 阅读(743) 评论(0) 推荐(0)

Hexo 搭建博客本地运行常见报错及解决办法

摘要：作为一名在hexo方面的新手，我在使用hexo编辑文档时遇到了很多问题，hexo generate编译的时候遇到了各种错误。在此将这些错误及其解决方案记录下来，以便日后查证之用，同时，也可给各位在遇到类似问题时提供一点参考。 1.执行命令hexo server，提示：Usage: hexo …. 阅读全文

posted @ 2017-06-08 18:43 FEDeveloper 阅读(3471) 评论(0) 推荐(0)

去除inline-block元素间间距的N种方法

摘要：一、现象描述真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子： <input /> <input type="submit" /> 间距就来了~~ 我们使用CSS更改非inline-block水平元素为inline-block水平，也会有该问阅读全文

posted @ 2017-03-15 17:05 FEDeveloper 阅读(136) 评论(0) 推荐(0)

IE8+兼容经验小结

摘要：January 15, 2014 本文分享下我在项目中积累的IE8+兼容性问题的解决方法。根据我的实践经验，如果你在写HTML/CSS时候是按照W3C推荐的方式写的，然后下面的几点都关注过，那么基本上很大一部分IE8+兼容性问题都OK了（这里的IE8+主要是指IE8，据个人目测，IE9+的渲染效果已阅读全文

posted @ 2017-03-14 09:44 FEDeveloper 阅读(195) 评论(0) 推荐(0)

IE8 兼容性总结

摘要：rgba 颜色格式 IE8 不支持 rgba(0, 0, 0, .5) 这种颜色格式。解决方案：可以利用一张半透明的 png 图片来兼容 IE8。 flexbox 根据 caniuse 给出的数据，IE8 是不支持 flex 布局属性的，甚至 IE11 只支持一部分。解决方案：利用 displ 阅读全文

posted @ 2017-03-08 17:25 FEDeveloper 阅读(3875) 评论(0) 推荐(0)

FEDeveloper

随笔分类 - 技术问题汇总

公告