随笔分类 -  web-fe

ios下z-index失效问题，overflow-scrolling: touch;
摘要：重点：在overflow-scrolling: touch;元素内的z-index会失效。 z-index关系规则： 1、兄弟元素同时设置z-index，值大的元素及子元素永远高于值小的元素及子元素，无论他们子元素z-index多大。 2、如果兄弟元素各自有子元素需要覆盖与另一个兄弟元素上，则兄弟元 阅读全文
posted @ 2021-07-23 23:15 l_strive 阅读(1139) 评论(0) 推荐(0)
事件绑定----阻止冒泡失效
摘要：//点击#aa下的.bb时候阻止冒泡失效 $('#aa').on('click','.bb',function(event){ console.log('aaa'); event.stopPropagation(); }); $('#aa').on('click',function(){ ... 阅读全文
posted @ 2019-07-04 20:27 l_strive 阅读(1031) 评论(0) 推荐(0)
rem.js
摘要：/* **author:Beginner **create:20190620 **email:BeginnerMind@163.com */ var vRem;//全局变量添加vRem，记录当前状态下的rem值，方便js调用。 (function(win) { var designWidth=375,maxWidth=750,def_px=100, doc = w... 阅读全文
posted @ 2019-06-06 17:41 l_strive 阅读(123) 评论(0) 推荐(0)
伸缩盒
摘要：Document 横向伸缩： 纵向伸缩： 阅读全文
posted @ 2019-04-29 14:44 l_strive
图片上传
摘要：jquery插件： ajaxfileupload.js HTML: JS: 阅读全文
posted @ 2018-12-02 17:16 l_strive
手机端开发，基础设置1-body-fontsize
摘要：一、设计稿设计大小按照750设计。 二、单位使用rem，相对于body fontsize 相对大小计算。 三、假设750下，body fontsize 为100，为了方便计算。 四、通过设置当前设备的 fontsize值，赋予 rem，变值属性。 rem.js： (function () { fun 阅读全文
posted @ 2018-11-30 16:27 l_strive
echart map 编辑 和 压缩
摘要：geojson在线编辑器： https://mapshaper.org/ echartsmap压缩说明：https://blog.csdn.net/isea533/article/details/79194819 压缩方法：javascript版本 压缩方法： var _jsons=convert2 阅读全文
posted @ 2018-10-28 16:48 l_strive 阅读(1791) 评论(0) 推荐(0)
echart maps 下载及制作
只有注册用户登录后才能阅读该文。
posted @ 2018-10-24 16:05 l_strive
font-family
摘要：1、默认字体 sans-serif：操作系统或浏览器指定； 2、英文中文同时定义，先定义英文后定义中文 如：“Microsoft YaHei”, “微软雅黑”, SimSun, “宋体”, STXihei, “华文细黑”, Heiti, “黑体”, 3、照顾不同操作系统 1）对于英文字符，首先查找H 阅读全文
posted @ 2018-10-14 15:20 l_strive 阅读(251) 评论(0) 推荐(0)
css中自定义字体
摘要：css代码如下： 阅读全文
posted @ 2018-10-12 10:49 l_strive 阅读(484) 评论(0) 推荐(0)
SVG---DEMO
摘要：SVG代码： 将此代码放在 aaa.svg文件中，即svg图形文件。 可以通过img标签src此文件进行呈现。 svg图片可以放入echart symbol自定义图形，如果有动画，需要将echart渲染模式修改为svg模式。 阅读全文
posted @ 2018-10-11 19:10 l_strive 阅读(755) 评论(0) 推荐(0)
将图片转为base64
摘要：DEMO： 生成文件可贴到浏览器直接看效果。 参考文献：https://blog.csdn.net/webxiaoma/article/details/70053444 参考文章内容： 二、利用 html5 的 FileReader 将图片转化base64格式 FileReader 是H5提供的一个 阅读全文
posted @ 2018-10-11 13:24 l_strive 阅读(1146) 评论(0) 推荐(0)
jquery插件开发
摘要：(function($){ $.extend({ Alert: function(str) { if(!str) return; alert(str) console.log(str); } })})(jQuery);$.Alert(); //直接调用$.Alert('Hello'); //调用时带 阅读全文
posted @ 2018-09-10 15:30 l_strive 阅读(101) 评论(0) 推荐(0)
算法面试题
摘要：假如有一堆文件路径，要在tab标签中显示，保证每个能区分是谁，而且还要尽量短。如下：var _links=["a/a/a.html","a/b/a.html","a/b/c.html","b/e/f.html","b/e/g.html","b/b/b.html"...........]写一个函数，返 阅读全文
posted @ 2018-09-05 21:08 l_strive 阅读(91) 评论(0) 推荐(0)
面向对象结构
摘要：/***author:Beginner**create:20180912**update:20180927**email:BeginnerMind@163.com*/ var oFuncSL;var fnFunc=function(){}fnFunc.prototype={init:function 阅读全文
posted @ 2018-06-04 16:53 l_strive 阅读(97) 评论(0) 推荐(0)
巧用border制作箭头
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <h1>鼠标经过灰色区域出现黑色三角</h1> <div><a href="javascript:voi 阅读全文
posted @ 2018-05-14 22:05 l_strive 阅读(188) 评论(0) 推荐(0)
inline-block 标签中间的空隙清除
摘要：文本标签存在换行会出现空隙，将换行和空格清除即可。 阅读全文
posted @ 2017-12-24 22:22 l_strive
checkbox，三种状态设置
摘要：多选按钮的 选中、未选中、半选中（常用于子项有选中，未全选） <input id="ckeckbox" type="checkbox"> $('#checkbox').prop("checked",true);//选中 $('#checkbox').prop("checked",false);//未 阅读全文
posted @ 2017-08-30 11:38 l_strive 阅读(2073) 评论(0) 推荐(0)
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
只有注册用户登录后才能阅读该文。
posted @ 2013-11-16 15:43 l_strive