20190409 前端开发日报-前端开发博客

奇思妙想之用JS给图片加口令；vue.js实现一个会动的简历(包含底部导航功能，编辑功能)；javascript性能提升之路；为你的 JavaScript 代码日志着色；从零开始开发一个react脚手架（三）；react hooks 全面转换攻略(一) react本篇之useState,useEffect；JavaScript实现选项卡效果；JavaScript中的执行上下文和堆栈是什么

奇思妙想之用JS给图片加口令 *本文原创作者：w2sfoot，本文属于FreeBuf原创奖励计划，未经许可禁止转载本文展示一种用JS给图片加口令的方法，可以将任意图片转化为html，输入正确的口令才能打开查看图片。效果如下：效果说明 1.它最终只有一个文件。并非一张图片和一个html，不是在html中引用图片，而是将图片放入了html。 2….
vue.js实现一个会动的简历(包含底部导航功能，编辑功能)首先要分析打字的原理实现，假设我们定义一个字符串str,它等于一长串注释加CSS代码，并且我们看到，当css代码写完一个分号的时候，它写的样式就会生效。我们知道要想让一段CSS代码在页面生效，只需要将其放在一对…
javascript性能提升之路在平时工作做项目的过程中我们有时候会遇到页面加载很久才加载出来的情况，这样严重影响了用户的体验效果。虽然说有时候可能是因为网络问题，但有些时候确实是前端代码没有足够优化导致的。所以通过查阅相关资料并实践后，总结出如下知识点来提升性能。有什么写得不对的地方还希望各路大神指出并加以指点。 1、数据访…
为你的 JavaScript 代码日志着色在使用 JavaScript 开发项目，可借助 console.log 来打印日志，以便捷分析问题；但，当接触相对比较项目，纯黑色的日志输出，就会使得其作用大大削弱；虽然 info ， wran 、 error 等方法会区别颜色输出，但各自皆有其职责，不便挪来加以滥用；此时，就需求扩展些方法，来为你的 JavaScript 代码日志…
从零开始开发一个react脚手架（三）开始之前再说一下垫片和presets。前几天突发疑问，create-react-app是怎么做的垫片，因为很多语法或者API不一定兼容所有浏览器，所以需要有垫片(polyfill)去帮我们做兼容。我一开始以为会在entry引入@babel/poly…
react hooks 全面转换攻略(一) react本篇之useState,useEffect其中 state 是他的值, setState 是用来设置值的函数, initialState 是初始值
JavaScript实现选项卡效果慕课网上JavaScript进阶课最后一个编程挑战，自己也是边做边搜，希望通过最后这个自己的总结加深对节点获取方法的了解。效果分析之HTML结构整个结构由上至下分为两部分，标题块使用列表的方式来做，内容快使用盒子模型。其中，内容块中的内容为了实现换行效果，采用了 <br> ，其实这里每一行用 <p> …
JavaScript中的执行上下文和堆栈是什么在这篇文章中，将深入研究JavaScript最基本的部分之一，即执行上下文。在这篇文章的最后，你应该更清楚地理解解释器要做什么，为什么在声明一些函数/变量之前可以使用它们，以及它们的值是如何确定的。什么是执行上下文当JavaScript代码运行时，执行代码的环境是相当重要的。一般有以下三种情况：全局代码…
【Vue 实践】增加简历市场及 WebSocket 通知-02 最近终于收到一个面试通知：面试官：巴拉巴巴…… 我：巴拉巴拉…… 面试官：你用过 WebSocket 吗？我：Emma……以前了解过，但是没有使用过，不过我近期准备给自己做的简历增加一个市场，当有用户新增简历推送时，在浏览简历市场的用户就可以收到提示。实现效果预览在线源码地址 …
我的前端规范系列-前端专属的目录结构[解决项目中的钉子户]其实该目录结构完全没问题,按职能划分结构非常清晰,api放api,静态资源放assets里等等。但是前端目录结构,笔者认为应该对于页面和组件继续细分。
js 中的Generator 函数首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象，也就是说，Generator 函数除了状态机，还是一个遍历器对象生成函数。返回的遍历器对象，可以依…
通过 git bisect 快速定位大型工程中的问题本文介绍了如何通过git bisect来快速定位大型工程中所存在的问题上篇文章回顾：公有云运维福利-开源监控小工具：Open-Falcon插件cloud-mon 背景在开发测试一个重IO操作的应用场景时，我们发现SSD的随机混合读写的数值，在 linux 4.9.2内核上和在linux 4.8….
可能是最被误用的 HTTP 响应头之一 Cache-Control: must-revalidate 在 HTTP 客户端（浏览器或者缓存服务器）上，如果某个 URL 对应的缓存过期了，客户端会再次向该 URL 发送一个条件请求（带有If-Modified-Since/If-None-Match请求头），如果服务端（缓存服务器或者源站）返回的状态码是304（没有响应体），则客户端会根据该304响应所包含的一些响应头（Date、Last-Modified、Cache-Contr…
vuepress部署静态网站踩坑指南2. 实现方式初始化项目-》写好yml->在gitlab配置好ci-》完成我的docker（我的docker其实只是初始化了node的环境）（docker的实现在另一个文章补充）-》push代码到gitlab->gitlab ci自动构建项目发布dist…
JavaScript 之函数式编程应用的迭代使程序变得越来越复杂，那么程序员很有必要创造一个结构良好、可读性好、重用性高和可维护性高的代码。
javascript中的数据类型及其常见用法 javascript中一种有6中数据类型，有5种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number 和String，还有1种复杂数据类型——Object。 1、Undefined Undefined 类型只有一个值，即特殊的undefined。根据工作中总结，只要有这几种情况下会出现undefined。 1.定义变量，但是没有初始化时,如v…
Golang——WebSocket 拉模式与推送模式拉模式的缺点数据更新频率低，则大多数的请求是无效的在线用户数量多，则服务端的查询负载高。定时查询拉取，无法满足时效性要求推送模式尽在数据更新才推送，需要维护大量的在线长连接，数据更新后立即推送。 WebSocket推送浏览器支持的socket编程，轻松维护服务端长连接，基于TCP…
HTTP/2 in Go（二）女主宣言上一篇文章中介绍了HTTP/2的二进制分帧和多路复用的特性，这次来介绍下头部压缩和服务端推送。本文来自公众号“360搜索技术团队”的投稿，作者付坤。 PS：丰富的一线技术、多元化的表现形式，尽在“360云计算”，点关注哦！ HTTP/2 in GO(一) 上一…
【我在GitHub上找到了北大的计算机课程资料】继上次猿妹在GitHub上找到了中科大的计算机课程资源，昨日，猿妹又在GitHub上找到了北京大学的课程资料。详见