特牛生活网

20200516 前端开发日报

每日开发周报
  • 小玩Promise的万花筒

    这里不讲仿写,主要讲自己的所得;最近又回顾了一下 promise 的实现;以及 async-await ,promise 串行,限流并行;妙哉妙哉。 收获和感受 promise 看完各路大神仿写 最值得改进自己曾经代码的就是它;很多时候我们请求完接口,接着又要请求下一个,可能就嵌套着写了, ajax(12).then(res => ajax(res).

  • 前端项目开发规范意见

    出于整个团队代码可读性、可维护性考量,有必要约定一套基本规范(包括代码命名、基础设施、提交日志、对外文档、测试等方面),供各团队都能参考,从而提升项目可持续性发展,也便于成员之间,能很好提升代码 CoverReview 效率等。鉴于此,有将近些年积淀的些许经验,整理成文,希望可以为追求“高效”工作的朋友们,带来

  • 前端基础之vue篇

    MVVM 是 Model-View-ViewModel 缩写,也就是把 MVC 中的 Controller 演变成 ViewModel 。 Model 层代表数据模型, View 代表 UI 组件, ViewModel 是 View 和 Model 层的桥梁,数据会绑定到 viewModel 层并自动将数据渲染到页面中,视图变化的时候会通知 viewModel 层更新数据。 传统的 MVC 指的是,

  • 为什么 CommonJS 会使你的程序包变大

    每日前端夜话 第333篇 翻译: 疯狂的技术宅 作者:Minko Gechev 来源:web.dev 正文共:3110  字 预计阅读时间:7 分钟 在这篇文章中,我们将研究什么是 CommonJS,以及为什么它会使你的 JavaScript 包变得那么大。 什么是 CommonJS? CommonJS 是 2009 年的标准,为 JavaScript

  • 听说要干掉node.js?用Deno实现价值上亿的AI核心算法试一下

    他来了来了,他带着成吨的知识走来了 Deno 的1.0版本出来以后可以预见一大波的: 学不动了 再不学就被淘汰了 Deno 的 xx 实现原理 PHP 最牛逼 ...... 创造 Deno 的原因 ​ Deno 是 Ryan Dahl 在2017年创立的。这位巨佬同时也是 Node.js 的创始人,从2007年一直到2012年,他

  • Flutter Web 网站之最简方式实现暗黑主题无缝切换

    往期 Flutter Web网站搭建教程 Flutter Web 网站之主页框架搭建 Flutter Web网站之Jetpack成型 Flutter Web网站之ScrollView+GridView优化 上期回顾 上期我们做了优化,主要针对ScrollView+GridView的使用场景,用了更加合适的组件,这期想做一个主题变更,为

  • js小白浅谈XMLHttpRequest文件上传

    文件选择=>文件信息获取=>数据打包=>向服务器端发送数据=>接收服务器端反馈的信息 服务端 创建服务=>端口监听等待数据=>接收数据=>数据整理 页面代码 因为注重功能所以页面代码不够绚丽,大佬们可以使用 element-ui 框架进行页面渲染 <input type="file" id="file"

  • 80 行代码实现 Preact-Transition 组件

    README.md pc-transition 一个使用hooks编写的transition组件, 主要是之前使用的preact-transition-group里的CSSTransition组件, 偶现入场动画不触发的情况, 故使用hooks实现了一个 接口与CSSTransition类似 大

  • 初识Vue 尝试理解vue API的第一天

    类型: Object | Function 限制: 组件的定义只接收 function 详细: Vue实例的数据对象.Vue将会递归将data的property转换为getter/swetter,从而让data的property能够响应数据变化. 对象必须是纯粹的对象(含有零个或多个key/value对) 浏览器API创建的原生对象, 原型上的property会被忽略.大概来说

  • JavaScript版数据结构与算法——基础篇(一)

    文章首发在我的个人博客: www.brandhuang.com/article/157… 这是之前学习记录的一篇文章,最近准备面试复习一下,内容做了些修修补补,如有错误欢迎指出 本文来自于学习 《JavaScript数据结构与算法(第3版)》 以及网路资料,如有不对请指正。 作为软件开发工作者,可能你听过这么一句话: 程序 = 数据结构 + 算

  • 手摸手Electron + Vue实战教程(一)

    1 为什么要写这个系列教程 相信看到这篇文章的人,都是对Electron感兴趣的, 网上关于Electron的教程其实已经不少了,但是大多都是一些功能点的实现,对于从零开始搭建一个适合自己的项目,估计还是有不少人有点懵逼的。刚好自己也学习Electron一段时间了,想着整理一下自己学习期间的一些笔记和踩坑的地方,从零开始

  • 关于node.js的一些看法,吾以为node.js没有想象那么重要

    有人的观点是:“ 不懂就别说话。”我也不知道如何回应,难道我说出来的东西只能是我精通的吗?那我以后连html都不敢提了" 。 我并不认为我比其他人更聪明,只是客观冷静的分析一波(我偶尔会用node.js进行一些常用的操作,但想想通常没必要,后端同事不让我碰数据库,我也就用用一些想file模块之类的玩意存存东西,其

  • 用 Angular 实现一个扫雷

    最近想找些项目练练手,发现去复刻一些小游戏还挺有意思的,于是就做了一个网页版的扫雷。 点击 这里 看看最终的效果。 创建应用 该项目使用的是 monorepo 的形式来存放代码。在 Angular 中,构建 monorepo 方法如下: ng new simple-game --createApplication=false ng generate application mine-sweeper

  • 教你轻松搞定vue-codemirror的基本用法:主要实现代码编辑、验证提示、代码格式化

    2017年的时候用过codemirror,当时用的是jQuery库、codemirror、beautify插件。主要实现代码的编辑功能、插入一些变量功能、beautify插件主要用来格式化代码,实现代码美化效果。不过这两年做项目都是用vue了,需要用到代码编辑器,于是我又找到了代码编辑器vue-codemirror,感觉组件再变,其原理、底层还是没多大变化,

  • 手把手教你搭建自己的Angular组件库

    DevUI是一支兼具设计视角和工程视角的团队,服务于华为云 DevCloud 平台和华为内部数个中后台系统,服务于设计师和前端工程师。 官方网站: devui.design Ng组件库: ng-devui (欢迎Star) 引言 作为前端开发者,随着公司业务的不断发展和增长,业务对组件功能、交互的诉求会越来越多,不同产品或者团队之

  • 前端进阶算法3:从浏览器缓存淘汰策略和Vue的keep-alive学习LRU算法

    引言 这个标题已经很明显的告诉我们:前端需要了解 LRU 算法! 这也是前端技能的亮点,当面试官在问到你前端开发中遇到过哪些算法,你也可以把这部分丢过去! 本节按以下步骤切入: 由浏览器缓存策略引出 LRU 算

  • 一文让你彻底搞懂 WebSocket 的原理

    一、概述 上一篇文章《浅析一次HTTP请求》我们分析了简单的一次 HTTP 请求具体是怎么样完成的,分析了 HTTP 协议的数据结构,如何连接,如何断开,又是如何多路复用的,那么今天我们来聊聊另外一个协议,WebSocket。由于 WebSocket 的协议的内容非常多,本文只会取其冰山一角进行简单阐述,不会铺开详细说。 二、

  • webpack+vue学习二:配合vue-router实现路由跳转

    接上文入门(一),一个项目需要正常运行起来,路由肯定是不可或缺的。本文就学习如何配置vue-router,是项目能完整运行起来。在自己研究了一下后,其实使用vue-router很简单。主要就是注意一个点,下文有讲到。 学习资料 webpack 官网: www.webpackjs.com/ vue Router: router.vuejs.org/zh/installa… 安

  • 超详解析Flutter渲染引擎|业务想创新,不了解底层原理怎么行?

    简介:Flutter 作为一个跨平台的应用框架,诞生之后,就被高度关注。它通过自绘 UI ,解决了之前 RN 和 weex 方案难以解决的多端一致性问题。Dart AOT 和精减的渲染管线,相对与 JavaScript 和 webview 的组合,

  • 标签: