首页
学习
活动
专区
工具
TVP
发布

前端小课堂

专栏作者
36
文章
62276
阅读量
16
订阅数
react-router学习笔记
React Router 保持 UI 与 URL 同步。它拥有简单的 API 与强大的功能例如代码缓冲加载、动态路由匹配、以及建立正确的位置过渡处理。
Tiffany_c4df
2020-09-24
2.6K0
【转】Mobx React  最佳实践
在这一篇文章里,将展示一些使用了mobx的React的最佳实践方式,并按照一条一条的规则来展示。在你遇到问题的时候,可以依照着这些规则来解决。 这篇文章要求你对于mobx的stores有基本的理解,如果没有的话请先阅读官方文档。
Tiffany_c4df
2019-12-07
1.3K0
TypeScript学习笔记
1、类型注解 2、接口interface:使用interface可以申明一个类型 3、类
Tiffany_c4df
2019-12-04
6040
《CSS世界》第六章 流的破坏与保护总结
《CSS世界》第六章 流的破坏与保护总结 author: @TiffanysBear float属性 float的本质与特性 1.包裹性(包含包裹和自适应) 2.块状化并格式化上下文 3.破坏文档流 4.没有任何margin合并 float的作用机制 float属性使父元素高度塌陷,为了实现文字环绕效果。高度塌陷是为了让跟随的内容可以和浮动元素在一个水平线上。(行框盒子在正常定位状态下只会跟随浮动元素,不会发生重叠) clear属性 clear属性让自身不能和前面的浮动
Tiffany_c4df
2019-11-28
7360
H5多媒体能力
###事件 | 事件 | 描述 | | —- | —- | | abort | 在播放被终止时触发。| | canplay | 在媒体数据已经有足够的数据(至少播放数帧)可供播放时触发。| | canplaythrough |在媒体的readyState变为CAN_PLAY_THROUGH时触发,表明媒体可以在保持当前的下载速度的情况下不被中断地播放完毕。注意:手动设置currentTime会使得firefox触发一次canplaythrough事件,其他浏览器或许不会如此。| | durationchange |元信息已载入或已改变,表明媒体的长度发生了改变。例如,在媒体已被加载足够的长度从而得知总长度时会触发这个事件。| | emptied |媒体被清空(初始化)时触发。| | ended |播放结束时触发。| |error|在发生错误时触发。元素的error属性会包含更多信息| | loadeddata | 媒体的第一帧已经加载完毕| | loadedmetadata | 媒体的元数据已经加载完毕,现在所有的属性包含了它们应有的有效信息。| | loadstart | 在媒体开始加载时触发。| | mozaudioavailable |当音频数据缓存并交给音频层处理时| | pause |播放暂停时触发。| | play | 在媒体回放被暂停后再次开始时触发。即,在一次暂停事件后恢复媒体回放。| | playing |在媒体开始播放时触发(不论是初次播放、在暂停后恢复、或是在结束后重新开始)。| | progress | 告知媒体相关部分的下载进度时周期性地触发。有关媒体当前已下载总计的信息可以在元素的buffered属性中获取到。| | ratechange | 在回放速率变化时触发。| | seeked |在跳跃操作完成时触发。| | seeking |在跳跃操作开始时触发。| | stalled | 在尝试获取媒体数据,但数据不可用时触发。| | suspend |在媒体资源加载终止时触发,这可能是因为下载已完成或因为其他原因暂停。| | timeupdate |元素的currentTime属性表示的时间已经改变。| | volumechange |在音频音量改变时触发(既可以是volume属性改变,也可以是muted属性改变)| | waiting | 在一个待执行的操作(如回放)因等待另一个操作(如跳跃或下载)被延迟时触发。|
Tiffany_c4df
2019-11-28
1.9K0
前端面试题
2年工作经验出去接受社会的毒打,参与的前端社招的公司和题目的记录如下,后续可能还会有增加,先暂时记录这么多:
Tiffany_c4df
2019-10-12
1.1K0
Linux命令学习
1、mkdir:新建文件夹 2、mv:移动或者重命名文件,用来为文件或目录改名、或将文件或目录移入其它位置。 - mv source dest 3、tar: tar命令 -A或--catenate:新增文件到以存在的备份文件; -B:设置区块大小; -c或--create:建立新的备份文件; -C <目录>:这个选项用在解压缩,若要在特定目录解压缩,可以使用这个选项。 -d:记录文件的差别; -x或--extract或--get:从备份文件中还原文件; -t或--list:列出备份文件的内容; -z或--
Tiffany_c4df
2019-09-04
4270
Vue源码学习和分析笔记
compiler 目录包含 Vue.js 所有编译相关的代码。它包括把模板解析成 AST 语法树,AST语法树优化,代码生成等功能。
Tiffany_c4df
2019-09-04
1.3K0
React学习记录
1、React DOM 在渲染所有输入内容之前,默认会进行转义。它可以确保在你的应用中,永远不会注入那些并非自己明确编写的内容。所有的内容在渲染之前都被转换成了字符串。这样可以有效地防止 XSS(cross-site-scripting, 跨站脚本)攻击。
Tiffany_c4df
2019-09-04
1.5K0
FIS 插件机制
当我们使用 FIS 插件的时候,有没有想过自己也开发一个基于 FIS 的插件,参与 FIS 打包编译的整个流程;那么问题就来了:
Tiffany_c4df
2019-09-04
8790
Vue.js中watch的高级用法
复制代码上面的代码的效果是,当我们输入firstName后,wacth监听每次修改变化的新值,然后计算输出fullName。
Tiffany_c4df
2019-09-04
2.1K0
从0到1发布一个npm包
最近在项目业务中有遇到一些问题,一些通用的方法或者封装的模块在PC、WAP甚至是APP中都需要使用,但是对于业务的PC、WAP、APP往往是不同的业务、不同的代码库中,尽管已经将公用的组件和方法抽离到各自公共common中,但是各个大业务大方向上的公用封装依然不能满足需求。
Tiffany_c4df
2019-09-04
1.2K0
页面性能监测之performance
最近,需要对业务上的一些性能做一些优化,比如降低首屏时间、减少核心按钮可操作时间等的一些操作;在这之前,需要建立的就是数据监控的准线,也就是说一开始的页面首屏数据是怎样的,优化之后的数据是怎样,需要有一个对比效果。此时,performance 这个API就非常合适了。
Tiffany_c4df
2019-09-04
1.8K0
支持分享的在线代码编辑器推荐
博客中往往加一些在线代码编辑器进行代码DEMO的展示,往往有很好的效果。 下面就推荐几款支持分享的在线代码编辑器。
Tiffany_c4df
2019-09-04
4.5K0
实现一个hoverDelay延迟hover
经常在页面开发中,需要使用hover事件来触发相应的网络请求或页面DOM元素显示切换,需要考虑的问题就有了:
Tiffany_c4df
2019-09-04
1.5K0
页面埋点和统计
前端页面的展示和点击经常需要统计数据,所以在前端页面中就需要记录用户点击、浏览等的数据,通过请求的方式,上传到服务器,服务器再通过计算,统计出数据。还有些需求是需要用户操作页面,滑动到某一位置时,再进行打点统计。
Tiffany_c4df
2019-09-04
2.4K0
高性能JavaScript
原因:数据存储位置对大地代码整体性能会产生重要的影响,直接变量和局部变量的访问速度快于数组和对象成员。因为局部变量位于作用域链的第一个对象中,全局变量位于作用域链的最后一环。变量在作用域链的位置越深,访问的时间就越长。
Tiffany_c4df
2019-09-04
6780
JavaScript编写高质量的68个有效方法
第一条:了解你使用的javascript 严格模式use strict 不允许重定义arguments变量 只有在脚本或函数的顶部才生效 不要将进行严格模式检查的代码和非严格模式的代码进行打包压缩 可通过立即调用函数隔离严格与非严格区域,单独隔离作用域 编写库时,开启严格检查,兼容性更强 (function () { "use strict"; function f() { // code } })(); 第二条:理解js浮点数 位运算会将数字转换为32位大端的2的补码表示的整数,8表示为0
Tiffany_c4df
2019-09-04
5010
为你的博客增加访问量统计
在github上搭建的博客系统,比如想知道自己网站的PV、UV即用户访问量、页面访问量
Tiffany_c4df
2019-09-04
2.2K0
触发浏览器回流的属性方法一览表
下列的所有属性、方法,在读取或执行的同时,将会导致浏览器同步地计算样式和布局。这种行为又叫做回流,也是常见的性能瓶颈。
Tiffany_c4df
2019-09-04
1.5K0
点击加载更多
社区活动
RAG七天入门训练营
鹅厂大牛手把手带你上手实战
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档