20181018 前端开发日报

初探vue-cli 3.0;2018年,Top 26 JavaScript面试问题和答案;授人以渔式解析原生JS写轮播图;6个不太知名但你应该知道的JavaScript工具;处理 Vue 单页面应用 SEO 的另一种思路;$.ajax vs axios vs fetch;使用typescript+vue 编写电影信息小项目;IMWeb Conf2018 Native跨端融合总结

  1. 初探vue-cli 3.0安装需要Node.js8.9以上版本,安装完成后可以通过vue –version来验证是否安装成功
  2. 2018年,Top 26 JavaScript面试问题和答案 根据Stack Overflow的2018年度调查,JavaScript连续六年成为最常用的编程语言。所以我们必须面对这样的现实,JavaScript已经成为全栈开发技能的基石,在全栈开发面试中都会不可避免地涉及到与JavaScript有关的问题。FullStack.Cafe汇编了最常见的JavaScript面试问题和答案,希望能够帮助读者找到下一份梦想中的工作。 …
  3. 授人以渔式解析原生JS写轮播图 需求与分析 需求:循环无缝自动轮播五张图,按左右箭头可以手动切换图片,鼠标点击轮播图下面按钮 1 2 3 4 5会跳转到对应的第1 2 3 4 5张图片。鼠标放到轮播图的图片上时不再自动轮播并且左右箭头显示出来,鼠标移开时左右箭头隐藏掉并且自动轮播。 效果图:
  4. 6个不太知名但你应该知道的JavaScript工具 【51CTO.com快译】JS基金会监管几个最知名的开源JavaScript项目,尤其是大受欢迎的jQuery JavaScript库。但它也有开发人员有望从中受益的几个不太知名的项目,适用于各种用途,比如云配置、物联网、支付和Node.js编程。 下面是你应该知道的六个项目。 1.Architect(.arc) Architect项目(即.arc)提供了用于定义云基…
  5. 处理 Vue 单页面应用 SEO 的另一种思路 vue-meta-info 官方地址: monkeyWangs/vue-meta-info (设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plugin形成更优的配合) 单页面应用
  6. $.ajax vs axios vs fetch答:Ajax是一种可以在浏览器和服务器之间使用异步数据传输(HTTP请求)的技术。使用它可以让页面请求少量的数据,而不用刷新整个页面。而传统的页面(不使用Ajax)要刷新部分内容,必须重载整个网页页面。
  7. 使用typescript+vue 编写电影信息小项目 前言: 为什么要编写这篇文章?一是对自己技术的磨练,二是给大家分享如何使用vue+typescript开发项目。 大佬就不要喷我的代码了。主要面向技术一般般的同学,没有写过typescript。当然我技术也是一般般。 正文: 我假设你已经熟练应用过vue全家桶
  8. IMWeb Conf2018 Native跨端融合总结 有幸全程参与IMWeb Conf 2018的Native跨端融合议题,近几年来由于移动Web的高速发展,它的简单灵活性使得越来越多的跨端融合方案不断涌现,尤其是小程序等各种端平台的出现,使得跨端融合诉求进一步提高,在当下跨端融合绝对是非常值得探讨的一个话题。会
  9. HTTP缓存(Cache-Control、Expires 、ETag)假设我们首页有一个请求,请求js文件<script src=”./main.js”></script>如何让CSS和JS请求速度加快?
  10. JS里深拷贝和浅拷贝的释义本文解释javascript中深拷贝和浅拷贝的区别。 浅拷贝/Shallow Copy 浅拷贝指拷贝了引用值。 {代码…} [链接] 注意: 浅拷贝中,原始值和副本共享同样的属性。 浅拷贝只拷贝了对象引用。 浅拷贝中如果修改了拷贝对…
  11. 可视化爬虫配置chrome插件开发之搭建vue开发环境本次开发的插件是抓取配置插件,有很多的form表单以及弹出层,如果纯使用js的话会有很多动态创建dom的操作。使用vue和ES6的import语法以及webpack的html加载器相配合,可以减少大量动态创建dom的代码。
  12. ~,&,|,^等位运算符在JavaScript中的一些应用 最近看到一些代码中用到了位运算符,表示好奇。在前端开发中有哪些使用呢。来总结一下~ 注:使用为运算符的代码可读性变差,建议斟酌使用。有问题欢迎指正或者补充 应用 判断奇偶数 num &amp; 1 === 1 // num 为奇数 num &amp; 1
  13. 展望 React 17,回顾 React 往事 至 React 16 正式发布已经过去了一年,回望 React 16 当时带来的变化,如 Fragment,Portal,Error Boundary,SSR 优化等等期盼已久的 feature。最重要的其实还是 new architecture (Fiber) 的平稳落地。虽然在这之前的很多公开场合,React core team 的人已经多次谈论到这个新的架构,但是大家的关注点往往会被…
  14. 基于 vue-upload-component 封装一个图片上传组件需求分析 业务要求,需要一个图片上传控件,需满足 多图上传 点击预览 图片前端压缩 支持初始化数据 相关功能及资源分析 基本功能先到https://www.npmjs.com/search?q=vue+upload上搜索有关上传的控件,没有完全…
  15. Vue:学习笔记(四)-计算属性和侦听器 Vue:学习笔记(四)-计算属性和侦听器。 提醒 原帖完整收藏于IT老兵驿站,并会不断更新。 前言 参考官网的 这里 和 中文版 ,总体学习一下计算属性,感觉这一章节总体是比较简单的,做一下笔记来进行总结。思路是,原文写的很清楚的,只做简单的概括;对原文存在疑问的地方,摘抄原文,列举问…
  16. React服务端渲染实现(基于Dva) React服务端渲染实现 (基于Dva) 功能 基于 Dva 的 SSR 解决方案 (react-router-v4, redux, redux-saga) 支持 Dynamic Import (不再使用Dva自带的 dva/dynamic加载组件) 支持
  17. 如何安全地运行用户的 JavaScript 脚本 如何在浏览器和 Node.js 中安全地运行上述这种不可信任的用户脚本。
  18. 从一道面试题说起—js隐式转换踩坑合集 前方提醒: 篇幅较长,点个赞或者收藏一下,可以在下一次阅读时方便查找 提到js的隐式转换,很多人第一反应都是:坑。 的确,对于不熟悉的人来说, js隐式转换 存在着很多的让人无法预测的地方,相信很多人都深受其害,所以,大家在开发过程中,可能会使用 === 来尽量避免隐式转换。但是,为了更加深入的…
  19. 精致化的微前端开发之旅 “微前端实践中,事实上所有的需求都是为「独立开发」以及「独立部署」这两大目标服务的,或者可以认为是两者的具体实现措施或者自然衍生结果。”
  20. 试题公式解决方案–kindeditor集成jmeditor公式web编辑器 最近在搞一套在线的考试系统,一直为即支持公式编辑又得支持各种附件上传、图片上传、视频音频上传、文字编辑 的web编辑器而犯愁。于是乎试着把&nbsp;kindeditor和jmeditor集成一下,多了不说了直接上图 kindeditor版本:&nbsp;4
  21. 前端进阶之路-利用Jenkins快速打造前端项目自动化工作流 三个问题(是什么?为什么?怎么做?) 如果你之前没有接触过持续集成相关的知识,难免会生出标题上的三个问题,现在我们就从上面说的三个问题开始讲起: 是什么? 维基百科给出如下解释: Jenkins是一款由Java编写的开源的持续集成工具。在与Oracle发
  22. ES6 系列之我们来聊聊 Promise前言 Promise 的基本使用可以看阮一峰老师的 《ECMAScript 6 入门》。 我们来聊点其他的。 回调 说起 Promise,我们一般都会从回调或者回调地狱说起,那么使用回调到底会导致哪些不好的地方呢? 1. 回调嵌套 使用…
  23. 基于 Webpack4 搭建 Vue 开发环境 自从工作之后,就已经很久没有写过博客了。时间被分割得比较碎,积累了一段时间的学习成果,才写下了这篇博客。 之前有写过 Webpack4 的文章,但是都比较偏入门,唯一的一篇实战篇 —— 基于Webpack搭建React开发环境,也是比较简单的,没有涉及到 CS
  24. 前端每日实战:157# 视频演示如何用纯 CSS 创作一个棋盘错觉动画(实际上每一行都是平行的)效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  25. 【Nginx源码研究】初探nginx HTTP处理流程server指令用于配置virtual server,我们通常会在一台机器配置多个virtual server,监听不同端口号,映射到不同文件目录;nginx解析用户配置,在所有端口创建socket并启动监听。
  26. 使用传统前端技术增强客户端缓存能力 本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议,欢迎转载、或重新修改使用,但需要注明来源。 署名 4.0 国际 (CC BY 4.0) 本文作者: 苏洋 创建时间: 2018年10月16日 统计字数: 3721字 阅读时间: 8分钟阅读 本文链
  27. 出来混总是要还的-JS正则前传 前言: 正则表达式一直是个人痛点, 相信很多人 ( 说的就是你 ) 跟我一样存在类似的情况, 正则是反复学, 反复忘, 从个人角度看主要的原因还是:较少的使用场景, 如果像数组的几个常用方法一样, 绝大多数人肯定能熟练运用。 最近迫使我拿起正则这把屠龙刀的起因
  28. Web 动效四大才子简述 本文作者:张鑫旭 原创声明:本文为阅文前端团队 YFE 成员出品,请尊重原创,转载请联系公众号 ( id: yuewen_YFE ) 获取授权,并注明作者、出处和链接。 Web 动效四大才子主要指下面这 4 个: CSS3 动画 Web animation
  29. 借助node.js + mysql 学习基础ajax~很多小白不知道ajax怎么学,所以就弄了个node后台模拟下基本的ajax请求。 环境要求是安装node~ 先上linkMysql.js {代码…} 主JS server.js,提供连接maysql和不连接mysql两种版本 {代码…} 最后就是前端html页面…

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流