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

Vue常见面试题精讲【持续更新】；HTTP3过去现在和未来(译)；10 分钟上手 Vue 组件 Vue-Draggable；前端String那些事儿；vue全家桶开发的一些小技巧和注意事项；基于nodeJS从0到1实现一个CMS全栈项目（中）（含源码）；Cube.js；JavaScript-this绑定的优先级

Vue常见面试题精讲【持续更新】v-if 是条件渲染指令，控制的是组件是否创建(渲染)，值为true则渲染该组件，值为false则不渲染该组件，对应Html元素则不会存在于浏览器的html文档中，即打开浏览器调试工具找不到该组件对应的渲染结果。v-show控…
HTTP3过去现在和未来(译)在去年的HTTP3″生日周”期间,我们Cloudflare宣布了对Web的新标准QUIC和HTTP3(或当时称为”HTTP over QUIC”)的初步支持,从而可以更快,更可靠,更安全地connect到网站和API.我们还让客户加入wait list,只要相关应用开…
10 分钟上手 Vue 组件 Vue-Draggable
前端String那些事儿 js中的String其实不仅仅是"foo"这样的字面量字符串。 Blob构造函数的入参array，数组元素可以是USVString，到底什么是USVString让我很困惑。除了String外，其实还包括以下几种类型的String。工作中除了String.prototype上的那些好用的方法，es6的模板字符串等等，貌似也没有其他常用字符串的地方了。这里…
vue全家桶开发的一些小技巧和注意事项用vue全家桶开发一年多了，踩过不少坑，也解决了很多的问题，把其中的一些点记录下来，希望能帮到大家。以下内容基于最新版的vue + vuex + vue-router + elementUI，vue脚手架是vue-cli3。 css的scoped属性 vue 为了防止 css 污染，当组件的 <style> 标签有 scoped 属性时，它的 css 只作用于当前组件中的元…
基于nodeJS从0到1实现一个CMS全栈项目（中）（含源码）今天给大家介绍的主要是我们全栈CMS系统的后台部分，由于后台部分涉及的点比较多，我会拆解成几部分来讲解，如果对项目背景和技术栈不太了解，可以查看我的上一篇文章基于nodeJS从0到1实现一个CMS全栈项目（上）这篇文章除了会涉及node的知识，还会涉及到redis（一个高性能的key-value数据库），前端领域的java…
#开源项目#【 Web 应用分析模块化框架：Cube.js】详见： Cube.js 是一款开源的模块化框架。它提供了大规模数据集分析技术基础架构，同时提供了前端友好的 API，帮你快速的搞定 Web 分析应用的开发。
JavaScript-this绑定的优先级理解this绑定优先级的前提是理解this的绑定规则，理解绑定规则之前，我们先来了解一下函数"调用位置"。通常来说，要想找到调用位置，最重要的是分析调用栈（在有的编程模式下，真正的调用位置可能被隐藏起来了，通过调用栈来分析调用位置最为直接）。来个梨子： function baz() { // 当前调…
JavaScript：V8编译过程众所周知 ECMAScript 语言类型分为： Undefined ， Null ， Boolean ， String ， Symbol ， Number ，和 Object 。我们常说前六种数据类型为基础类型， Object 为引用类型或者说复杂类型数据。那么我们有想过为什么说 Undefined ， Null ， Boolean ， String ， Symbol ， Number 为基础类型，而 Object 为引用类型？…
Javascript基础——this指向前几天发布的Javavscript基础——原型和原型链收藏转化率还挺高，看来大家对于JS基础知识还是很看重的，由于JS语言设计的关系，很多语言特性不是那么清晰。比如经典的this在哪的问题。
HooX: 基于Hook的React状态管理工具关于react hook我就不多介绍了。hook提供了抽象状态的能力，自然而然让人想到可以基于hook抽离全局状态。其天生自带轮子光环，所以社区也出现了不少基于hook的状态管理工具，比如说前阵子飞冰团队出的icestore，…
记一次Node.js直出服务的性能优化 MPM（Market Page Maker）是京东社交电商部的组件化的页面可视化搭建平台，于2016年9月份上线，平均每周150+个页面，目前已经成为社交电商部的一个核心系统。系统使用Vue.js作为组件化的基础框架,并于2017年5月份上线了Node.js直出服务。MPM的页面会被运营同学拿到各种渠道投放，整体流量很不稳定，对于流量的暴涨情况要…
学习webpack：基础配置上一篇博客起了个头，介绍了为什么要用webpack，用webpack可以做什么，以及最简单地配置。这篇博客将结合实际需求，一步一步的引入一些配置，所有内容基于实际需求出发。 entry和output 上一篇博客说到，entry是webpack打包的入口文件，webpack会从这个入口文件开始，寻找该入口文件的依赖模块，以及递归的寻找依赖…
vue自动化router 相信很多小伙伴在写项目的时候会有很多的路由，简直恶心的要死，不论是分层管理还是统一入口，都会有一大堆路由要去维护，当页面出现问题的时候，还得一个个去查找，才能找到相应路由页面。在写一个后台管理系统的时候有几十上百个页面，我实在忍受不了这么维护了，写了个webpack plugin 动态生成router，后台管理一下爽…
CSS3发光线条旋转Loading加载动画源码：互联网的那些破事的微博视频
开源 React Native 组件库 beeshell 2.0 发布总第357篇 2019年第35篇 2018年，我们开源了React Native组件库——beeshell 1.0。时隔一年，我们对React Native组件库继续优化，实现beeshell 2.0升级，开源38个功能。希望更好的服务社区，同时也希望利用社区力量丰富React Native组件库。引言随着 React Native…
政采云前端小报第49期政采云前端小报第49期浏览更多往期小报，请访问： https://weekly.zoo.team 本周原创前端工程实践之可视化搭建系统（一）看完这篇，面试再也不怕被问 Webpack 热更新本周收集 (95) 前端工程实践之可视化搭建系统（一） – 掘金原创不易，希望能关注下我们，再顺手点个赞~~ 本文首发于政采…
玩转 GitHub Actions，简化 npm 发布流程 Github 最近添加了一项名为 Github Actions 的新功能，为我们带来了一套强大的工作流系统，可以处理各种各样的任务。我们在发布 Node.js 包时可以使用 Actions 自动运行测试，然后自动将程序包发布到 npm 上。下面就来看看如何使用 Github Actions 来为我们的生活带来便利。目前 Github Actions 尚处于公开测试阶段…
感慨岁月如梭==>前端基础也不知道是什么时候我曾经立下一天一遍博文的豪言壮志，如今打开一看，有关技术的文章的创建时间都定格在2017年，豪言壮志固然不可靠，脚踏实地才是硬道理。这几个月我的变化很大，曾经懒惰睡懒觉的我每天都坚持6点起床，现在我还在尝试学着胖哥（技术胖）10点半睡觉4点半起床，结果第一天就吃到了失败的苦果。以上内容…
nodejs（十一）json-server使用教程 **json-server：**一个在前端本地运行，可以存储数据的server **作用：**模拟接口，操作模拟数据二. json-server的使用 2.1 安装 npm install json-server -D 复制代码安装完成之后，可以通过 json-server -h 命令检查是否安装成功 json-server Options: –config, -c 指定 confi…