前端每日实战 167# 视频演示如何用 1 个 dom 元素创作两颗爱心,祝大家 520 节日快乐!
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/KLvENb 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 c...
 3 小时前
《ES6学习1》 let和const
1 基本用法 ES6新增了let和const命令。前者用法类似于var用于声明变量,后者用于声明一个只读的的常量,声明后常量的值不能改变,这意味着const一旦声明常量,就必须立即初始化,不能留到以后赋值,否则将会报错。通过let和cons...
 3 小时前
《ES6学习2》 变量的解构赋值
ES6可以从数组和对象中提取值,然后对变量进行赋值。解构赋值的分类:数组解构赋值、对象解构赋值 、字符串解构赋值、数值解构赋值、布尔值解构赋值、 函数参数解构赋值。 1 数组的解构赋值 1.1 基本用法 let [a, b, c] = [1...
 3 小时前
前端工作流中的hooks
在前端的日常工作中,经常会出现“当执行一种操作之前(之后)需要同时执行另一种操作”的情况,比如我们希望在每次git commit之前都运行eslint代码检查、npm install之前检查项目依赖等。作为经典的情况,各类工具都可以让我们在...
 3 小时前
移动端真机调试:spy-debugger调试教程
安装 在window下安装: npm install spy-debugger -g 在MAC下安装: sudo npm install spy-debugger -g 操作步骤 第一步 手机和PC保持在同一网络下(比如同时连到一个Wi-F...
 3 小时前
解密JavaScript执行上下文
执行上下文栈 首先我们先了解一下什么是执行上下文栈(Execution context stack)。 上面这张图来自于mdn,分别展示了栈、堆和队列,其中栈就是我们所说的执行上下文栈;堆是用于存储对象这种复杂类型,我们复制对象的地址引用...
 3 小时前
En-Tan-Mo社区代言人征集令
循着比特币的轨迹,作为中本聪的追随者、继比特币之后的区块链3.0的代表的ETM于2017年诞生。 与比特币一样,来自于美国加州理工大学、美国马里兰大学、法国庞加莱研究所等著名高校的各领域专家学者们带着各自的创新思想和设计理念,作为理想主义...
 3 小时前
小笔记:JS原型和原型链
JS原型? 有句简洁直观的描述:“原型是Javascript中的继承的基础,JavaScript的继承就是基于原型的继承”。 在JavaScript中,原型也是一个对象,通过原型可以实现对象的属性继承,JavaScript的对象中都包含...
 3 小时前
一种只写 SQL、做配置完成复杂业务系统开发的方法
一看这标题,你肯定会认为基本不可能,或者认为,不写代码最多只能做一些简单业务场景实现。 常规企业及应用开发基本过程 为了达成我们的目标,先来看看常规企业级应用开发的基本过程: 第一步,数据库建表建字段。 第二步,在应用代码里创建跟表对应的...
 4 小时前
如何在Canvas中添加事件
如何在Canvas中添加事件 作为一个前端,给元素添加事件是一件司空见惯的事情。可是在Canvas中,其所画的任何东西都是无法获取的,更别说添加事件,那么我们对其就束手无策了吗?当然不是的!我们在平时项目中肯定都用过许多Canvas的框架,...
 4 小时前
动态网站SEO解决方案经验汇总
动态网站 SEO解决方案汇总 先撸撸几个概念: SPA:单页面应用,基于vue框架开发的项目很多都属于单页面应用。 SSR :server side rendering, 服务端渲染。 SEO:搜索引擎优化,指通过对网站进行站内优化、修复...
 4 小时前
马蜂窝推荐系统容灾缓存服务的设计与实现
数据库突然断开连接、第三方接口迟迟不返回结果、高峰期网络发生抖动… 当程序突发异常时,我们的应用可以告诉调用方或者用户「对不起,服务器出了点问题」;或者找到更好的方式,达到提升用户体验的目的。 一、背景 用户在马蜂窝 App 上「刷刷刷」时...
 9 小时前
创意个人名片设计图片_菲果在线作图
不论是校园学生还是职场小白,都有必要学会一项基本的生存技能,那就是平面设计!毕竟在日常学习或工作中,难免会遇到一些作图需求,比如要设计海报、简历、名片等等,这时候找人作图总感觉有所亏欠,不如自己设计!你和我说,你不会用PS?没关系,我们推荐...
 9 小时前
大话《图解HTTP》学习笔记 3期:HTTP报文内的HTTP信息
一、HTTP报文 用于HTTP协议交互的信息被称为HTTP报文,请求端的称之为请求报文,响应端的称之为响应报文。 组成:HTTP报文本身是由多行(用CR+LF作换行符)数据结构构成的字符串文本,大致可以分为报文首部和报文主体两块。 请...
 9 小时前
大话《图解HTTP》学习笔记 2期:简单的HTTP协议
一、HTTP概述 HTTP协议用于客户端和服务器端之间的通信,并通过请求和响应的交换而达成通信。请求由客户端发出,而服务器回复响应。 请求报文:由请求方法、请求URI、协议版本、可选的请求首部字段和内容实体构成的。 2.响应报文:...
 10 小时前
JS中this关键字改变指向的三种方法(apply、call、bind)
首先,了解一下this关键字。this关键字就涉及到函数调用的内容。函数的几种调用方式: 1 普通函数调用 2 作为方法来调用 3 作为构造函数来调用 4 使用apply/call方法来调用 5 Function.prototype.bin...
 10 小时前
vue项目中 axios 的 post 请求使用 formdata 传参
最近做的项目,后端用的 formData 接收参数。 由于以前一直用的 payload 传参,这块还真没怎么研究过。于是万变不离其宗,看文档咯。 方法很直接,人狠话不多: 进入 https://github.com/axios/axios ...
 10 小时前
React组件中的事件处理函数
在react中实现事件处理,有多种写法,那那种写法相对更优,更利于React的渲染性能呢? React组件中添加事件处理的几种方式 constructor函数中bind class ReactEvent extends Component ...
 10 小时前
简单梳理Redux的源码与运行机制
前几天写了一篇react另一个状态管理工具Unstated的源码解析。 开启了我的看源码之路。想一想用了好长时间的redux,但从没有深究过原理,遇到报错更是懵逼,所以就啃了一遍它的源码,写了这篇文章, 分享我对于它的理解。 API概览 看...
 10 小时前
❤520,就用CSS给你的她(他)送颗心❤
今天是520。 一句温柔的问候,一束美丽的鲜花,一段真情的告白。 但是作为一名与众不同的程序员,我们可不仅仅拥有上面的传情方法,别忘了每个人的手上可是都有其他人不具备的神奇技能,就是我们每天辛辛苦苦敲下的代码。 在这个特殊的日子,就用我们...
 10 小时前
回到顶部