渣渣大星星的学习笔记


  • Home

  • Categories

  • About

  • Archives

  • Tags

下载网页的所有图片资源

Posted on 2019-01-18 | In puppeteer
思路1.获取图片的请求地址,保存到列表。 2.遍历列表,下载图片到本地 实现使用Puppeteer 1.过滤请求,只需要图片的请求首先我们了解一下Accept字段,表示客户端能够处理的媒体类型,还有优先级,q的值从0到1(默认1)。 那我们只要过滤出image的元素的请求就好了,刚好Puppeteer也提供了API,request.resourceType(),它会返回请求的资源类型。 12345678910111213141516171819202122232425262728293031c ...
Read more »

说!你为什么升级

Posted on 2019-01-16
angularjs与angularts方面: 强类型语言约束,来减少运行时错误,在编写的时候就能发现 框架方面: 编译器支持 AOT 模式,大大减少了包的大小和提高了应用的性能,之前是JIT模式,运行时编译 重新设计的DI系统 angular1 应用程序中所有的依赖项都是单例,我们不能控制是否使用新的实例。状态不好维护 命名空间冲突 不能和模块加载器一起使用 DI 耦合度太高:angular1 中 DI 功能已经被框架集成了,我们不能单独使用它的 DI 特性 新的组件和模块化方案,支持组件 ...
Read more »

linear-gradient

Posted on 2019-01-13 | In css
参考资料 https://www.w3cplus.com/css3/do-you-really-understand-css-linear-gradients.html 渐变背景,都是在chrome下调试,这个样式有兼容性问题,在不同浏览器有差异语法:12345<linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner> ] ,]? <color-stop>[, &l ...
Read more »

伪类与伪元素

Posted on 2019-01-12 | In css
参考资料 https://juejin.im/post/5c35953ce51d45523f04b6d2 其实想认真的学习一下这个是有原因的,在掘金上看到了一个超有意思的纯CSS实现的进度条,如果让我来写的话,确实是比较可能直接用JS实现,而且都感觉写起来很麻烦。真的是太炫酷了。 然后伪类和伪元素也经常搞的混淆概念不清楚,也打算整理一下,想要稍微区分清楚一下就好了。 伪类具有特殊属性的元素可以使用CSS进行样式修饰(我认为是为了一些元素添加特殊的效果) 常见的::link,:activ ...
Read more »

腾讯云服务器安装学习

Posted on 2019-01-10
首先,登录腾讯云,进入控制台,选择云服务器,点击登录。 1.先装nvm1$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.1/install.sh | bash 这个是用来安装和切换node版本的版本控制工具 12$ export NVM_DIR="$HOME/.nvm"$ [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" 2.装node1$ nvm i ...
Read more »

宝哥问过的问题

Posted on 2019-01-07 | In 提问
记录宝哥提问过的问题,想到多少写多少。。有空再来写 1.事件代理 2.跨域 3.手写AJAX 4.Array.forEach和Array.map的区别 5.为什么脚本要放在html的最后 6.前端优化策略 7.事件 8.手写观察者模式 补充问题1.内联元素之间的缝隙 2.隐藏元素的方法 ​ 1)visibility:hidden; ​ 2)display:none; ​ 3)opacity:0; ​ 4)transform:scale(0); ​ 5)transfo ...
Read more »

setTimeout、setInterval、requestAnimationFrame与requestIdleCallback

Posted on 2019-01-01 | In 小记
setTimeoutsetTimeout(code, millseconds) 用于延时执行参数指定的代码,如果在指定的延迟时间之前,你想取消这个执行,那么直接用clearTimeout(timeoutId)来清除任务,timeoutID 是 setTimeout 时返回的; setIntervalsetInterval(code, millseconds)用于每隔一段时间执行指定的代码,永无停歇,除非你反悔了,想清除它,可以使用 clearInterval(intervalId),这样从调用 ...
Read more »

HTTPS

Posted on 2018-12-27 | In https
HTTPS学习时间:2020.06.14 学习章节:透视HTTP协议 一、主要知识点 什么是 HTTPS 什么是 SSL/TLS 什么是加密、摘要算法 数字签名与证书 TLS 连接过程 1. HTTPS1.1 为什么要有 HTTPS因为 HTTP 天生 “明文” 的特点,传输过程完全透明,任何人都可以在链路中截获或者修改 请求/响应报文 ,数据不具有可信性。各种应用场景暴露的问题: 网络购物、网上银行、证券交易等需要高度信任的应用场景没有得到安全保护。 新闻、视频、搜索等网站,容易遭到 “ ...
Read more »

HTTP

Posted on 2018-12-27 | In http
HTTP(HyperText Transfer Protocol) 参考资料 图解HTTP 网络基础TCP/IP简单了解1)协议:计算机与网络设备之间的通信,双方要基于相同的方法,比如谁发起,用哪种语言,如何结束通信(协议中内容很多不止这些)。而TCP/IP是各种协议的总称。2)TCP/IP分层应用层,传输层,网络层,链路层 我对发送端的理解: 应用层生成请求报文。 传输层分割请求报文,传递数据。 网络层做数据的转发,寻址。 链路层真正传输数据 3)与HTTP相关的协议:IP、 ...
Read more »

了解浏览器渲染过程

Posted on 2018-12-26 | In 优化
了解浏览器渲染过程 参考链接:https://juejin.im/post/5c24d736f265da614b120d4a ​ https://blog.csdn.net/u013510838/article/details/55271887 ​ 视频教程 先说结论 处理HTML标记数据并生成DOM树。 处理CSS标记数据并生成CSSOM树。 将DOM树与CSSOM树合并在一起生成渲染树。 遍历渲染树开始布局,计算每个节点的位置信息。 将每 ...
Read more »
1…131415…18
秦瀚文

秦瀚文

172 posts
48 categories
48 tags
© 2020 秦瀚文
Powered by Hexo
Theme - NexT.Muse