金三银四,前端同学快来补补React原理吧
这是我几个月前写的文章,在前端面试中原理相关的问题是问的最多的,所以重新推荐下这几篇文章 深入学习一个框架最直接的方式,就是弄明白框架的原理。React无疑是一个非常值得学习其原理的框架,它设计简单,没有引入任何新的概念,一个组件就是一个方...
 2 小时前
重拾JSX
React.createElement语法糖 JSX是一种JavaScript的语法拓展,可以使用它来进行UI的展示: const element = <h1>Hello, world!</h1>; 我们一...
 2 小时前
每日 30 秒 ⏱ 数据类型大乱炖
简介 一天 30 秒 ⏱ 一段代码 ✍️ 一个场景 🖼 JavaScript 中有两种数据类型,分别是基本数据类型和引用数据类型: 基本数据类型 引用数据类型 Number、String、Boolean、Null、Un...
 3 小时前
vue实现可视化可拖放的自定义表单
实现如例子所示的可视化可拖放表单功能。整个页面,分为左中右三栏布局,左栏的部件库的部件(组件)作为key,拖放到中间区域时,往vuex存放数组数据,拖一个就push一个。点击某个组件时,在右栏显示其属性,其实也就是在vuex存放的数据中查找...
 4 小时前
使用Proxy实现双向绑定
前言:vue3.0要用Proxy来实现双向绑定,因此先来尝试一下实现方法。 1 Object.defineProperty 实现 原来vue2的实现使用Object.defineProperty,监听set,但对于数组直接下标给数组设置值监...
 4 小时前
vue2 基础学习06 (Vue组件:使用组件的细节点)
一.使用is解决标签渲染中的小bug 1.如下代码,将表格中的<tr><td></td></tr>组件化 <!DOCTYPE html> <html lang="e...
 4 小时前
11 个最好的 JavaScript 动态效果库
翻译:疯狂的技术宅 原文:https://blog.bitsrc.io/11-jav… 当我想要在网上找一个简洁的 Javascript 动效库时,总是发现很多“推荐”的库都是缺乏持续维护的。 经过一番研究,我收集了 11 个最好的库,...
 4 小时前
Lottie-前端实现AE动效
项目背景 在海外项目中,为了优化用户体验加入了几处微交互动画,实现方式是设计输出合成的雪碧图,前端通过序列帧实现动画效果: 序列帧: 动画效果: 序列帧: 帧动画的缺点和局限性比较明显,合成的雪碧图文件大,且在不同屏幕分辨率下可能会...
 4 小时前
JS每日一题:函数式编程中代码组合(compose)如何理解?
20190315期 函数式编程中代码组合(compose)如何理解? 定义: 顾名思义,在函数式编程中,Compose就是将几个有特点的函数拼凑在一起, 让它们结合, 产生一个崭新的函数 代码理解: // 一个将小写...
 4 小时前
前端监控数据收集(请求拦截)
所谓web,即使你我素未谋面,便知志趣相投;足不出户,亦知世界之大。 01 — 为什么拦截请求 现在的web应用,大都是通过请求(http)去获取资源,拿到资源后再呈现给用户,一个页面中可以有多个这样的请求。每一次请求的开始,等待,完成,异...
 4 小时前
老生常谈—Javascript作用域、变量提升、闭包
浅谈作用域 当我们新建一个可以储存变量的值,怎么才能读取到这个变量呢?能访问到这个变量,就说明符合作用域规则,作用域规则就可以说是js引擎读取变量的规则。 在js中变量分为两种,全局变量和局部变量,全局变量(拥有全局作用域)可以在整个js应...
 4 小时前
js之数组克隆
js主要分基本数据类型及引用数据类型两大类 基本数据类型包括:number,string,undefine,null,boolean,Symbol(es6新增) 引用数据类型:Object,Array,Function,Data等 注意:基...
 4 小时前
vue常用操作及学习笔记(样式)
当 <style> 标签有scoped 属性时,它的 CSS 只作用于当前组件中的元素 <style> /* 全局样式 */ </style> <style scop...
 5 小时前
工程搭建---代码风格统一
一个项目是会有多个成员来开发的,因此统一开发规范是很有必要的,不然每个人都有自己的风格,同步之后代码都会报错。 我这边是用Vscode编译器的。 首先用vue-cli3.0创建一个工程 其中选择eslint+prettier类型,并且下载V...
 5 小时前
Vue+Vue-router+Vuex项目实战
vue + vue-router + vuex实现电商网站 效果展示 install 下载代码: git clone https://github.com/chenchangyuan/shopping.git 安装依赖: npm ins...
 5 小时前
最简单的Vue.js入门方法
最近花了几天看了下vue, 确实vue相对于其他两大前端框架来说,学习成本会低很多。 文档、社区、资料都很完善。下面是我觉得还不错的学习路径,希望对你有帮助。 传统的前端项目开发最大的问题是没法工程化和模块化。 css跟js(es6之前...
 5 小时前
微信小程序部分功能踩坑指南
前言 开发项目时,实际遇到的一些功能需求和问题汇总。列出了当时参考的一些文章和官方文档。 开发框架:mpvue 官方文档:5分钟快速上手 小程序跳转外链 参考文章:小程序跳转到非小程序页面的外部链接地址 要跳转的链接必须是https的 需...
 15 小时前
react新建工程初始化 修改打包路径 修改打包名称
1.create-react-app 2.自定义配置项 npm run eject 导出scripts后npm install重新下载依赖 3.自定义打包路径 // path.js // 37行pat...
 15 小时前
SMTC:纯CSS 星星打分评价
星星打分评价的页面功能,需求上经常会碰到。 网上搜一下,Js + CSS,纯 CSS 的版本也非常多。 觉得搜到的都不理想,下意识觉得应该能有更好的实现 自己动手尝试一下,果然能更好用 所以开篇文章,分享一下 ^_^ 先来 HTML 代码感...
 15 小时前
【译】缓存的最佳实践以及max-age的陷阱
本文翻译自:https://jakearchibald.com/201… 这是一篇2016年的老文章。作者是Chrome浏览器的开发成员。 本文首发于公众号:符合预期的CoyPan 使用正确的缓存可以带来巨大的页面性能上的收益,节省带宽...
 15 小时前
回到顶部