你我学习网
你我博客
热衷分享技术，专注打造技术影响力的视频博客系统
-
xiaozhi
-
2.React造轮系列：对话框组件 - Dialog
UI对话框一般是我们点击按钮弹出的这么一个东西，主要类型有Alter,Confirm及Modal, Modal 一般带有半透明的黑色背景。当然外观可参考 AntD 或者 Framework 等。确定 APIAPI 方面主要还是要参考同行，因为如果有一天，别人想你用的UI框架时，你的 API 跟他之前常用的又不用，这样就加大了入门门槛，所以API 尽量保持跟现有的差不多。对话框除了提供显示属性外，还2267 人浏览
-
web
-
html5和css3实现绚丽动画-诱人的实例 3D展示商品信息
原文链接：http://blog.csdn.net/lmj623565791/article/details/...强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力，但是如果在展示中添加适当的3D元素，~说不定效果不错哈~效果图：说明一下：这个创意不是我想的，哈~模仿别人的，创意应该是w3cplus上的。当然了，重点是教大2258 人浏览
-
web
-
html5和css3实现绚丽动画-模仿优酷视频截图功能
原文地址：http://blog.csdn.net/lmj623565791/article/details/...一般的视频网站对于用户上传的视频，在用户上传完成后，可以对播放的视频进行截图，然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验，而不是让用户额外上传一张展示图。效果图：看起来还是很不错，下面我给大家分析下，极其核心代码很简单：_canvas = document.2239 人浏览
-
煊琰
-
Serverless 风暴来袭，前端工程师如何应对？
阿里妹导读：尽管大部分前端的工作并不涉及server，但最近半年serverless这个词汇以及其引发的热烈的讨论，深深触动了阿里巴巴高级前端技术专家伐薪。作为接触前端十余载的老开发，伐薪认为serverless可能会是接下来引起前端领域革命性变化的技术之一。今天，伐薪将为大家梳理serverless的历史发展进程以及对前端的影响，希望对前端工程师有所启发。上图是serverless 这个词最近52222 人浏览
-
hangge
-
K8s - 让Master也能当作Node使用的方法（允许将Pod副本调度到Master节点上）
出于安全考虑，默认配置下Kubernetes不会将Pod调度到Master节点。假设我们有如下一个集群：1，让 Master 也当作 Node 使用（1）如果想让Pod也能调度到在Master（本样例即localhost.localdomain）上，可以执行如下命令使其作为一个工作节点：注意：利用该方法，我们可以不使用minikube而创建一个单节点的K8S集群1kubectl taint n2217 人浏览
-
hgother
-
IntelliJ IDEA - 常用设置、常用快捷键汇总（附：常用的代码补全语句）
一、常用快捷键作用windows 快捷键macOS 快捷键全局搜索ctrl + shift + Fcommand + shift + F代码格式化ctrl+ alt + Lcommand + option + L去掉无用的包的引用ctrl + alt + Ocontrol + option + O注释ctrl + /command + /多行注释ctrl + shift + /command +2214 人浏览
-
xiaozhi
-
22.JS 最新数据基本类型:BigInt
原文：https://www.smashingmagazine.com/2019/07/essential-guide-javascript-newest-data-type-bigint/译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！BigInt数据类型的目的是比Number数据类型支持的范围更大的整数值。在对大整数执行2212 人浏览
-
xiaozhi
-
3.React造轮系列：Layout 组件思路
本文是React造轮系列第三篇。1.React 造轮子系列：Icon 组件思路2.React造轮系列：对话框组件 - Dialog 思路初始化 Layout参考 And Design ,Layout 组件分别分为Layout,Header,Aside,Content,Footer五个组件。基本使用结构如下：<Layout> <Header>header</Heade2210 人浏览
-
xiaozhi
-
8.JavaScript 是如何工作的：Service Worker 的生命周期及使用场景
你可能已经知道，渐进式Web应用程序只会越来越受欢迎，因为它们的目标是让Web应用程序用户体验更流畅，创建类似于原生应用程序的体验，而不是浏览器的外观和感觉。构建渐进式Web应用程序的主要要求之一是使其在网络和加载方面非常可靠——它应该在不确定或不存在的网络条件下可用。在这篇文章中，将深入探讨Service Workers:它们是如何工作，你应该关心什么。最后，还列出了 Service Worke2175 人浏览
-
web
-
html5和css3实现无插件拖拽上传图片(支持预览与批量)(一）
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/31498319上传基本是项目中经常出现的，一般采用：1、form提交2、flash3、HTML5form提交会刷新页面，很难做到异步上传；flash可能是用得比较多了，因为可以兼顾到几乎所有的浏览器，我之前一直会用jQuery的uploadify作为项目中的上传工具，uploadi2138 人浏览
-
web
-
HTML5 CSS3专题 纯CSS打造相册效果
转载请标明出处：http://blog.csdn.NET/lmj623565791/article/details/...今天偶然发现电脑里面还有这样的一个例子，感觉效果还不错，不记得啥时候下载的了，也好久没上w3cfuns了，怀念学习前台的日子，给大家分享下。效果图：效果是不是还是很不错的，最主要的是没有使用一行js，这才是亮点。先看html文件：<body> <di2131 人浏览
-
xiaozhi
-
18.JS变量生命周期:为什么 let 没有被提升
译者：前端小智原文：https://dmitripavlutin.com/variables-lifecycle-and-why-let-is-not-hoisted/为了保证的可读性，本文采用意译而非直译。提升是将变量或函数定义移动到作用域头部的过程，通常是var声明的变量和函数声明function fun() {...}。当 ES6 引入let(以及与let类似声明的const和class)声2117 人浏览
-
xiaozhi
-
32.50 个JS 必须懂的面试题为你助力金九银十
问题1：Java和JavaScript有什么不同JavaJavaScriptJava是一种OOP编程语言。JavaScript是一种OOP脚本语言。它创建在虚拟机或浏览器中运行的应用程序。代码只在浏览器上运行。需要编译Java代码。JS代码都是文本的形式。问题2：什么 JavascriptJavaScript 是一种轻量级的解释型编程语言，具有面向对象的特性，允许各位在其他静态HTML页面中构建交2089 人浏览
-
xiaozhi
-
10.JavaScript是如何工作的:使用 MutationObserver 跟踪 DOM 的变化
Web 应用程序在客户端变得越来越重，原因很多，例如需要更丰富的 UI 来容纳更复杂的应用程序提供的内容，实时计算等等。复杂性的增加使得在 Web 应用程序生命周期的每个给定时刻都很难知道 UI 的确切状态。而当你在搭建某些框架或者库的时候，甚至会更加困难，例如，前者需要根据 DOM 来作出反应并执行特定的动作。概述Mutation Observer API 用来监视 DOM 变动。DOM 的任何2074 人浏览
-
xiaozhi
-
14.JavaScript 是如何工作的：解析、抽象语法树（AST）+ 提升编译速度5个技巧
概述我们都知道运行一大段 JavaScript 代码性能会变得很糟糕。这段代码不仅需要通过网络传输，而且还需要解析、编译成字节码，最后执行。在之前的文章中，我们讨论了 JS 引擎、运行时和调用堆栈等，以及主要由谷歌 Chrome 和 NodeJS 使用的V8引擎。它们在整个 JavaScript 执行过程中都发挥着至关重要的作用。这篇说的抽象语法树同样重要:在这我们将了解大多数 JavaScrip2050 人浏览
-
xiaozhi
-
2.React 项目结构和组件命名规范
React 作为一个库，它没有规定项目的整体结构。这很好，因为它给了我们自由去尝试不同的方法，并适应更适合我们的方式。另一方面，这可能会给React领域的开发人员带来一些困惑。我将会在本文为大家展示我已经使用过一段时间并且效果不错的方式，这些方式没有通过重新造轮子来实现，而是通过将社区中的方案组合和提炼得到。目录结构我经常遇到的一个问题是如何组织文件和目录结构。在这篇文章中，我们认为你已有一个最小2047 人浏览
-
web
-
从Vue.js源码角度再看数据绑定
写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。 文章的原地址：https://github.com/answershuto/learnVue。 在学习过程中，为Vue加上了中文的注释https://github.com/answershuto/learnVue/tree/master/vue-src，希2008 人浏览
-
web
-
rem是什么，如何使用
使用rem很长时间了，一直想好好总结一下，迟迟没有写，太懒大家都懂。。。 当然还有一个原因不会写总结。在总结rem之前先说一下，之前是怎么解决移动端布局的。百分比布局宽度还好说 屏幕宽度100%，各个板块按照计算的比例各种xx%但是高度就不行了没有参照物，图片还好说，背景图、字体大小就呵呵了。只能做到大概。固宽320px这种方案简单粗爆，以px为单位该是多少就是多少。但是当手机分辨率越高，两边留白2004 人浏览
-
xiaozhi
-
12.JavaScript 是如何工作的：深入网络层 + 如何优化性能和安全
正如在上一篇关于渲染引擎的博客文章中提到的，我们认为优秀的 JavaScript 开发人员和杰出的 JavaScript 开发人员之间的区别在于，后者不仅理解语言的具体细节，而且理解其内部结构和周遭环境。讲一点历史49年前，一种叫做 ARPAnet 的网诞生了。它是一个早期的分组交换网络，也是第一个实现TCP/IP套件的网络。20年后，蒂姆·伯纳斯-李提出了一种“网状结构”的建议，这种结构后来被称2000 人浏览
-
web
-
Html5 Css3实现VCD包装盒个性幻灯片
转载请标明出处：http://blog.csdn.NET/lmj623565791/article/details/...哈，首先感谢下w3cfuns的老师，嗯~好了，这次给发夹分享一个CSS3+JavaScript VCD包装盒个性幻灯片的一个案例。效果图：图片切换是不是很个性，效果也很不错，大家可以将其使用到自己的网站上。先看下html：<!DOCTYPE HTML PUBLIC "-/1995 人浏览