20190721 前端开发日报

常见的面试问题:【CSS】CSS盒模型;11个顶级 JavaScript 日历插件[每日前端夜话0x9A];学习 Vue(一):Vue CLI;React 328道最全面试题(持续更新);Vue单页项目seo完全指南;Nealyang 全栈前端;前端培训-中级阶段(10)- 同源策略(2019-08-15期);【VueSSR系列二】clientManifest与bundle的处理流程解读

  1. 常见的面试问题:【CSS】CSS盒模型CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:外边距(margin)、边框(border)、内边距(padding)、实际内容(content)四个属性。CSS盒模型:标准模型 + IE模型
  2. 11个顶级 JavaScript 日历插件[每日前端夜话0x9A] 每日前端夜话 0x9A 每日前端夜话,陪你聊前端。 每天晚上18:00准时推送。 正文共:2860 字 预计阅读时间:9 分钟 作者:Eugene Stepnov 翻译:疯狂的技术宅 来源: flatlogic 日历是我们生活中重要的一部分。在当今世界,人们大多使用网络或移动日历。它们随处可见,包括在各种...
  3. 学习 Vue(一):Vue CLI Vue CLI 是 Vue 官方提供的命令行工具,提供了以下功能: 项目脚手架; 零配置的快速原型; 基于 webpack 的运行时依赖; 插件; 用于管理 Vue.js 项目的 UI 界面。 安装 使用 Vue CLI,官方推荐使用 Node.js 8.11.0 以上版本。使用 Node.js 包管理工具 npm 全局安装: npm install -g @vue/...
  4. React 328道最全面试题(持续更新)半个月前出了248个Vue的知识点,受到很多朋友的关注,都强烈要求再出多些React相前的面试题,受到大家的邀请,我又找了20多个React的使用者,他们给出了328道React的面试题,由我整理好发给大家,同时发布在了前...
  5. Vue单页项目SEO完全指南 搜索引擎优化(Search engine optimization,简称SEO),指为了提升网页在搜索引擎自然搜索结果中(非商业性推广结果)的收录数量以及排序位置而做的优化行为,是为了从搜索引擎中获得更多的免费流量,以及更好的展现形象。 SEM(Search engine marketing,搜索引擎营销),则既包括了SEO,也包括了付费的商业推广优化...
  6. Nealyang 全栈前端 这不是干货铺,更不是学习平台。这仅仅是个人的学习、感悟和成长的总结笔记。只是,爱分享、爱沉淀、爱总结。 关于 Nealyang 个人网站: https://www.nealyangfed.com (暂未开通) GitHub: https://github.com/Nealyang 当然,在前端大潮中我始终也还是个菜鸟,还在不断地探索学习。慢慢的在迷茫中,...
  7. 前端培训-中级阶段(10)- 同源策略(2019-08-15期)前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(...
  8. 【VueSSR系列二】clientManifest与bundle的处理流程解读 上一节讨论了VueSSR的构建流程,构建出来的clientManifest和serverBundle最终会被转换成html,这一节我们深入vue-server-renderer的核心内容,看看它们都经过了哪些的处理。这一节的内容包括: 使用BundleRenderer的原因 服务端渲染的大体原理 输出html正文过程 预加载与预取资源 阅读源码先整体查...
  9. 前端小纠结--babel的配置的默认套路 我是一个标题党,这篇文章介绍一点babel的默认配置套路,总结了一点遇到的项目管理问题。 babel的bug刺激了我 现象:项目编译没有任何问题,打开页面才报错 问题现象console报错: _objectSpread is not defined 原因:根据输出的错误,我猜测是babel的问题,因为 _objectSpread 就是使用了新的对象展开的...
  10. vue-cli3.0项目中使用vw——相比flexible更原生的移动端解决方案vw 与 vh单位,以viewport为基准,1vw 与 1vh分别为window.innerWidth 与 window.innerHeight的百分之一。
  11. JavaScript核心知识(面试题)[#] 原题: alert(a); a(); var a = 3; function a() { alert(10); } alert(a); a = 6; a(); 复制代码 考点: 变量提升、函数提升 答案: 第一次输出: function a() { alert(10); } 第二次输出: 10 第三次输出: 3 第四次输出: a is not a function 解析: 其变形为: ...
  12. React Vue 解决火狐下禁用输入框无法复制 1.起因 根据不同条件禁用input框,是开发中常见的问题。但是在火狐浏览器的表现上,火狐禁用了input框所有的交互事件。无法触发用户勾选字段进行复制操作。 1.React+Antd 在配合Antd开发React中,我们一般讲Antd的Input组件多封装一层我们自己的组件,可以统一修改组件的样式和逻辑,在处理火狐禁用复制功能时也是...
  13. react脚手架项目,根据 localstorage 判断用户是否登录本地存储 localstorage 判断用户是否登录 APP.js {代码...} login/index.jsx {代码...}
  14. NodeJs简明教程(3)The HTTP interfaces in Node.js are designed to support many features of the protocol which have been traditionally difficult to use. In particular, large, possibly chunk-encoded, messages. The inte...
  15. Flutter官方WebView使用使用过人气很高的flutter_webview_plugin,但是缺少2个重要的功能。也在打开多个WebView时会出错。 不能在JS中调用Flutter方法 不能在H5进入某个URL之前拦截 虽然该插件不够完整,但是使用起来很方便,封装了很多...
  16. 渗透启示录-从JS信息泄露到Webshell 渗透测试是一项吃经验、吃心性的工作,优秀的渗透测试人员需要在一线岗位不断作战、不断提升,对于各类应用的漏洞了然于心,这至少需要数年的积累才算是"入门"。人员也要有正确的三观,巨大的黑产、泄密利益是对人性的考验,从工作上来讲,碰到过很多大神,他们共同的特点就是拥有常人难有的耐心、细心,很多...
  17. Node.js 实现简单的无侵入式缓存框架 前言 python 的flask.ext.cache 通过注解这样对方法返回结果进行缓存: @cache.cached(timeout=300, key_prefix='view_%s', unless=None) def hello(name=None): print 'view hello called' return render_template('hello.html', name=name) 这类实现方式对业务逻辑没有丝毫的...
  18. Facebook发布全新JavaScript引擎Hermes:越来越像Java字节码,JS要统一全端? Facebook在Chain React 2019 大会上发布的一个崭新JavaScript引擎: Hermes,比传统JavaScriptJIT,即时运行的方式不同,Hermes需要先将JavaScript编绎成字节码,这一点很像是Java的方式。 性能提升 从对比测试可观察,Hermes引擎提升性能较为明显,使用预编绎,很容易得知这些提升所产生的原因。 在应用程序...
  19. JavaScript 九大面试问题集锦,助你顺利通关 全文共6287字,预计学习时长20分钟或更长 图片来源:Irvan Smith / Unsplash 人们认为JavaScript是最适合初学者的语言。一部分原因在于JavaScript在互联网中运用广泛,另一部分原因在于其自身特性使得即使编写的代码不那么完美依然可以运行:无论是否少了一个分号或...
  20. 漫谈 Webpack 之服务端渲染、客户端渲染和同构 服务端渲染 页面由服务端直接返回给浏览器,路由为服务端路由,URL 的变更会刷新页面,原理与 ASP,PHP 等传统后端框架类似。 客户端渲染(CSR) 页面在 JavaScript,CSS 等资源文件加载完毕后开始渲染,路由为客户端路由,也就是我们经常谈到的 SPA(Single Page Application)。 同构(即...
  21. Nuxt.js -- PC 与 移动端 间自动识别跳转 根据浏览器ua判断当前是否为移动设备: let isMobile = (ua) => { return !!ua.match(/AppleWebKit.*Mobile.*/) } 复制代码 因为接触Nuxt.js时间不长,也算不上深入。按直觉来吧: 第一版:在 default.vue 里面 mounted 里面直接操作。 mounted(){ if(process.browser){ let ua = navigator....
  22. 制定自己团队的前端开发规范之 eslint 以下是之前写的前端开发规范配套的 eslint,后续会发布一个 eslint-config 放到 npm 上,使用教程等上传到 npm 上之后再写,目前可以直接把这个下边的配置 copy 到自己的 .eslintrc.js 中,具体每一条什么意思都已经写明了,如果还有不清楚的,给大家个传送门,自行搜索一下吧~ 如果使用了 react 或者 vue 的话,需...
  23. 微型 Python Web 框架:Bottle(一) Bottle 是一个非常小巧但高效的微型 Python web 框架,它被设计为仅仅只有一个文件的Python模块,并且除Python标准库外,它不依赖于任何第三方模块(摘抄完毕)~ 我的应用场景: 局域网内,需要从一台机器(ubuntu系统)传输数据到另一台上。 解决方案可以有很多,但python的bott...
  24. NodeJs简明教程(2) NodeJs简明教程将从零开始学习NodeJs相关知识,助力JS开发者构建全栈开发技术栈! 本文是NodeJs简明教程的第二篇,将介绍NodeJs在不同操作系统下的安装操作。 官网 https://nodejs.org 由于国内的网络原因,官网可能访问速度有点慢,推荐直接使用淘宝镜像源下载 淘宝镜像源 https://npm.taobao.org/mirr...
  25. React 题目集合 什么是React? React有哪些特点? React有哪些优点? React有哪些局限? React.lazy()函数有什么作用? 在React中,什么是代码拆分? 什么是Suspense组件? 什么是JSX? 什么是Virtual DOM? Virtual DOM...

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

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

原文:20190721 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20190721.html)