你我学习网
你我博客
热衷分享技术，专注打造技术影响力的视频博客系统
-
xiaozhi
-
23.关于css margin，你需要知道的一切
原文：https://www.smashingmagazine.com/2019/07/margins-in-css/译者：前端小智为了保证的可读性，本文采用意译而非直译。当我们学习CSS时，我们大多数人学到的第一件事是CSS中盒子的各个部分的细节，这部分通过叫做 CSS盒、模型。“盒模型”中的元素之一是margin，即盒子周围的透明区域，它会将其他元素从盒子内容中推开。CSS1中描述了margi2431 人浏览
-
xiaozhi
-
6.React 新特性 Hooks 讲解及实例(三)
使用 Context Hooks使用 Context ,首先顶层先声明Provier组件，并声明value属性，接着在后代组件中声明Consumer组件，这个Consumer子组件，只能是唯一的一个函数，函数参数即是Context的负载。如果有多个Context,Provider和Consumer任意的顺序嵌套即可。此外我们还可以针对任意一个Context使用contextType来简化对这个Co2426 人浏览
-
hangge
-
SpringBoot - 整合Thymeleaf模板引擎（附样例）
一、基本介绍1，什么是 ThymeleafThymeleaf是新一代的Java模版引擎，类似于Velocity、FreeMarker等传统Java模版引擎。Thymeleaf的主要目标是将优雅的自然模板带到开发工作流程中，并将HTML在浏览器中正确显示，并且可以作为静态原型，让开发团队能更容易地协作。Thymeleaf能够处理HTML、XML、JavaScript、CSS甚至纯文本。Thymele2422 人浏览
-
xiaozhi
-
26.ES新提案：双问号操作符
本文主要讲Gabriel Isenberg撰写的ES提案“Nullish coalescing for JavaScript”。 它提出??替换||的运算符,并提供默认值。这里先把这相提案叫作双问号操作符，如果你有好的叫法，欢迎留言讨论。1.概述双问号??的操作符跟||类似，如果给定变量值为null或者undefined，刚使用双问号后的默认值，否则使用该变量值。如下:>undefined?2420 人浏览
-
cheng
-
2020最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)
近期总结一一些面试题 都是企业的面试题笔记题感觉薪资10k下的都会出笔试题 特别高的薪资都是直接技术面试或者是 现场编程 总结很多人的面试题，后期会对于单个知识点再说笔记详细讲解。部分都是百度的答案，不是特全面的，可以自己找下=============================================================前端面试题： 1. 一个200*200的div在2409 人浏览
-
xiaozhi
-
4.Web 性能优化：21种优化CSS和加快网站速度的方法
CSS 必须通过一个相对复杂的管道，就像 HTML 和 JavaScript一样，浏览器必须从服务器下载文件，然后进行解析并将其应用于DOM。由于优化程度极高，这个过程通常非常快——对于不基于框架的小型 web 项目，CSS通常只占总资源消耗的一小部分。框架打破了这种平衡。包括一个 JavaScript GUI 堆栈，如 jQuery UI，可以观察 CSS, JS 和 HTML大小逐渐的变大。通2388 人浏览
-
wechat
-
如何获取小程序的openid
小程序的openid相当重要，它是用户的唯一标识id，牵扯的支付，登录，授权等！你可以理解为小程序的账号，小程序是获取不到你的微信号的，这个属于私密信息!只能获取用户的昵称，头像，openid，session_key等下面就讲解一下我获取openid首先，获取openid，需要具备，AppID(小程序ID)，AppSecret(小程序密钥) ，还有登录成功后返回给你的js_code废话不多说，先看2387 人浏览
-
xiaozhi
-
27.如何使用useReducer Hook
看到“reducer”这个词，容易让人联想到Redux，但是在本文中，不必先理解Redux才能阅读这篇文章。咱们将一起讨论“reducer”实际上是什么，以及如何利用useReducer来管理组件中的复杂状态，以及这个新钩子对Redux意味着什么？Reducer 是什么鬼如果你熟悉Redux或数组上中的reduce方法，你大概就知道“reducer”是什么。 如果不熟悉，“reducer”大概是一2385 人浏览
-
xiaozhi
-
1.JavaScript是如何工作的：引擎，运行时和调用堆栈的概述！
本文是旨在深入研究JavaScript及其实际工作原理的系列文章中的第一篇:我们认为通过了解JavaScript的构建块以及它们是如何工作的，将能够编写更好的代码和应用程序。我们还将分享构建SeStHealsStad时使用的一些经验法则，这是一个轻量级的 JavaScript 应用程序，必须保持健壮和高性能以保持竞争力。如GitHut 统计数据所示，在GitHub中的活动存储库和总推送方面，Jav2376 人浏览
-
xiaozhi
-
1.React高级组件精讲
React高级组件精讲高阶函数是以函数为参数，并且返回也是函数的的函数。类似的，高阶组件（简称HOC）接收 React 组件为参数，并且返回一个新的React组件。高阶组件本质也是一个函数，并不是一个组件。高阶组件的函数形式如下：constEnhanceComponent=higherOrderComponent(WrappedComponent)通过一个简单的例子解释高阶组件是如何复用的。现在有2362 人浏览
-
xiaozhi
-
2.Web 性能优化： 图片优化让网站大小减少 62%
图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高达几十兆。因此，虽然网络图像需要清晰明快，但它们尺寸可以缩小压缩的，使用加载时间保持在可接受的水平。在我的网站上，我注意到我的主页的页面大小 超过了1.1MB，图片占了约88%，我还注意到我提供的图像比它们需要的大(在分辨率方面)，显然，还有很多改进的空间。我开始阅读 Addy Osmani2361 人浏览
-
xiaozhi
-
19.JS 中有趣的事实
原文：https://dev.to/shafikshaon/interesting-facts-in-javascript-22nk译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！使用 JS 有很多有趣的地方。尽管工程师们每天都在与之打交道，但仍有一些语言没有被开发出来。本广将介绍一些你可能想不到的JS特性。NaN 是一个2357 人浏览
-
xiaozhi
-
13.揭秘变量提升
为了保证可读性，本文采用意译而非直译。引用 ES6 规范作者 Allen Wirfs-Brock一条最近的推特：变量提升是一个陈旧且令人困惑的术语。甚至在 ES6之前：变量提升的意思究竟是“提升至当前作用域顶部”还是“从嵌套的代码块中提升到最近的函数或脚本作用域中”？还是两者都有？受 Allen 启发，本文提出了一种不同的方法来描述变量声明。1. 声明：作用域与激活可以将声明分为两个方面：作用域：2357 人浏览
-
xiaozhi
-
9.JavaScript是如何工作的:Web推送通知的机制
推送通知在移动端非常常见。在 Web 端，尽管开发人员对其功能的需求很高，但出于某些原因，推送通知被引入 Web 的时间比较晚。简介Web 推送通知允许用户在 Web 应用程序需要更新时选择是否接收更新消息，目的是在重新吸引用户群注意的更新信息通常是对用户来说有趣、重要、实时的内容。推送通知的基础是我们上一篇讲的 Service Workers。在这种情况下，使用 Service Worker 的2349 人浏览
-
xiaozhi
-
22. JavaScript 是如何工作的：JavaScript 的共享传递和按值传递
关于JavaScript如何将值传递给函数，在互联网上有很多误解和争论。大致认为，参数为原始数据类时使用按值传递，参数为数组、对象和函数等数据类型使用引用传递。按值传递 和引用传递参数主要区别简单可以说：按值传递：在函数里面改变传递的值不会影响到外面引用传递：在函数里面改变传递的值会影响到外面但答案是 JavaScript 对所有数据类型都使用按值传递。它对数组和对象使用按值传递，但这是在的共享传2333 人浏览
-
xiaozhi
-
5.Web 性能优化：理解及使用 JavaScript 缓存
随着我们的应用程序的不断增长并开始进行复杂的计算时，对速度的需求越来越高（????️），所以流程的优化变得必不可少。 当我们忽略这个问题时，我们最终的程序需要花费大量时间并在执行期间消耗大量的系统资源。缓存是一种优化技术，通过存储开销大的函数执行的结果，并在相同的输入再次出现时返回已缓存的结果，从而加快应用程序的速度。如果这对你没有多大意义，那没关系。 本文深入解释了为什么需要进行缓存，缓存是什么，如何2322 人浏览
-
web
-
XML中的转义字符
HTML中的转义字符 HTML中<, >，&等有特别含义，(前两个字符用于链接签，&用于转义)，不能直接使用。使用这三个字符时，应使用他们的转义序列，如下所示：& 或 &&和< 或 <<小于号> 或 >>大于号""双引号空格©©版权符®2317 人浏览
-
xiaozhi
-
21.JS 的5个不良编码习惯，现在就改掉吧
原文：https://dmitripavlutin.com/unlearn-javascript-bad-coding-habits/译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！在阅读JavaScript代码时，你是否有过这种感觉你几乎不明白代码的作用？代码使用了很多 JavaScript 技巧？命名和编码风格太过随意？2316 人浏览
-
xiaozhi
-
34.JS 如何创建、读取和删除cookie
Cookie为 Web 应用程序保存用户相关信息提供了一种有用的方法。例如，当用户访问咱们的站点时，可以利用Cookie保存用户首选项或其他信息，这样，当用户下次再访问咱们的站点时，应用程序就可以检索以前保存的信息。Cookie 是什么鬼Cookie是一小段文本信息，伴随着用户请求和页面在 Web 服务器和浏览器之间传递。用户每次访问站点时，Web 应用程序都可以读取 Cookie 包含的信息。C2304 人浏览
-
xiaozhi
-
13.JavaScript是如何工作的: CSS 和 JS 动画底层原理及如何优化它们的性能
概述你肯定知道，动画在创建引人注目的 Web 应用程序中扮演着重要的角色。随着用户越来越多地将注意力转移到用户体验上，商户开始意识到完美、愉快的用户体验的重要性，结果 Web 应用程序变得越来越重，并具有更动态交互的 UI。这一切都需要更复杂的动画，以便用户在整个过程中更平稳地进行状态转换。今天，这甚至不被认为是什么特别的事情。用户正变得越来越挑剔，默认情况下，他们期望的是具有高响应性和交互性的用2303 人浏览