前端
进击的心
这个作者很懒,什么都没留下…
展开
-
img标签使用after和before伪元素失效
https://www.w3.org/TR/CSS21/generate.html#before-after-contentNote.This specification does not fully define the interaction of :before and :after with replaced elements (such as IMG in HTML). This will be defined in more detail in a future specificat..原创 2020-05-25 11:23:20 · 1651 阅读 · 0 评论 -
flex:1
flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。「flex」属性可以用来指定可伸缩长度的部件:扩展比率、收缩比率,以及伸缩基准值。当一个元素是伸缩项目时,「flex」属性将代替主轴长度属性决定元素的主轴长度。若元素不是伸缩项目,则「flex」属性没有效果。<‘flex-grow’>此<number>...原创 2020-01-08 17:16:48 · 143 阅读 · 0 评论 -
whistle.js连接ios手机中https步骤
1:对于安卓直接扫码安装https的证书:对于ios 连接电脑发出的wifi,打开whistle,配置代理之后(一定要保证先链接电脑发出的wifi,且配置代理)用Safari打开网址:http://rootca.pro。下载rootca证书进行安装;最后一步:设置----通用-----关于本机------证书信任设置------>找到whistle证书打开信任...原创 2019-12-06 16:20:49 · 1366 阅读 · 0 评论 -
A new image format for the Web
转载来自于:https://developers.google.com/speed/webp/WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP, webmasters and web developers ca...转载 2019-02-20 14:43:46 · 143 阅读 · 0 评论 -
7种方法实现移动端Retina屏幕1px边框效果
转载来自于:https://www.cnblogs.com/lhb25/p/seven-method-for-1px-retina-screen.html在Reina(视网膜)屏幕的手机上,使用CSS设置的1px的边框实际会比视觉稿粗很多。在之前的项目中,UI告诉我说我们移动项目中的边框全部都变粗了,UI把他的设计稿跟我的屏幕截图跟我看,居然真的不一样。没有办法,只有在后面的版本中...转载 2019-03-20 12:01:40 · 115 阅读 · 0 评论 -
移动Web Passive
移动Web滚动性能优化: Passive event listeners文章链接:https://segmentfault.com/a/1190000007913386今年的 Google I/O 已经过去一段时间了,大部分人都关注了一些新产品的发布,比如 Allo 和 Duo、Android N、Daydream、Android Studio、Firebase……还有 PWA。...转载 2019-04-11 20:47:08 · 128 阅读 · 0 评论 -
HTML5文件上传组件的深度剖析、分块上传、断点续传、秒传
转载:http://www.zuidaima.com/blog/2819949848316928.htm对于文件上传,相信还有不少同学还停留在FLASH时代,其实现在 HTML5 不仅可以实现文件上传,而且可以做得更好。以下是对 HTML5 与 FLASH 就文件上传方面的功能调研测试得出的结果。功能描述 FLASH HTML5 文件多选 √ √ ...转载 2019-04-15 10:16:32 · 438 阅读 · 0 评论 -
微信小程序image图片自适应宽度比例显示的方法
转摘来自于:http://www.qianduan8.com/1005.html我们都知道微信小程序的组件image是用来显示图片的,它有一下几个属性:1、src 图片资源地址2、mode 图片裁剪、缩放的模式3、binderror 当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {err...转载 2019-05-24 22:44:02 · 20641 阅读 · 0 评论 -
游览器缩小放大改变的是什么,canvas怎么做适配
https://www.quirksmode.org/blog/archives/2012/07/more_about_devi.htmlhttps://www.html5rocks.com/en/tutorials/canvas/hidpi/?redirect_from_locale=zhhttps://segmentfault.com/a/1190000009511784https...原创 2019-08-21 16:57:08 · 786 阅读 · 0 评论 -
chrome performance调试
https://software.intel.com/en-us/vtune-amplifier-help-self-time-and-total-timehttps://developers.google.com/web/tools/chrome-devtools/rendering-tools/?hl=zh-cnhttps://nicholaslee119.github.io/2017/10/...原创 2019-08-22 14:37:26 · 396 阅读 · 0 评论 -
企业微信调试发送消息接口只能发送5个中文字符问题
请参考此博客。https://www.cnblogs.com/gtsup/p/10150927.html问题在于'Content-Length': postData.length 的问题。中文是三个字符的。原创 2019-09-18 15:07:09 · 236 阅读 · 0 评论 -
移动端触摸(touch)事件
文章转摘于:https://www.cnblogs.com/cangqinglang/p/8794621.htmltouchstart:手指触摸到一个 DOM 元素时触发。touchmove:手指在一个 DOM 元素上滑动时触发。 touchend:手指从一个 DOM 元素上移开时触发。Touch 属性事件对应的三个列表虽然名字不一样,但是它们里面装的东西都是差不多的,包含...转载 2019-02-12 16:17:51 · 942 阅读 · 0 评论 -
HTML5的学习--performance获取加载时间的工具
转载:https://www.cnblogs.com/CraryPrimitiveMan/p/3817527.html 将times.js引入想应的HTML中,打开console(按F12),刷新一下页面就可以看到详细的加载时间。 也可以在JS中使用times()方法调用。其运行结果如下图源码及注释如下var times = function() { ...转载 2019-01-15 10:21:14 · 757 阅读 · 0 评论 -
commonjs , amd , es6
引用来自于:https://www.cnblogs.com/chenguangliang/p/5856701.htmlES6 阮一峰:http://es6.ruanyifeng.com/#docs/modulecommonjs : CommonJS定义的模块分为:{模块引用(require)} {模块定义(exports)} {模块标识(module)},用于服务器. require 是同步的。这...转载 2018-05-13 19:29:14 · 164 阅读 · 0 评论 -
transition 和 animation 区别
参考于:https://blog.csdn.net/XIAOZHUXMEN/article/details/52003135 http://www.zhangxinxu.com/wordpress/2010/11/css3-transitions-transforms-animation-introduction/transition 单纯的代码不会触发任何过渡操作,需要通过...转载 2018-05-20 20:10:10 · 621 阅读 · 0 评论 -
微信小程序和PWA对比分析
链接地址:https://blog.csdn.net/baidu_browser/article/details/64440238转载 2018-05-22 10:58:58 · 597 阅读 · 0 评论 -
对象字面量vs构造函数创建对象对比
var x = [];var y = new Array();它的代码量更少,更易读;它可以强调对象就是一个简单的可变的散列表,而不必一定派生自某个类;对象字面量运行速度更快,因为它们可以在解析的时候被优化:它们不需要"作用域解析(scope resolution)";因为存在我们创建了一个同名的构造函数Object()的可能,当我们调用Object()的时候,解析器需要顺着作用域链从当前作用域开...转载 2018-05-16 15:47:58 · 424 阅读 · 0 评论 -
escape、encodeURI、encodeURIComponent
参考链接: https://blog.csdn.net/xude1985/article/details/52268533字符被替换成了十六进制的转义序列escape: ASCII 字母和数字 * @ - _ + . / encodeURI: ASCII 字母和数字 - _ . ! ~ * ' ( ) ;/?:@&=+$,#encodeURIComponent: ASCI...转载 2018-06-04 17:55:33 · 112 阅读 · 0 评论 -
CORS——跨域请求那些事儿
参考链接:https://blog.csdn.net/u014344668/article/details/54948546 http://www.ruanyifeng.com/blog/2016/04/cors.html简单请求当请求同时满足下面两个条件时,浏览器会直接发送GET请求,在同一个请求中做跨域权限的验证。请求方法是下列之一:GETHEADPOST请求头中...转载 2018-06-15 17:35:01 · 115 阅读 · 0 评论 -
Homebrew安装软件的问题
原文地址:http://mygeekdaddy.net/2014/12/05/how-to-install-a-local-file-in-homebrew/当使用Homebrew安装软件时,有时发现无法下载要安装的应用程序,可以用如下步骤解决:例如我要安装protobuf:brew install protobuf发现protobuf无法下载,但它打印出了下载地址:==>**** Dow...转载 2018-07-12 11:40:36 · 602 阅读 · 0 评论 -
JS中height、clientHeight、scrollHeight、offsetHeight区别
$(window).height();//是文档窗口高度$("div").offset().top//是标签距离顶部高度$(document).scrollTop();//是滚动条高度$("div").height();//是标签高度你要的高度+$("div").height()+[$("div").offset().top-$(document).scrollTop()]=$(window).h...转载 2018-07-05 20:43:13 · 518 阅读 · 0 评论 -
大话immutable.js
引用链接来自于:https://www.cnblogs.com/yoissee/p/6001465.html为啥要用immutable.js呢。毫不夸张的说。有了immutable.js(当然也有其他实现库)。。才能将react的性能发挥到极致!要是各位看官用过一段时间的react,而没有用immutable那么本文非常适合你。1,对于react的来说,如果父组建有多个子组建想象一下这种场景,一个...转载 2018-07-15 15:42:16 · 119 阅读 · 0 评论 -
javascript sizeof 实现
Number类型统一按浮点数处理,64位存储,整数是按最大54位来算最大最小数的,否则会丧失精度;某些操作(如数组索引还有位操作)是按32位处理的~~function roughSizeOfObject( object ) { var objectList = []; var stack = [ object ]; var bytes = 0; whi...转载 2018-08-10 15:04:30 · 2860 阅读 · 0 评论 -
前端性能监控方案window.performance 调研(转)
链接地址:https://www.cnblogs.com/sunshq/p/5312231.html1. 业界案例目前前端性能监控系统大致为分两类:以GA为代表的代码监控和以webpagetest为代表的工具监控。代码监控依托于js代码并部署到需监控的页面,手动计算时间差或者使用浏览器的的API进行数据统计。影响代码监控数据的因素有以下几种:浏览器渲染机制; 浏览器对API的...转载 2018-09-10 11:19:25 · 545 阅读 · 0 评论 -
Git 清理无效的远程追踪分支
在使用git进行版本控制时,经常会创建一些特性分支方便产品功能的开发和迭代,在远程版本库创建了一个分支后,在本地可以使用 $ git remote update可以在本地创建远程追踪分支,但是,如果在远程版本库上删除了某一分支,该命令并不会删除本地的远程追踪分支,这时候,有另一个命令$ git remote prune该命令可以删除本地版本库上那些失效的远程追踪...转载 2018-09-18 10:44:02 · 2426 阅读 · 0 评论 -
如何判断图片为透明图片 getImageData rgba
let _img = new Image(), _canvas = window.document.createElement("canvas"), _context = _canvas.getContext("2d"); _img.onload = function ...转载 2018-09-26 17:30:42 · 4793 阅读 · 0 评论 -
在 Node.js 中利用 js-xlsx 处理 Excel 文件
参考链接:http://scarletsky.github.io/2016/01/30/nodejs-process-excel/var _headers = [''], _headers_len = _headers.length;headers = _headers.map((v, i) => Object.assign({}, {v: v, position: Stri...转载 2018-11-05 16:46:09 · 550 阅读 · 0 评论 -
Base64编码简介
转载来自于:https://www.cnblogs.com/antineutrino/p/3756106.html基本概念 Base64这个术语最初是在“MIME内容传输编码规范”中提出的。Base64不是一种加密算法,虽然编码后的字符串看起来有点加密的赶脚。它实际上是一种“二进制到文本”的编码方法,它能够将给定的任意二进制数据转换(映射)为ASCII字符串的形式,以便在只支持文...转载 2018-11-30 13:30:41 · 226 阅读 · 1 评论 -
transform:translateZ(0),will-change GPU加速原理 动画实现
英文链接:https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-right/中文链接:https://segmentfault.com/a/1190000008015671will-change :http://www.zhangxinxu.com/wordpress/2015/11/css3-will-change-imp...转载 2018-05-18 16:12:21 · 4794 阅读 · 0 评论