细微之处见真章☞头像点击放大的实现

最近在做淘宝逛逛的业务,在体验相关友商的产品后发现我们的个人主页头像居然没有点击放大的功能,产品说:我们也加一个点击放大吧。我想:一个简单的点击放大,那不是分分钟就搞完了。头像加个点击事件,再把隐藏的图层放出来,over。于是噼里啪啦敲了1个小时代码实现了,效果如下:呃。体验了一下发现貌似和友商的差距有点大。友商的效果如下:嗯。经过录屏后逐帧对比细看一下对方有几个细节点处理的比较好:1.点击的头像元素经过位移变化放大到手机垂直居中的位置2.背景的黑色是整个渐变,而不是缩放3.图像的圆角也是逐渐变 阅读全部

解析虚拟dom

给出以下数据结构,解析出对应的dom数据    //样例数据     let demoNode = {         tagName: 'ul',         props: { & 阅读全部

浏览器缓存

浏览器缓存一张图说明: ETag的出现是为了解决Last-Modified无法解决的一些问题:某些服务器不能精确的得到文件的最后修改时间,这样就不能通过最后修改时间来判断文件是否有更新某些文件修改十分频繁,在秒级以内的时间进行了更改,而Last-Modified 只能精确到秒有时候文件的最后修改时间变化了,但是文件的内容并没有修改。我们不希望客户端认为文件修改了https://harttle.land/2017/04/04/using-http-cache.htmlhttps://gi 阅读全部

CSRF攻击 (Cross-site request forgery)

前端安全相关总结前端安全相关的主要有两个:CSRF攻击和XSS攻击;什么是CSRF攻击 (Cross-site request forgery)跨站请求伪造攻击。主要表现为:攻击者诱导受害者进入第三方网站(A网站),然后在A网站,向被攻击的网站(B网站)发送跨站请求,利用受害者在B网站的登录信息,请求某些有接口。 具体示例如下:1.用户小红,在weibo.com登录了。2.小红无意中点开了第三方网站xxx.com<img src="https://www.weibo.c 阅读全部

回文字符串

给定一个字符串 s,找到 s 中最长的回文子串。你可以假设 s 的最大长度为 1000。示例 1:输入: "babad"输出: "bab"注意: "aba" 也是一个有效答案。示例 2:输入: "cbbd"输出: "bb"分析本题最容易想到的一种方法应该就是中心扩散法。中心扩散法怎么去找回文串?从每一个位置出发,向两边扩散即可。遇到不是回文的时候结束。举个例子,str = "acdbbd 阅读全部

拼3D金属模型的一些感悟

十一在家逛淘宝,看到一批金属组装模型感觉很不错3D模型如下小别墅卖家秀 *买家秀 故宫角楼卖家秀 买家秀 1. 尝试一个新事物的时候可以先挑个简单的开始,熟悉规则ex:我买了三板模型:小别墅--难度等级:一星--花费了1小时故宫角楼--难度等级:三星-花费了10小时望江楼--难度等级:五星--还未开始望江楼是一个店买的,第二天就到了。打开包装就绝望了。。无从下手。前两个在另外一家店买的,第三天才到,在小别墅到了之后,开始慢慢熟悉。花了1小时,顺利拼接完成,

阅读全部

JavaScript 的eventLoop --转自mdn

JavaScript 的并发模型基于“事件循环”。这个模型与像 C 或者 Java 这种其它语言中的模型截然不同

阅读全部

leetCode 刷题

给定一个字符串,请你找出其中不含有重复字符的 最长子串 的长度。示例 1:输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc",所以其长度为 3。示例 2:输入: "bbbbb"输出: 1解释: 因为无重复字符的最长子串是 "b",所以其长度为 1。示例 3:输入: "pwwkew"输出: 3解释: 因为无重复字符的最长子串是 "wke&quo 阅读全部

mac 没声音解决办法

重置macOS音频核心法如果 macOS 声音仍无法正常工作,那可能是 Mac 设备的音频接口存在问题,这种问题可能会导致包括声音跳侦或失真在内的多种错误。通常,重置 low-level Mac audio API,音频核心即可解决这些问题。sudo killall coreaudiod然后就好了。 阅读全部

Webpack 模块打包原理

转自--https://juejin.im/post/5c94a2f36fb9a070fc623df4  在使用webpack的过程中,你是否好奇webpack打包的代码为什么可以直接在浏览器中跑?为什么webpack可以支持各种ES6最新语法?为什么在webpack中可以书写import ES6模块,也支持require CommonJS模块?模块规范关于模块,我们先来认识下目前主流的模块规范(自从有了ES6 Module及Webpack等工具,AMD/CMD规范生存空间已经很小了):Common

阅读全部