React开发入门:以开发Todo List为例

React开发入门 概述 起因是,为了做毕设,顺便学点前端,我打算学习React。 MDN通过一个Todo List App的制作,教导React的知识点。 这是我在MDN学习React的总结,总结出了一些React开发的基本特性,加上MDN上这个教程的简体中文还没翻译过来,我的总结就更有意义了。 ... »

休学学习计划(快进来!我们一起理解前端吧!)--1

我选择在“w3school.com.cn”学习前端,围绕JavaScript展开。 通过“JavaScript实例”板块理解学习,我觉得这是一个很好的板块: 他模拟出编写环境,给你提供一个实践理解的机会。左边是代码板块,右边是编译呈现。 我们可以先揣摩代码,尝试理解为何要这样写,建立自己的认知体系。 ... »

研究了一下 Webpack 打包原理,顺手挣了个 AirPods Pro

这些年,Webpack 基本成了前端项目打包构建的标配。关于它的原理和用法的文章在网上汗牛充栋,大家或多或少都看过一些。我也一样,大概了解过它的构建过程以及常用 loader 和 plugin 的配置、性能优化方法等等,仅限于“面试够用”的程度。在实际工作中,往往是配置好后就放一边了,没有遇到问题是 ... »

知道这两个 DOM 属性区别的,头发应该不多了吧?

你可能知道,获取和设置 DOM 元素内部文本可以用这两个属性:Node.textContent 和 Element.innerText。 乍一看,它们似乎做着完全相同的事情,但它们之间有一些微妙但重要的区别。今天,我们来看看它们的作用,以及它们的异同之处。 废话不说,直接看代码。 相同之处 比如下面 ... »

知道这两个 DOM 属性区别的,头发应该不多了吧?

你可能知道,获取和设置 DOM 元素内部文本可以用这两个属性:Node.textContent 和 Element.innerText。 乍一看,它们似乎做着完全相同的事情,但它们之间有一些微妙但重要的区别。今天,我们来看看它们的作用,以及它们的异同之处。 废话不说,直接看代码。 相同之处 比如下面 ... »

#研发解决方案#易车前端监控系统

背景 自研工具是为了解决内部问题而生,希望通过这些问题引起大家的共鸣: 是否知道重要的业务,该页面是可以正常服务于用户的? 能否在问题还没有大规模爆发之前,快速的感知到业务的异常? 怎么不去用户的电脑上就能直观的看到问题所在,从而俯瞰项目全局;能否从宏观到微观一路下钻快速的定位线上告警信息? 在跨部 ... »

推荐一个vuepress模板,一键快速搭建文档站

介绍 vuepress-template是一个简单的VuePress案例模板,目的是让用户可以直接clone这个仓库,作为初始化一个VuePress网站启动项目,然后在这个项目的基础上新增自定义配置和功能。 为什么推荐这个模板? 有部分刚接触VuePress的同学,按照官方教程操作下来会遇到大大小小 ... »

vuex-pathify 一个基于vuex进行封装的 vuex助手语法插件

首先介绍一下此插件 我们的目标是什么:干死vuex 我来当皇上!(开个玩笑,pathify的是为了简化vuex的开发体验) 插件作者 davestewart github仓库地址 官方网站,英文 说一下插件的功能 插件可以帮你自动生成很多的代码,让我们向懒人更迈进异步 对vuex的语法进一层封装,代 ... »

写了这么多年 JavaScript ,竟然还不知道这些技巧?

不少人有五年的 JavaScript 经验,但实际上可能只是一年的经验重复用了五次而已。完成同样的逻辑和功能,有人可以写出意大利面条一样的代码,也有人两三行简洁清晰的代码就搞定了。简洁的代码不但方便阅读,还能减少复杂逻辑和出错的可能性。本文就介绍一些常用的JavaScript简化技巧,日常开发都用得 ... »

HTML标签

<meta>标签在<head>标签内,主要用于设置网页的元数据 charset设置网页的字符集 name指定的数据的名称 content指定的数据的内容 keywords表示网站的关键字,可以同时指定多个关键字,多个关键字之间用,隔开 <meta name="Keywords" content="网 ... »

vercel是什么神仙网站?

Vercel? vercel是我用过的最好用的网站托管服务。本网站就是基于hexo引擎模板开发,托管在vercel上的。 vercel类似于github page,但远比github page强大,速度也快得多得多,而且将Github授权给vercel后,可以达到最优雅的发布体验,只需将代码轻轻一推 ... »

纯手工撸一个vue框架

前言 vue create 真的很方便,但是很多人欠缺的是手动撸一遍。有些人离开脚手架都不会开发了。 Vue最简单的结构 步骤 搭建最基本的结构 打开空文件夹,通过 npm init 命令生成package.json 通过以下命令添加vue依赖 npm i vue 在工作根目录创建public文件夹 ... »

配置Charles 设置手机代理并允许https请求

前言: 在h5开发调试时,为实现手机app访问localhost地址,可以使用ip地址的方式,但一般公司app出于安全考虑,会限制只能访问其自有域名。因此,使用charles代理的方式 步骤 用手机代理访问某网页 vim /etc/hosts 加一行:127.0.0.1 xhy.meituan.co ... »

通过电脑浏览器调试真机h5兼容问题

前言 在h5开发过程中,起初我们使用PC浏览器的手机模式打开开发中的页面,并使用控制台进行调试,但实际真机兼容性问题无法调试到;在这种情况下,我们通常使用vConsole(即移动端的控制台)来调试,但vConsole的功能和PC chrome 控制台比,想去甚远。 本文提供了通过电脑浏览器调试真机h ... »

YYDS: Webpack Plugin开发

作为一名踏足前端时间不长的小开发必须得聊一聊webpack,刚开始接触webpack时第一反应这是啥(⊙_⊙)? 怎么这么复杂,感觉好难呀,算了先不管这些!时间是个好东西呀,随着对前端工程化的实践和理解慢慢加深,跟webpack接触越来越多,最终还是被ta折服,不禁高呼一声“webpack yyds ... »