你我学习网
你我博客
热衷分享技术，专注打造技术影响力的视频博客系统
-
xiaozhi
-
1.React 造轮子系列：Icon 组件思路
简介本轮子是通过 React + TypeScript + Webpack 搭建的，至于环境的搭建这边就不在细说了，自己动手谷歌吧。当然可以参考我的源码。这里我也是通过别人学的，主要做些总结及说明造各个轮子的一种思路，方便今后使用别人的的轮子时自己脑中有造轮子的思想，能通过修改源码及时修改 bug，按时上线。本文的 Icon 组件主要是参考Framework7 中的 Icon React Comp2061 人浏览
-
web
-
html5和css3实现绚丽动画-模仿优酷视频截图功能
原文地址：http://blog.csdn.net/lmj623565791/article/details/...一般的视频网站对于用户上传的视频，在用户上传完成后，可以对播放的视频进行截图，然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验，而不是让用户额外上传一张展示图。效果图：看起来还是很不错，下面我给大家分析下，极其核心代码很简单：_canvas = document.2054 人浏览
-
xiaozhi
-
15.JavaScript是如何工作的：深入类和继承内部原理+Babel和 TypeScript 之间转换
现在构建任何类型的软件项目最流行的方法这是使用类。在这篇文章中，探讨用 JavaScript 实现类的不同方法，以及如何构建类的结构。首先从深入研究原型工作原理，并分析在流行库中模拟基于类的继承的方法。 接下来是讲如何将新的语法转制为浏览器识别的语法，以及在 Babel 和 TypeScript 中使用它来引入ECMAScript 2015类的支持。最后，将以一些在 V8 中如何本机实现类的示例来2049 人浏览
-
煊琰
-
Serverless 风暴来袭，前端工程师如何应对？
阿里妹导读：尽管大部分前端的工作并不涉及server，但最近半年serverless这个词汇以及其引发的热烈的讨论，深深触动了阿里巴巴高级前端技术专家伐薪。作为接触前端十余载的老开发，伐薪认为serverless可能会是接下来引起前端领域革命性变化的技术之一。今天，伐薪将为大家梳理serverless的历史发展进程以及对前端的影响，希望对前端工程师有所启发。上图是serverless 这个词最近52037 人浏览
-
xiaozhi
-
2.React造轮系列：对话框组件 - Dialog
UI对话框一般是我们点击按钮弹出的这么一个东西，主要类型有Alter,Confirm及Modal, Modal 一般带有半透明的黑色背景。当然外观可参考 AntD 或者 Framework 等。确定 APIAPI 方面主要还是要参考同行，因为如果有一天，别人想你用的UI框架时，你的 API 跟他之前常用的又不用，这样就加大了入门门槛，所以API 尽量保持跟现有的差不多。对话框除了提供显示属性外，还2017 人浏览
-
xiaozhi
-
22.JS 最新数据基本类型:BigInt
原文：https://www.smashingmagazine.com/2019/07/essential-guide-javascript-newest-data-type-bigint/译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！BigInt数据类型的目的是比Number数据类型支持的范围更大的整数值。在对大整数执行1999 人浏览
-
xiaozhi
-
8.JavaScript 是如何工作的：Service Worker 的生命周期及使用场景
你可能已经知道，渐进式Web应用程序只会越来越受欢迎，因为它们的目标是让Web应用程序用户体验更流畅，创建类似于原生应用程序的体验，而不是浏览器的外观和感觉。构建渐进式Web应用程序的主要要求之一是使其在网络和加载方面非常可靠——它应该在不确定或不存在的网络条件下可用。在这篇文章中，将深入探讨Service Workers:它们是如何工作，你应该关心什么。最后，还列出了 Service Worke1997 人浏览
-
web
-
html5和css3实现无插件拖拽上传图片(支持预览与批量)(一）
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/31498319上传基本是项目中经常出现的，一般采用：1、form提交2、flash3、HTML5form提交会刷新页面，很难做到异步上传；flash可能是用得比较多了，因为可以兼顾到几乎所有的浏览器，我之前一直会用jQuery的uploadify作为项目中的上传工具，uploadi1997 人浏览
-
web
-
HTML5 CSS3专题 纯CSS打造相册效果
转载请标明出处：http://blog.csdn.NET/lmj623565791/article/details/...今天偶然发现电脑里面还有这样的一个例子，感觉效果还不错，不记得啥时候下载的了，也好久没上w3cfuns了，怀念学习前台的日子，给大家分享下。效果图：效果是不是还是很不错的，最主要的是没有使用一行js，这才是亮点。先看html文件：<body> <di1987 人浏览
-
hangge
-
K8s - 让Master也能当作Node使用的方法（允许将Pod副本调度到Master节点上）
出于安全考虑，默认配置下Kubernetes不会将Pod调度到Master节点。假设我们有如下一个集群：1，让 Master 也当作 Node 使用（1）如果想让Pod也能调度到在Master（本样例即localhost.localdomain）上，可以执行如下命令使其作为一个工作节点：注意：利用该方法，我们可以不使用minikube而创建一个单节点的K8S集群1kubectl taint n1979 人浏览
-
xiaozhi
-
3.React造轮系列：Layout 组件思路
本文是React造轮系列第三篇。1.React 造轮子系列：Icon 组件思路2.React造轮系列：对话框组件 - Dialog 思路初始化 Layout参考 And Design ,Layout 组件分别分为Layout,Header,Aside,Content,Footer五个组件。基本使用结构如下：<Layout> <Header>header</Heade1918 人浏览
-
xiaozhi
-
18.JS变量生命周期:为什么 let 没有被提升
译者：前端小智原文：https://dmitripavlutin.com/variables-lifecycle-and-why-let-is-not-hoisted/为了保证的可读性，本文采用意译而非直译。提升是将变量或函数定义移动到作用域头部的过程，通常是var声明的变量和函数声明function fun() {...}。当 ES6 引入let(以及与let类似声明的const和class)声1904 人浏览
-
web
-
从Vue.js源码角度再看数据绑定
写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。 文章的原地址：https://github.com/answershuto/learnVue。 在学习过程中，为Vue加上了中文的注释https://github.com/answershuto/learnVue/tree/master/vue-src，希1877 人浏览
-
xiaozhi
-
10.JavaScript是如何工作的:使用 MutationObserver 跟踪 DOM 的变化
Web 应用程序在客户端变得越来越重，原因很多，例如需要更丰富的 UI 来容纳更复杂的应用程序提供的内容，实时计算等等。复杂性的增加使得在 Web 应用程序生命周期的每个给定时刻都很难知道 UI 的确切状态。而当你在搭建某些框架或者库的时候，甚至会更加困难，例如，前者需要根据 DOM 来作出反应并执行特定的动作。概述Mutation Observer API 用来监视 DOM 变动。DOM 的任何1872 人浏览
-
xiaozhi
-
32.50 个JS 必须懂的面试题为你助力金九银十
问题1：Java和JavaScript有什么不同JavaJavaScriptJava是一种OOP编程语言。JavaScript是一种OOP脚本语言。它创建在虚拟机或浏览器中运行的应用程序。代码只在浏览器上运行。需要编译Java代码。JS代码都是文本的形式。问题2：什么 JavascriptJavaScript 是一种轻量级的解释型编程语言，具有面向对象的特性，允许各位在其他静态HTML页面中构建交1869 人浏览
-
xiaozhi
-
14.JavaScript 是如何工作的：解析、抽象语法树（AST）+ 提升编译速度5个技巧
概述我们都知道运行一大段 JavaScript 代码性能会变得很糟糕。这段代码不仅需要通过网络传输，而且还需要解析、编译成字节码，最后执行。在之前的文章中，我们讨论了 JS 引擎、运行时和调用堆栈等，以及主要由谷歌 Chrome 和 NodeJS 使用的V8引擎。它们在整个 JavaScript 执行过程中都发挥着至关重要的作用。这篇说的抽象语法树同样重要:在这我们将了解大多数 JavaScrip1855 人浏览
-
web
-
Html5 Css3实现VCD包装盒个性幻灯片
转载请标明出处：http://blog.csdn.NET/lmj623565791/article/details/...哈，首先感谢下w3cfuns的老师，嗯~好了，这次给发夹分享一个CSS3+JavaScript VCD包装盒个性幻灯片的一个案例。效果图：图片切换是不是很个性，效果也很不错，大家可以将其使用到自己的网站上。先看下html：<!DOCTYPE HTML PUBLIC "-/1847 人浏览
-
web
-
html5和css3实现绚丽动画-诱人的实例 3D旋转木马效果相册
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/32964301首先说明一下创意的出处：http://www.zhangxinxu.com/study/201209/pictures-3d-slide-view.html（张鑫旭的博客 ），对前台感兴趣的可以没事去看看他的博客，很给力~这篇博客的目的是因为上篇HTML5 CSS3专1827 人浏览
-
xiaozhi
-
2.React 项目结构和组件命名规范
React 作为一个库，它没有规定项目的整体结构。这很好，因为它给了我们自由去尝试不同的方法，并适应更适合我们的方式。另一方面，这可能会给React领域的开发人员带来一些困惑。我将会在本文为大家展示我已经使用过一段时间并且效果不错的方式，这些方式没有通过重新造轮子来实现，而是通过将社区中的方案组合和提炼得到。目录结构我经常遇到的一个问题是如何组织文件和目录结构。在这篇文章中，我们认为你已有一个最小1816 人浏览
-
xiaozhi
-
7.React 新特性 Hooks 讲解及实例(四)
使用 Ref Hooks类组件中使用 Ref 一般有：String RefCallback RefCreateRef上述在函数组件中没有办法使用它们，取而代之的是useRefHooks。useRef主要有两个使用场景：获取子组件或者 DOM 节点的句柄渲染周期之间的共享数据的存储大家可能会想到 state 也可跨越渲染周期保存，但是state的赋值会触发重渲染，但是ref不会，从这点看 ref 更1814 人浏览