hyomei-CSDN博客

原创 Tailwind 真香

一、导入在进入 Tailwindcss 主题之前，我们先来聊聊 css 的发展历程，这将有利于理解 tailwind 存在的意义。CSS 经历了三个阶段：原生阶段：需要什么就写什么。组件化阶段：将相同视觉的UI封装成一个组件，像Bootstrap、Element UI、Antd 都是采用这个做法，比如你需要一个按钮，要多次使用并且样式一致，就可以封装成一个按钮类，之后使用就直接用这个类名就ok了。原子化阶段：其实也是组件化的一种，只不过每个组件都是单一功能的 css 属性。举个例子

2021-07-29 23:51:24 6821 2

原创小白入门react

第一章入门1.1 简介是什么？构建用户界面的Javascript库，将数据渲染成html视图的开源js库谁开发的？Facebook的 Jordan Walke开发，开源为什么要学？原生JS操作DOM繁琐、效率低（DOM-API操作UI）使用JS操作DOM，浏览器会进行大量的重绘重排原生JS没有组件化编码方案，代码复用率低。直白来说，模块化是拆解js代码，组件化不仅仅拆解js，还包括html/css/图片等React的特点采用组件化模式，声明式

2021-07-19 23:16:04 265 2

原创蚂蚁集团前端开发

蚂蚁集团前端开发 2021年05月17日当时还没开始准备面试，就是抱着体验一下面试的流程，果不其然，被面试官一顿“吊打"，问了很多的源码和底层原理，基本都答不上来，有了这次体验之后，让我发现自己的知识结构特别松散，然后便开始制定计划，把之前学过的知识形成一个体系。以下是一面技术面的部分面试题，部分答案是从网上搜索整理出来的。1. jQuery框架源码2. Bootstrap如何实现响应式布局是利用其栅格系统，对不同的屏幕采用不同的类属性，在开发中可以只写一套代码在手机平板PC端都能用，而不用考虑

2021-06-25 15:59:29 695

原创 TCL实业前端开发

TCL实业超A前端实习生 2021年06月21日一面自我介绍问项目，有没有上线对vue有了解吗？对jQuery源码的了解$()这个函数是怎么样的，为什么可以选到节点？内部做了什么样的处理jQuery现在很少使用了，面临淘汰的原因，说一下优缺点，频繁操作DOM元素有什么后果？有哪些项目是前后端分离，怎么实现前后端分离，脚手架的搭建前端调用API出现跨域问题怎么解决前端项目是静态代码，有没有通过工程化打包，比如代码压缩怎么把ES6转换成ES5对

2021-06-25 15:38:34 409

原创迈瑞医疗前端开发

迈瑞医疗一面 2021年06月15日（一面挂）自我介绍实现垂直居中的方式用flex布局，设置 align-items:center;绝对定位设置 bottom:0;top:0;,margin:auto绝对定位固定高度时设置 top:50%;margin-top:-50%将显示方式设置为表格， display:table-cell,同时设置vertical-align:middle如果是单行文本，则line-height:height选择器权重以及计算方式!import

2021-06-25 15:19:51 1062 11

原创解决webpack5热替换无响应

前言最近在学习使用webpack5去构建项目，学习的教程中用的是webpack4版本，在配置热替换的时候，发现devServer跑项目，无论怎么更新代码，页面都没有任何反应。原因打开调试工具，页面情况如下图，用于热替换的websocket并没有被创建。解决方法在webpack.config.js文件中配置 target:‘web’，然后重启webpack，在终端中运行 webpack serve指令开启devserver，修改css文件，打开调试工具查看，热替换响应成功！开发环境配

2021-04-05 13:00:58 820

原创 Array的操作方法之splice()

前言今天在leetcode上做了一道合并两个有序数组的题目，用了splice()这个方法，于是打算做小笔记加深印象。一、splice()的作用及使用具有删除、插入。替换三个作用，该方法返回的是一个数组（包含从原数组中删除的项（若没有删除项则返回一个空数组））语法：splice(index,howmany,item1,…itemx);index——必须，整数，规定添加或者删除的位置，使用负数，从数组尾部规定位置。howmany——必须，要删除的数量，如果为0，则不删除项目。item1,…i

2021-03-29 20:55:25 18336

原创 JavaScript面向对象

一、两大编程思想1. 面向过程POP（Process-Oriented programming）:分析出解决问题所需要的步骤，然后用函数把这些步骤一步步实现，使用的时候再一个个依次调用就可以了。举个栗子：把大象放进冰箱面向过程是按照我们分析好的步骤，按照步骤解决问题的2. 面向对象OOP(Object-Oriented programming)：把事务分解成一个个对象，，然后由对象之间分工与合作。举个栗子：将大象放进冰箱首先要找出对象，其次分析对象功能大象对象进去冰箱对象打开关

2021-03-21 13:17:13 75

原创闭包案例

前言闭包是一个有权访问另一个函数作用域内变量的函数闭包的作用：延伸变量的作用范围一、利用闭包点击 li 输出当前 li 的索引号以及实现3秒后打印li元素的内容<body> <ul> <li>西瓜</li> <li>草莓</li> <li>芒果</li> <li>香蕉</li> </ul> <script>

2021-03-20 15:27:43 223

原创常见的块级元素、行内元素、行内块元素

一、块级元素 block1. 特点：自动换行独占一行可设置宽高默认宽度为父元素的宽度2.常见块级元素div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre，HTML5新增的header、section、aside、footer等 <center>...</center> 地址文字 <h1>...</h1> 标题一级 <h2>..

2021-03-16 13:04:46 8985

原创学数据结构之前必备的知识（一）—— 指针

文章目录前言一、指针的重要性？二、指针是什么？1.定义2.基本指针类型三、指针怎么用？1.如何通过被调函数改主函数普通变量的值2.指针和数组3. 指针变量的运算总结前言想必学软件的同学们都知道，数据结构在软件中的重要地位吧，可以说是软件的核心课程，在开始学习数据结构之前，有一些准备工作是必须要的，第一是指针，第二个是结构体，第三个是malloc()动态分配内存。本篇文章先介绍指针相关内容。一、指针的重要性？指针重要性大致概括为以下几点：能用来表示一些复杂的数据结构；指针能够快速地传递数据

2021-03-14 15:52:25 3101

原创 BOM(一)

文章目录1.概述2.window 对象常见事件2.1 窗口加载事件2.2 调整窗口大小事件3.定时器（开发中常用）3.1 setTimeout()定时器3.2 setInterval()定时器3.3 停止定时器3.4 下面举一个倒计时的小案例1.概述BOM（Browser Object Model）即浏览器对象模型，它提供了独立内容而与浏览器窗口进行交互的对象。BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性,其核心对象是windoow。BOM缺乏标准，JavaScript语法标准

2021-03-12 21:00:43 675 2

原创锚点链接

什么是锚点呢？其实，在HTML中的链接，正确的说法应该称作"锚点"。锚点的作用简单来说就是定位，点击锚点，不仅能让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具。再通俗一点，它就像书籍里的目录页码或者章节，在需要到指定页面的特定内容时，锚点是最好的方法。锚点的分类1、不跨页锚点加入"id"属性:<a id = "one">第一章</a>使用"#id属性值"进行跳转:<a href = "#one">跳转到第一章</a

2021-03-11 22:52:20 4803 1

原创 JavaScript之数组

文章目录一、数组是什么？二、数组的特点三、数组的创建1.利用new创建2.利用数组字面量创建四、访问（获取）数组五、遍历数组六、新增数组元素1.通过修改length来扩容数组2.通过修改索引号来追加数组元素七、JavaScript数组的一些案例练习1.求数组总和、平均值2.求数组最大值3.将数组转换成字符串4.筛选数组元素5.删除指定数组元素6.翻转数组7.==数组排序--冒泡排序==一、数组是什么？数组Array:是值的有序集合，每个值叫元素，而每个元素在数组中有一个位置，以数字表示，称为索引（有

2021-02-26 12:11:18 493

weixin_46536890的博客