JavaScript中的这些骚操作，你都知道吗？；2020 年，JS 令一个新人沮丧；编写一个较为强大的Vue；css基础知识（对规则的补充）；React Hooks 踩坑分享；Webpack-bsv-极简React项目脚手架；从零构建一个类似vue-cli的脚手架；学习webpack中的核心概念
-
引言 :snowboarder: 写这篇文章的缘由是上周在公司前端团队的 code review 时，看了一个实习小哥哥的代码后，感觉一些刚入行不久的同学，对于真实项目中的一些 js 处理不是很熟练，缺乏一些技巧。 因此整理了自己开发中常用的一些 js 技巧，灵活的运用，会增强你解决问题的能力，也会对你的代码简洁性有很大的…
-
本文是一篇译文 ， 原文 在 Hackers News 上的点数超过 200 点。 我的朋友是一位著名的计算机科学家，他之前没有用过 JS，今天他需要用到 GitHub 的一个 JS 库。而我在过去的 6 年主要的工作是在麻省理工学院进行可用性研究和教学，所以我其实也没什么把握。最终，我们俩出来搞出一堆错误之外一无所获，他也放弃了这…
-
why euv? because: ‘vue’.split(”).sort().join(”) // euv source: ‘node’.split(”).sort().join(”) // deno Quick Start 安装 git clone https://github.com/wclimb/euv.git cd euv npm install 运行 npm run dev 目前支持功能 :white_ch…
-
1) 字体规则(可以被继承) {代码…} 2) 网络字体（字体图标库）iconfont（阿里的图标库） {代码…} 3) 文本相关规则（可以被继承） {代码…} 4) 列表相关（ul,ol） {代码…} 5) 盒子相关 {代码…} 6) 背景相…
-
点击关注“有赞coder” 获取更多技术干货哦～ 作者：苏木团队：增长中心 前言：React Hooks被越来越多的人认可，整个社区都以积极的态度去拥抱它。在最近的一段时间笔者也开始在一些项目中尝试去使用React Hooks。原本以为React Hooks很简单，和类组件差不多，看看API就能用起来了。结果在使用中遇到…
-
一直以来做的react项目都是自己配置webpack的，之前每次新项目都是copy一下上一个项目的配置文件，npm i后就能愉快地跑起来了。copy多了也就想写一个npm包，以后直接npm i这个包就可以愉快地玩耍了，还可以让公司其他小伙伴们用，何乐不为呢。 1.功能 虽然说这是一个极简单的包，但是一些必要的功能能还是要必备的。 …
-
想必大多数人在开发 vue 等 SPA 项目都时候都会直接用 vue-cli 等脚手架开发，一是方便省去了好多配置上的功夫，二是 vue-cli 毕竟是久经考验较为成熟的东西，遇到问题也能在网上找到相应解决方案。
-
是一个现代 JavaScript 应用程序的 静态模块打包工具 。 能够构建项目的依赖图，反应出项目中所需的各个模块，生成一个或多个bundle。 2、entry entry指明用哪个文件来作为依赖图的起点，然后webpack找到enrty依赖了哪些模块和库。webpack从这里开始转发。 module.exports = { // 单入口 entry:’src/…
-
码农生涯离不开 git ，无论是编码开发，版本控制，还是持续集成，代码审查， git 无疑是有效跟踪项目进展的利器，而 git 命令行更是必不可少的工具。我之前也尝试过一些带界面的 git 工具，然而都没有命令行来的顺手，按钮太多，界面太复杂，反而容易搞不清楚一些简单的操作应该如何下手。 命令行用的多了…
-
原文地址： Learn Deno: Chat app 原文作者：Aral Roca 原文发布时间：2020-05-10 译者： hylerrix 备注：本文已获原作者授权，同时本文会收录在 《Deno 钻研之术》 的翻译篇中。 Node.js 最初由 Ryan Dahl 于 2009 年基于 C++ 语言创建。到了 2012 年，Ryan 觉得自己或多或少地已经实…
-
大家一定看过很多电子设备开箱测评，今天我们也来跑一个软件新版的上手测评 —— Webpack 5！ 从 2017 年发出关于 v5 的投票开始，到 2019 年 10 月发布第一个 beta 版本，目前是 5.0.0-beta.16。现在在收集使用反馈、生态升级的过程中，相信不久后就可以正式发布了。这次 升级重点 ： 性能改进、Tree Shacking、Code G…
-
一句话介绍 bind: bind() 方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的 this，之后的一序列参数将会在传递的实参前传入作为它的参数。(来自于 MDN ) 由此我们可以首先得出 bind 函数的两个特点： 返回一个函数 可以传入参数 返回函数的模拟实现 var foo = { value…
-
作为一枚入行处事略菜的菜鸟，我将讲述一下我从19年10月至20年5月的求职经历~~ 再次说明，本人是一个菜鸟，不喜勿喷。 研究生前两年，自学知识杂，就业方向模糊 我开始也不是一个主动学习的人，看到同学学啥我就学啥，看到Python火热，我就跟着学Python，学了半天也就学了个基础皮毛。后来拿了同学看的Python全栈的…
-
在目前的前端开发环境中，Promise的使用越来越广泛。今天我就来和大家一起从零开始手写一个符合PromiseA+规范的Promise类，让大家在熟悉Promise使用的同时，能够了解它的实现原理。 为什么会有Promise？ 在Promise没有出现之前，我们在解决异步问题的时候，使用的最多的就是回调函数。比如$.ajax： $.ajax({ …
-
vue=>【轮子系列】手写一个mini vue-router
mini vue router 要干啥 实现一个插件：包含有VueRouter class & 必须的 install 方法; 实现2个全局组件：router-link & router-view; 监听 url 变化，实现 hash 模式进行跳转; 实现嵌套子路由跳转显示; …
-
衡量一个 Web 页面的体验和质量一直有非常多的工具和指标 … 每次我们去关注这些指标的时候都会非常痛苦，因为这些指标真的是又多又难理解，测量这些指标的工具也非常多。
-
工欲善其事，必先利其器。要想打造自己的可视化引擎，那就必须要先熟悉Cavas API。Canvas具体教程可以参考Canvas MDN 。下面我们将对Cavas API进行简单的说明。 基本用法 <canvas>是HTML 5 新增的元素，在浏览器创建一个固定大小的画布。通过Document.getElementById() 方法获取HTML <canvas> 元素的引…
-
Vue组件的几种形式 在vue+typescript中我们可以使用三种形式定义组件 类组件 扩展组件 函数组件 类组件 是我们在ts项目中使用频率最高的组件，它可以使用我们的装饰器，使组件完美的使用typescript. <script lang="ts"> import { Component, Vue } from ‘vue…
-
什么是 library？ webpack 除了打包应用程序代码，还可以用于打包 JavaScript library。我们在使用 vue 、element 等前端框架（library）时，可以通过 ES6 Modules import 导入使用，也可以通过 script 引入组件库,更或是使用 CommonJS，要支持这么多的使用方式，需要熟悉使用 output.library 和 output.librar…
-
点击前端充电营，关注我们 前言 来自一名多年工作经验的前端工程师倾情力作！ 最近看到有很多小伙伴在提问，我是新手想学习前端应该怎么入门？我对前端很感兴趣但是一直搞不懂什么css、js到底怎么写的，为什么这个样式这样写总是不行呢？有没有系统学习css知识的书籍、课程推荐？ 因此，我在这里特意整…
-
Nuxt在最新发布的2.12版本中引入了一个新的方法– fetch 。Fetch 提供了一种全新的方式将数据引入Nuxt应用程序中。在这篇文章中，我们将探讨 fetch 钩子的不同功能，并尝试了解它的工作原理。 Fetch 钩子函数 & Nuxt 生命周期 Nuxt 的钩子函数 fetch 运行在 Vue 的 create 钩子函数…
更多内容请关注公众号【前端开发博客】每日更新
