
css
sniper-拒绝白嫖
qq:549348444
展开
-
vue scss在scoped时候更改element-ui的样式
代码】vue scss在scoped时候更改element-ui的样式。原创 2022-08-06 20:34:03 · 472 阅读 · 0 评论 -
基于three.js实现可拖拽,切换场景的全景图效果
Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。既然Threejs是一款WebGL三维引擎,那么它可以用来做什么想必你一定很关心。所以接下来内容会展示大量基于Threejs引擎或Threejs类似引擎开发的Web3D应用,以便大家了解因为上传录像大小有限制,上面图像被高度压缩,实际效果很清晰源码获取...原创 2021-03-18 17:15:50 · 2402 阅读 · 0 评论 -
LeafLet 简单使用
Leaflet 使用最近在Angular项目中,用到了地图,由于种种原因放弃了百度地图api使用,最后选择了leaflet,简单介绍一下。介绍:Leaflet 是一个为移动设备设计的交互式地图的开源的 javascript库, 并只有38k,包含了大多数开发者需要的地图特点。准备:下载 leaflet 文件访问: Leaflet下载官网在单一的HTML页面中使用Leafle...原创 2019-12-16 14:56:33 · 904 阅读 · 0 评论 -
CSS 实现隐藏滚动条同时又可以滚动
移动端页面为了更接近原生的体验,是否可以隐藏滚动条,同时又保证页面可以滚动?使用 overflow:hidden 隐藏滚动条,但存在的问题是:页面或元素失去了滚动的特性。由于只需要兼容移动浏览器(Chrome 和 Safari),于是想到了自定义滚动条的伪对象选择器::-webkit-scrollbar。关于这个选择器的介绍可以参考:Styling Scrollbars转载 2017-10-31 19:41:29 · 2506 阅读 · 0 评论 -
react中布局样式style.less中的calc不生效
去使用:.modal_overlay { position: fixed; top: 0; left: 0; bottom:0; z-index: 1000; background-color:rgba(11,11,11,0.4); width: 100%; .modal { position: fixed; top: calc(100% – 260px); le...转载 2018-06-22 16:51:31 · 7520 阅读 · 0 评论 -
检测客户端是否支持 webp 的几种方式
客户端通过 JS 来检测是否支持 webp 图片格式的方法有很多种,以免遗忘,在这里做一个总结。通过加载 webp 图片的方式检测客户端是否支持 webp 1234567891011121314151617181920 // check_webp_feature:// 'feature' can be one of ...转载 2018-11-27 09:57:48 · 2162 阅读 · 0 评论 -
html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHei...原创 2018-12-29 10:00:39 · 129 阅读 · 0 评论 -
移动端滚动穿透问题
定义:移动端弹出fixed弹窗的话,在弹窗上滑动会导致下层的页面跟着滚动,这个叫 “滚动穿透”解决方案1在弹出层的touchstart事件中调用preventDefault这种方法不可取,至少有3个缺点:如果弹出层本身是有滚动(条)的话,将会导致弹出层无法滚动,此时用这种方法无异于饮鸩止渴。 一个很常见的场景,点击弹出层,弹出层消失掉,此时也无法触发弹出层的点击回调事件。 弹出...原创 2019-02-20 14:58:06 · 844 阅读 · 0 评论 -
如何绕开referrer防盗链
最近处理了一个与referer有关的需求,发现里面还是有一点门道的。因此在本篇文章整理了referer相关知识点,主要涉及图片防盗链与如何绕开防盗链限制。参考:Referer-MDN HTTP来源地址-维基百科使用refererReferer是HTTP请求头的一个字段,包含了当前请求页面的来源页面的地址,通过该字段,我们可以检测访客是从哪里来的。那么,referer到底有啥作用...转载 2019-07-18 14:21:54 · 4788 阅读 · 0 评论 -
Git -- 创建与合并分支
在版本回退里,你已经知道,每次提交,Git都把它们串成一条时间线,这条时间线就是一个分支。截止到目前,只有一条时间线,在Git里,这个分支叫主分支,即master分支。HEAD严格来说不是指向提交,而是指向master,master才是指向提交的,所以,HEAD指向的就是当前分支。一开始的时候,master分支是一条线,Git用master指向最新的提交,再用HEAD指向master,就能转载 2017-01-12 11:26:25 · 259 阅读 · 0 评论 -
聊一聊移动调试那些事儿
原文欢迎大家收看聊一聊系列,这一套系列文章,可以帮助前端工程师们了解前端的方方面面(不仅仅是代码):https://segmentfault.com/blog/frontenddriver随着移动端的不断推进,移动调试也成为了前端同学们面临的一个新的课题,在PC时代,我们直接打开chrome的检查元素面板。就可以解决大部分事情了。但是到了移动端,明明在电脑上模拟好的转载 2016-12-15 15:35:43 · 791 阅读 · 0 评论 -
charles中如何对https抓包
charles中如何对https抓包字数227 阅读1003 评论0 喜欢0如果不进行下面的设置,https的reqeust和response都是乱码,设置完之后https就可以抓包了。手机端操作IOS下载Charles证书[http://www.charlesproxy.com/ssl.zip] (http://www.charlesproxy.转载 2016-12-14 16:46:29 · 763 阅读 · 0 评论 -
安卓机上的微信返回键之后页面不刷新
今天在微信开发时,遇到一个坑,页面后退之后,页面不刷新,首先是我自己做了一个缓存,测试说页面后退之后有BUG,我就把自己做的缓存去掉了,结果IOS回退页面可以刷新,但是安卓机后退却不刷新,这时候我就意识到,安卓机绝对有坑!安卓webview cache的问题安卓webview,包括安卓微信里面内嵌的QQ X5内核浏览器,都存在后退不会重新请求页面的问题,无论页面是否禁用缓存解决办法--原创 2016-08-08 21:23:42 · 8767 阅读 · 0 评论 -
webstorm如何禁用自动保存功能?
在“File” >> "Settings" >> "Appearance & Behavior" >> "system settings"中,勾掉以下两个选项:原创 2016-11-09 11:42:45 · 24415 阅读 · 1 评论 -
如何识别牛逼的前端工程师
作者:张鑫链接:https://zhuanlan.zhihu.com/p/22026860来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。如何定义牛逼工程师有软件工程方面的研究说,对于开发者个体而言,最优秀的开发者的生产效率约为平均值的2倍,而优秀的开发者会吸引其它优秀的人,或者激励与帮助团队中的其它成员,最终使团队之间的生产效率差异达到10倍转载 2016-11-14 10:03:34 · 493 阅读 · 1 评论 -
前端优化实践总结
原文链接前端优化实践总结by Mihan on 2016-04-12记得前百度工程师张云龙说过,页面前端优化问题绝对不仅仅是为页面提速的问题,更是工程的问题,有兴趣的同学可以阅读《前端工程与性能优化》。里面有提到根据雅虎14条优化原则,《高性能网站建设指南》以及《高性能网站建设进阶指南》中提到的优化点梳理出来的优化方向:张云龙先生提及到的转载 2016-12-07 10:12:54 · 397 阅读 · 0 评论 -
你必须收藏的 Github 技巧
原文链接你必须收藏的 Github 技巧一秒钟把Github项目变成前端网站GitHub Pages大家可能都知道,常用的做法,是建立一个gh-pages的分支,通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。这里经常遇到的痛点是,master遇到变更,经常需要去sync到gh-pages,特别是纯web前端项目,这样的痛点是非常地痛。转载 2016-12-14 11:29:12 · 311 阅读 · 0 评论 -
Markdown 11种基本语法
现在是我在学习Markdown时做的笔记。学完这些Markdown的基本使用已经不成问题。 1. 标题设置(让字体变大,和word的标题意思一样)在Markdown当中设置标题,有两种方式:第一种:通过在文字下方添加“=”和“-”,他们分别表示一级标题和二级标题。第二种:在文字开头加上 “#”,通过“#”数量表示几级标题。(一共只有1~6级标题,1级标题字体最转载 2016-12-17 14:16:14 · 317 阅读 · 0 评论 -
Charles 从入门到精通
原文地址简介Charles 是在 Mac 下常用的网络封包截取工具,在做移动开发时,我们为了调试与服务器端的网络通讯协议,常常需要截取网络封包来分析。Charles 通过将自己设置成系统的网络访问代理服务器,使得所有的网络访问请求都通过它来完成,从而实现了网络封包的截取和分析。除了在做移动开发中调试端口外,Charles 也可以用于分析第三方应用的通讯协议。配合 C转载 2016-12-14 16:06:41 · 1471 阅读 · 0 评论