xiaozhi

3.React造轮系列：Layout 组件思路

本文是React造轮系列第三篇。1.React 造轮子系列：Icon 组件思路2.React造轮系列：对话框组件 - Dialog 思路初始化 Layout参考 And Design ,Layout 组件分别分为Layout,Header,Aside,Content,Footer五个组件。基本使用结构如下：<Layout> <Header>header</Heade

前端

2019-09-05  3207 人浏览

xiaozhi

2.React造轮系列：对话框组件 - Dialog

UI对话框一般是我们点击按钮弹出的这么一个东西，主要类型有Alter,Confirm及Modal, Modal 一般带有半透明的黑色背景。当然外观可参考 AntD 或者 Framework 等。确定 APIAPI 方面主要还是要参考同行，因为如果有一天，别人想你用的UI框架时，你的 API 跟他之前常用的又不用，这样就加大了入门门槛，所以API 尽量保持跟现有的差不多。对话框除了提供显示属性外，还

前端

2019-09-05  3752 人浏览

xiaozhi

1.React 造轮子系列：Icon 组件思路

简介本轮子是通过 React + TypeScript + Webpack 搭建的，至于环境的搭建这边就不在细说了，自己动手谷歌吧。当然可以参考我的源码。这里我也是通过别人学的，主要做些总结及说明造各个轮子的一种思路，方便今后使用别人的的轮子时自己脑中有造轮子的思想，能通过修改源码及时修改 bug，按时上线。本文的 Icon 组件主要是参考Framework7 中的 Icon React Comp

前端

2019-09-05  3605 人浏览

xiaozhi

1.vue 2.6 中 slot 的新用法

最近发布不久的Vue 2.6，使用插槽的语法变得更加简洁。 对插槽的这种改变让我对发现插槽的潜在功能感兴趣，以便为我们基于Vue的项目提供可重用性，新功能和更清晰的可读性。 真正有能力的插槽是什么？如果你是Vue的新手，或者还没有看到2.6版的变化，请继续阅读。也许学习插槽的最佳资源是Vue自己的文档，但是我将在这里给出一个纲要。插槽是什么？插槽是Vue组件的一种机制，它允许你以一种不同于严格的父

前端

2019-09-05  2283 人浏览

xiaozhi

34.JS 如何创建、读取和删除cookie

Cookie为 Web 应用程序保存用户相关信息提供了一种有用的方法。例如，当用户访问咱们的站点时，可以利用Cookie保存用户首选项或其他信息，这样，当用户下次再访问咱们的站点时，应用程序就可以检索以前保存的信息。Cookie 是什么鬼Cookie是一小段文本信息，伴随着用户请求和页面在 Web 服务器和浏览器之间传递。用户每次访问站点时，Web 应用程序都可以读取 Cookie 包含的信息。C

前端

2019-09-04  2629 人浏览

xiaozhi

33.JS中，如何提高展开运算符的性能

本文主要讲解怎么提高展开运算的性能，在此之前先简单说说展开运算在数组中的工作原理。展开运算符或三个点，接受一个数组数组或通常是可迭代的[... arrayOrIterable]并将数组元素分解，并使用这些分解部分构造一个新数组。展开运算符可以放在数组中的任何位置：constnumbers=[1,2,3]; [0,...numbers];//=>[0,1,2,3] [0,...number

前端

2019-09-04  2910 人浏览

xiaozhi

32.50 个JS 必须懂的面试题为你助力金九银十

问题1：Java和JavaScript有什么不同JavaJavaScriptJava是一种OOP编程语言。JavaScript是一种OOP脚本语言。它创建在虚拟机或浏览器中运行的应用程序。代码只在浏览器上运行。需要编译Java代码。JS代码都是文本的形式。问题2：什么 JavascriptJavaScript 是一种轻量级的解释型编程语言，具有面向对象的特性，允许各位在其他静态HTML页面中构建交

前端

2019-09-04  3210 人浏览

xiaozhi

31.JS 前20个常用字符串方法及使用方式

本文主要介绍一些最常用的JS字符串函数,列表如下：charAt(x)charCodeAt(x)concat(v1,v2..)fromCharcode(c1,c2)indexOf(substr, [start])lastIndexOf(substr, [start])match(regexp)replace(regexp/substr, replacetext)search(regexp)slice

前端

2019-09-04  2466 人浏览

xiaozhi

30.JS可选链的好处

JS的一些特性极大地改变了咱们的编码方式。从ES6年开始，对咱们代码影响最大的特性的解 、箭头函数、类和模块系统。到2019年8月，一个新的可选链提案已经进入第三阶段，这是一个很好的改进。可选链接改变了从深层对象结构访问属性的方式。来看看这是又是什么骚操作。这个礼拜《大迁世界》有抽奖活动，奖品：专栏 《左耳听风》 x3, 技术书 x5,欢迎关注回复：抽奖问题由于JS的动态特性，对象可以具有多层不同

前端

2019-09-04  2861 人浏览

xiaozhi

29.5个 JS 解构有趣的用途

1. 交换变量通常交换两个变量的方法需要一个额外的临时变量,来看看例子：leta=1; letb=2; lettemp; temp=a; a=b; b=temp; a;//=>2 b;//=>1temp是一个临时变量，它先保存a的值。然后把b的值赋值给a，接着将temp值赋给b。如果使用解构的方式会更简单，不需要什么鬼的temp变量。leta=1; letb=2

前端

2019-09-04  2750 人浏览

xiaozhi

28.JS 在获取当前月的最后一天遇到的坑

为了更好的讲这节的内容，提示一个 JS 处理日期的小技巧，想获取上个月最后一天，只需要设置SetDate参数为0即可。varendDate=newDate(); //上个月最后一天 endDate.setDate(0);接着正文开始：使用 JS 获取当前月的最后一天，咱们通常的思路先获取下个月的第一天，然后在减去一天，就是当前月的最后一天，所以自然会用到下面的代码：vardate=newDat

前端

2019-09-04  2514 人浏览

xiaozhi

27.JS 中创建自定义排序方法

原文：https://www.youtube.com/watch?v=zVevl-K-m7Y译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！一般情况咱们排序大都按数字或字母顺序，但也有一些情况下，咱们可能需要自定义排序顺序。在此之前先简单介绍一下reduce方法：语法：arr.reduce(callback(accumula

2019-09-04  2666 人浏览

xiaozhi

26.Promise 中的三兄弟 .all(), .race(), .allSettled()

作者：Dr. Axel Rauschmayer译者：前端小智来源:2ality为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！从ES6 开始，我们大都使用的是Promise.all()和Promise.race()，Promise.allSettled()提案已经到第4阶段，因此将会成为ECMAScript 2020的一部分。1.概述Pr

前端

2019-09-04  2863 人浏览

xiaozhi

25.JavaScript什么时候不使用箭头函数

原文：https://dmitripavlutin.com/when-not-to-use-arrow-functions-in-javascript/译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！这些年来，ES6 将 JS 的可用性提升到一个新的水平时: 箭头函数、类等等,这些都很棒。箭头函数是最有价值的新功能之一，有很

前端

2019-09-04  2674 人浏览

xiaozhi

24.处理 JS中 undefined 的 7 个技巧

原文：https://dmitripavlutin.com/7-tips-to-handle-undefined-in-javascript/译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！大约8年前，当原作者开始学习JS时，遇到了一个奇怪的情况，既存在undefined的值，也存在表示空值的null。它们之间的明显区别是什

2019-09-04  3129 人浏览

xiaozhi

23.关于css margin，你需要知道的一切

原文：https://www.smashingmagazine.com/2019/07/margins-in-css/译者：前端小智为了保证的可读性，本文采用意译而非直译。当我们学习CSS时，我们大多数人学到的第一件事是CSS中盒子的各个部分的细节，这部分通过叫做 CSS盒、模型。“盒模型”中的元素之一是margin，即盒子周围的透明区域，它会将其他元素从盒子内容中推开。CSS1中描述了margi

前端

2019-09-04  2764 人浏览

xiaozhi

22.JS 最新数据基本类型:BigInt

原文：https://www.smashingmagazine.com/2019/07/essential-guide-javascript-newest-data-type-bigint/译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！BigInt数据类型的目的是比Number数据类型支持的范围更大的整数值。在对大整数执行

前端

2019-09-04  3313 人浏览

xiaozhi

21.JS 的5个不良编码习惯，现在就改掉吧

原文：https://dmitripavlutin.com/unlearn-javascript-bad-coding-habits/译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！在阅读JavaScript代码时，你是否有过这种感觉你几乎不明白代码的作用？代码使用了很多 JavaScript 技巧？命名和编码风格太过随意？

前端

2019-09-04  2672 人浏览

xiaozhi

20.任务，微任务、队列和时间表

原文：https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！思考下面 JavaScript 代码：console.log('scriptstart'); setTimeou

前端

2019-09-04  2871 人浏览

xiaozhi

19.JS 中有趣的事实

原文：https://dev.to/shafikshaon/interesting-facts-in-javascript-22nk译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！使用 JS 有很多有趣的地方。尽管工程师们每天都在与之打交道，但仍有一些语言没有被开发出来。本广将介绍一些你可能想不到的JS特性。NaN 是一个

前端

2019-09-04  2647 人浏览