你我学习网
你我博客
热衷分享技术，专注打造技术影响力的视频博客系统
-
xiaozhi
-
3.你要的 React 面试知识点，都在这了
React是流行的javascript框架之一，在2019年及以后将会更加流行。React于2013年首次发布，多年来广受欢迎。它是一个声明性的、基于组件的、用于构建用户界面的高效javascript库。以下是面试前必须了解的话题。什么是声明式编程声明式编程 vs 命令式编程什么是函数式编程什么是组件设计模式React 是什么React 和 Angular 有什么不同什么是虚拟DOM及其工作原理什1826 人浏览
-
java
-
通过OpenGL理解前端渲染原理（1）
通过OpenGL理解前端渲染原理，本文着重介绍渲染管线工作流程。一、OpenGLOpenGL，是一套绘制3D图形的API，当然它也可以用来绘制2D的物体。OpenGL有一大套可以用来操作模型和图片的函数，通常编写OpenGL库的人是显卡的制造者。我们买的显卡都支持特定版本的OpenGL。下图是用OpenGL做的旋转的立方体。二、渲染原理2.1 渲染管道在OpenGL中，所有东西都在一个3D的空间里1804 人浏览
-
xiaozhi
-
12. 8个有用的JS技巧
译者：前端小智原文：https://devinduct.com/blogpost/26/8-useful-javascript-tricks这些技巧可能大家大部分都用过了，如果用过就当作加深点映像，如果没有遇到过，就当作学会了几个技巧。1. 确保数组值使用 grid ，需要重新创建原始数据，并且每行的列长度可能不匹配， 为了确保不匹配行之间的长度相等，可以使用Array.fill方法。letarr1801 人浏览
-
web
-
用css隐藏元素的四种方法
1.opacityopacity是设置一个元素的透明度，这一设置为0只能从视觉上隐藏元素，而元素本身依然占据它自己的位置并对网页的布局起作用，它也将响应用户交互。<div id="div1" style="opacity:0;">DIV1 测试opacity:0隐藏 </div>2.visibility该属性值为hidden的时候，元素将会隐藏，也会占据着自己的位置，并对网1795 人浏览
-
webhome
-
移动和PC端中的hover处理
移动和PC端中的hover处理最近都忙死了，好久都没更新博客了。今天还是想提下移动端的问题 :hover选择器。说到移动和PC端中的hover处理问题，已经碰到过很多次了，先前一直没去仔细的研究过，有时候忽略过去了。众所周知，现在项目都注重交互用户体验，譬如按钮之类的都加上hover效果。但是这个效果在PC端体验很好，如果页面需要做成响应式，那问题就来了，发现在移动端点击按钮后，会执行PC的hov1795 人浏览
-
xiaozhi
-
11.需要知道的JS的日期知识，都在这了
为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！JS中的Date很奇怪。当我们需要处理日期和时间的时候比较麻烦，经常借助像date-fns和Moment这样的库。但是我们并不总是需要使用库。如果知道要注意一些总是，日期实际上可以非常简单。接下介绍有关Date对象的所有信息时区我们的世界有数百个时区。 在JavaScript中，我们只关心两1793 人浏览
-
xiaozhi
-
14.如何使用 Set 来提高代码的性能
译者：前端小智原文：https://medium.com/@bretcameron/how-to-make-your-code-faster-using-javascript-sets-b432457a4a77为了保证的可读性，本文采用意译而非直译。我确信有很多开发人员坚持使用基本的全局对象：数字，字符串，对象，数组和布尔值。对于许多用例，这些都是需要的。 但是如果想让你的代码尽可能快速和可扩展，1787 人浏览
-
xiaozhi
-
3.我从来不理解JavaScript闭包，直到有人这样向我解释它
正如标题所述，JavaScript闭包对我来说一直有点神秘,看过很多闭包的文章，在工作使用过闭包，有时甚至在项目中使用闭包，但我确实是这是在使用闭包的知识。最近看到的一些文章，终于，有人用于一种让我明白方式对闭包进行了解释，我将在本文中尝试使用这种方法来解释闭包。##准备在理解闭包之前，有个重要的概念需要先了解一下，就是 js 执行上下文。这篇文章是执行上下文 很不错的入门教程，文章中提到：当代码1784 人浏览
-
xiaozhi
-
5.搞懂 Javascript中this 指向及继承原理
在理解继承之前，需要知道 js 的三个东西：什么是 JS 原型链this 的值到底是什么JS 的new 到底是干什么的一、什么是 JS 原型链？我们知道 JS 有对象，比如varobj={name:'obj'}我们通过控制台把obj 打印出来：我们会发现obj已经有几个属性（方法）了。那么问题来了：valueOf/toString/constructor是怎么来？我们并没有给obj1777 人浏览
-
xiaozhi
-
4.React 新特性讲解及实例(一)
本节主要讲解以下几个新的特性：ContextContextTypelazySuspense错误边界（Error boundaries）momoContext定义：Context 提供了一种方式，能够让数据在组件树中传递而不必一级一级手动传递。这定义读的有点晦涩，来看张图：假设有如上的组件层级关系，如果最底层的Item组件，需要最顶层的Window组件中的变量，那我们只能一层一层的传递下去。非常的繁1775 人浏览
-
xiaozhi
-
6.JavaScript 的简洁之道
简介如果你关注代码本身和代码的编写方式，而不是只关心它是否能工作，那么你写代码是有一定的水准。专业开发人员将为未来的自己和“其他人”编写代码，而不仅仅只编写当前能工作就行的代码。在此基础上，简洁代码可以定义为自解释的、易于人理解的、易于更改或扩展的代码。以下列表一些好编写方式，仅供参考，当然，如果你有更好的方式，欢迎留言。1. 强类型检查用===代替==//如果处理不当，它会极大地影响程序逻辑。这1768 人浏览
-
xiaozhi
-
2.JavaScript是如何工作的：深入V8引擎&编写优化代码的5个技巧
概述JavaScript引擎是执行 JavaScript 代码的程序或解释器。JavaScript引擎可以实现为标准解释器，或者以某种形式将JavaScript编译为字节码的即时编译器。以为实现JavaScript引擎的流行项目的列表：V8 — 开源，由 Google 开发，用 C ++ 编写Rhino — 由 Mozilla 基金会管理，开源，完全用 Java 开发SpiderMonkey —1753 人浏览
-
wechat
-
微信支付费率如何调整为0.2%
自己申请的微信支付费率都是0.6%的，这个费率是官方默认的，费率想要调低了可以找微信支付服务商帮你申请一个微信支付，这样费率可以调低点，最低是0.2%费率。为什么你们可以调低费率？ 我们公司是微信官方授权的微信支付服务商，可为商家提交进件申请服务，协助商家开通微信支付。 ps：微信支付服务商拥有一项专属权限是可以把0.6%费率调低到0.2%的。如何开通0.2%费率微信支付？1、添加客服，发来所需资1719 人浏览
-
xiaozhi
-
10.搞懂JavaScript引擎运行原理
译者：前端小智原文：https://codeburst.io/js-essentials-the-javascript-engine-302ff38e8465为了保证可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！一些名词JS引擎— 一个读取代码并运行的引擎，没有单一的“JS引擎”;，每个浏览器都有自己的引擎，如谷歌有V。作用域— 可以从中访问变量1708 人浏览
-
xiaozhi
-
4.JavaScript是如何工作的:事件循环和异步编程的崛起+ 5种使用 async/await 更好地编码方式
通过第一篇文章回顾在单线程环境中编程的缺陷以及如何解决这些缺陷来构建健壮的JavaScript UI。按照惯例，在本文的最后，分享5个如何使用async/ wait编写更简洁代码的技巧。为什么单线程是一个限制？在发布的第一篇文章中，思考了这样一个问题:当调用堆栈中有函数调用需要花费大量时间来处理时会发生什么?例如，假设在浏览器中运行一个复杂的图像转换算法。当调用堆栈有函数要执行时，浏览器不能做任何1679 人浏览
-
xiaozhi
-
1.vue 2.6 中 slot 的新用法
最近发布不久的Vue 2.6，使用插槽的语法变得更加简洁。 对插槽的这种改变让我对发现插槽的潜在功能感兴趣，以便为我们基于Vue的项目提供可重用性，新功能和更清晰的可读性。 真正有能力的插槽是什么？如果你是Vue的新手，或者还没有看到2.6版的变化，请继续阅读。也许学习插槽的最佳资源是Vue自己的文档，但是我将在这里给出一个纲要。插槽是什么？插槽是Vue组件的一种机制，它允许你以一种不同于严格的父1671 人浏览
-
xiaozhi
-
3.Web 性能优化：缓存 React 事件来提高性能
JavaScript中一个不被重视的概念是对象和函数是如何引用的，并且直接影响 React性能。 如果创建两个完全相同的函数，它们仍然不相等，试试下面的例子：constfunctionOne=function(){alert('Helloworld!');}; constfunctionTwo=function(){alert('Helloworld!');};1669 人浏览
-
xiaozhi
-
4.如何在 JS 循环中正确使用 async 与 await
async与await的使用方式相对简单。 蛤当你尝试在循环中使用await时，事情就会变得复杂一些。在本文中，分享一些在如果循环中使用await值得注意的问题。准备一个例子对于这篇文章，假设你想从水果篮中获取水果的数量。constfruitBasket={ apple:27, grape:0, pear:14 };你想从fruitBasket获得每个水果的数量。 要获取水果的数量，可以使1668 人浏览
-
webhome
-
谈谈移动端页面性能优化方案
众所周知，在互联网行业里，移动端占有的比例越来越高了，尤其实在电商领域，用户购物大部分在移动端。比如淘宝双11，在移动端支付的接近7成。这就要求我们产品质量越来越高，那对于我们前端工程师来说也是一个挑战，如何让我们所开发的页面能有更好的体验，就是我们今天讨论的话题：移动端页面性能优化。Html5的出现对于移动端影响挺大，HTML5框架可以提升网站的访问速度，通过优化前端将响应时间加快，使用户的等待1622 人浏览