20200602 前端开发日报

javascript代码重构之:写好函数;一篇文章,全面掌握Git;js从原始数据类型到深浅拷贝(个人笔记);面试系列——JavaScript基础篇;vue-cli踩坑记录;JavaScript框架的"代价";Robust 第 15 期:跳出框架看前端分层结构;Express 基于 Node.js 平台,快速、开放、极简的 Web 开发框架

  1. javascript代码重构之:写好函数

    系统由程序、子程序和函数组成。写好函数,就会让你的代码读起来清晰得多。接下来讨论如何写好函数 1、函数要短小,一个函数只做一件事 如果函数做了较多的事情,它就难以组合、测试和推测。同时让函数只做一件事情的时候,它们就很容易重构。 // Bad function showStudent(ssn){ const student = db.get(ssn); …

  2. 一篇文章,全面掌握Git

    版本控制 版本控制就是记录项目文件的历史变化。它为我们查阅日志,回退,协作等方面提供了有力的帮助。 版本控制一般分为集中化版本控制和分布式版本控制。 集中化主要的版本数据都保存服务端。 分布式版本数据…

  3. js从原始数据类型到深浅拷贝(个人笔记)

    最近学习总结感觉很多知识都串一起去了,所以今天就把几个知识点一起理一理把。 原始数据类型 number null   (没有值却存在  这里“没有对象”,即不应该有值) underfined  (应该有值却不存在,这里"缺少值",就是这里应该有值,但是还没有定义) boolea string …

  4. 面试系列——JavaScript基础篇

    JS中存在的 执行上下文类型 : 全局上下文:windows对象 函数上下文:每次调用函数时,创建一个新的上下文 eval上下文 每个执行上下文,都存在三个属性: 作用域 、 变量 、 this 作用域:JS只有 全局作用域 和 函数作用域 var创建的变量只有 函数作用域 let和const创建的变量既有 …

  5. vue-cli踩坑记录

    初步判断,由于css样式资源、页面资源都已经加载到位,排除网络环境问题后,让用户打开控制台截图看一下,白屏的原因是由于JS执行报错阻塞了后续的逻辑执行和渲染。

  6. JavaScript框架的"代价"

    原文标题:The Cost of Javascript Frameworks 原文地址: https://timkadlec.com/remembers/2020-04-21-the-cost-of-javascript-frameworks/ 本文采用意译而非直译,有删减 网页中大量使用JavaScript会拖慢网页的速度。这是因为,我们在网页中使用JavaScript时,需要付出以下的成本: 从网络上下载js文…

  7. Robust 第 15 期:跳出框架看前端分层结构

    时下最火的前端框架,说白了实际上都是视图开发框架。前端开发除了遵循框架的范式外,实际上还有很大的空间。但是实际上前端开发不单单只包含视图层开发。我们关注的核心,实际上包含了界面、数据、业务、事件。本期robust就来聊一聊,前端分层结构,如何发挥MVC,梳理出前端开发的结构层次。 网易云音乐: 点…

  8. Express 基于 Node.js 平台,快速、开放、极简的 Web 开发框架

    //导入express const express = require(‘express’) //创建app对象 const app = express() //构建请求 app.get(‘/’,(req, res)=>res.send(‘hello world’)) //配置app监听3000端口 app.listen(3000, ()=>console.log(‘Example app listening on port 3000!’)) 复制代码 快速创建应用的骨架-Express 应用程序生成…

  9. 第八期 | 前端如何搞面试

    大家好,我是冬沐,很高兴的是 2020.5.31 号的这场前端早早聊大会让我获益良多。接下来,我将结合个人的视角将本期大会中收获的一些东西以文字的形式进行总结,希望能与大家分享与探讨。 面试者的视角 面试者眼中的面试是怎样的?该如何准备面试?面试中应该注意什么?如何让自己在面试中能够以最佳状态进行? 校…

  10. 原生JS封装拖动验证滑块你会吗?

    星期六闲着没事,就想着写写原生js玩玩,在网上看了几个效果后决定做这个效果,并且使用了prototype和eventEmitter封装成了库。 最终效果 分析 看到这个效果我们首先应该想到和拖动有关的api: onmousedown, onmousemove, onmouseup 其次要支持用户传入放置这个组件的dom元素和完成的回调事件。 最终…

  11. Flutter Provider 迄今为止最深、最全、最新的源码分析

    Flutter State Management状态管理全面分析上期我们对Flutter的状态管理有了全局的认知,也知道了如何分辨是非好坏,不知道也没关系哦,我们接下来还会更加详细的分析,通过阅读Provider源码,来看看框架到底如何…

  12. css布局实例第二篇:3种方法实现三栏布局高度不定,左右宽度一定,中间宽度自适应

    承接上文思考2 flex布局,table布局,grid布局可以实现高度不定,左右自适应中间高度 float布局overflow:hidden可以使中间内容垂直排布,不能左右自适应; 绝对定位布局只能指定固定高度,不能左右自适应; {代码…

  13. WebView库功能完善

    01.loadUrl到底做了什么 02.触发加载网页的行为 03.webView重定向怎么办 04.js交互的一点知识分享 05.拦截缓存如何优雅处理 06.关于一些问题和优化 07.关于一点面向对象思想 08.关于后期需要研究目标 01.loadUrl到底做了什么 WebView.loadUrl(url)加载网页做了什么? 加载网页是一个复杂的…

  14. 如何使用 GitHub Flow 给开源项目贡献代码

    GitHub 是通过 Git 进行版本控制的软件源代码托管服务。截止到 2015年,GitHub 已经有超过 2800 万注册用户和 7900 万代码库。事实上已经成为了世界上最大的代码存放网站和开源社区。

更多内容请关注公众号【前端开发博客】每日更新


关注我

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

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

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