深圳幻海软件技术有限公司

@目录1、vue核心基础1.1、安装1.2、HelloVue1.3、模板语法1.4、数据绑定1.5、el与data的两种写法1.6、理解MVVM模型1.7、Object.defineProperty方法1.8、数据代理1.9、事件处理2.0、事件修饰符2.1、键盘事件2.2、计算属性2.3、监视属性

对Chrome扩展功能熟悉的小伙伴，可能都有用过Chrome的3D展示页面层级关系这个功能。可以通过控制台-->右边的三个小点-->MoreTools-->Layers打开。即可以看到页面的一个3D层级关系，像是这样：这个功能有几个不错的作用：页面层级概览快速厘清页面z-index

前言：学了三天，我们学习了TS的基本类型声明，TS的编译，webpack打包，其实也就差不多了，剩下的也就一些类，继承，构造函数，抽象类，泛型一些的，如果都细致的讲可能写好久，感兴趣的可以自己找资料细致的去学一下学习代码或一个新语法，最好的方法无非就是做项目，从这个过程中学会如何去使用，怎么去写废话

本篇文章将为我们的组件库添加一个新成员:Input组件。其中Input组件要实现的功能有:基础用法禁用状态尺寸大小输入长度可清空密码框带Icon的输入框文本域自适应文本高度的文本域复合型输入框每个功能的实现代码都做了精简,方便大家快速定位到核心逻辑,接下来就开始对这些功能进行一一的实现。基础用法首先

1.1模块与组件、模块化与组件化1.1.1模块理解：向外提供特定功能的js程序，一般就是一个js文件为什么：js文件很多很复杂作用：复用js，简化js的编写，提高js运行效率1.1.2组件理解：用来实现局部(特定)功能效果的代码集合(html/css/js/image.....)为什么：一个界面的功

第二期·使用Vue3.1+TypeScript+Router+Tailwind.css仿itch.io平台主页。我的主题HapiGames是仿itch.io的indiegamehostingmarketplace。效果图代码仓库alicepolice/Vueat06(github.com)风格指南当

这个系列的目的是通过使用JS实现“乞丐版”的React，让读者了解React的基本工作原理，体会React带来的构建应用的优势1HTML构建静态页面#使用HTML和CSS，我们很容易可以构建出上图中的页面<!DOCTYPEhtml><htmllang="en"><hea

收到一个很有意思的提问，如何实现类似如下的背景效果图：嗯？核心主体是由多个六边形网格叠加形成。那么我们该如何实现它呢？使用纯CSS能够实现吗？当然可以，下面我们就将尝试如何使用CSS去实现这样一个背景效果。如何绘制六边形？首先，看到这样一个图形，如果想要使用一个标签完成整个背景，最先想到的肯定是使用

​译者|赵青窕审校|孙淑娟创建二维码生成器(QuickResponseCodeGenerator)就是将图像格式转换为文本格式进行转换。二维码(QRcode)是利用图像数据来代表文本信息，它有很多应用场景，如餐厅菜单，音乐会门票，在线日历邀请、支付等场景。在本教程中，你将学习如何使用JavaScri

对Chrome扩展功能熟悉的小伙伴，可能都有用过Chrome的3D展示页面层级关系这个功能。可以通过 控制台-->右边的三个小点-->MoreTools-->Layers 打开。即可以看到页面的一个3D层级关系，像是这样：这个功能有几个不错的作用：页面层级概览。

在 WeGame[1] 的PC端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中2个比较有意思的转场动画，大家感受感受。转场动画1：转场动画2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚动触发的。我猜测是使用了类似 TweenMaxJS[2]&n

前端社群常见的宗教战争文：TailwindCSS根本邪魔歪道，Class根本不是这样用的，看了真他妈一肚子火——硬派本格CSS/SCSS支持者。会有这样的言论，也许是你日常的工作流程中，不适合用这样的框架，又或许是你没有客观的理解过TailwindCSS的优点所以体会不到它的魅力。先说结论：如果你是

大家好，我是前端西瓜哥。今天来学习BFC。BFC，为BlockFormattingContext的缩写，中文翻译为块格式上下文。BFC是Web页面CSS渲染的一个机制，是块级盒子布局中产生的区域。你可以将一个BFC可以理解为一个容器，里面的元素不会影响到容器外的布局。怎样的元素属于BFC?根元素，也

前言一篇文章的时间，让我们回到画页面的那个夏天，彻底搞懂前端页面布局。本文期待整合布局知识网络。整合最佳实现并整理样式片段(以less为例)，拿走即用。高频面试题梳理回答。知识网络常见布局对于CSS的布局，在应用层面，分为三类，居中布局、多列布局、全屏布局;居中分为垂直、水平和平面。多列分为两列、三

今天来分享一下ReactHooks基础入门知识，内容较多，建议先收藏再学习!ReactHooks诞生之前Hook是React16.8的新增特性，它可以让我们「在不编写class的情况下使用state以及其他的React特性」(比如生命周期)。ReactHooks的出现是对「类组件」和「函数组件」这两

最近S11LPL春季赛开赛，在看比赛的过程中，我发现新赛季的Ban/Pick选人阶段，出现了一种新的，有意思的遮罩效果，如下图所示：当然，它是一个动态的效果，当选人的过程中，会有一种呼吸的效果：Gif图有点糊，总的而言，就是一种接近迷雾的遮罩效果。并且，他是能够动态变化的。本文将探究，在CSS中，我

组件允许你将UI拆分为独立可复用的代码片段，并对每个片段进行独立构思。从概念上类似于JavaScript函数。它接受任意的入参(即“props”)，并返回用于描述页面展示内容的React元素。分为函数组件与class类组件。学习组件之前，可以先安装一个VSCode插件，直接搜索react,选择下载量

React在过去几年变得越来越受欢迎。随之而来的是越来越多的库的发布，给我们带来了新的可能性，但最重要的是让开发这工作变得越来越简单。在本文中，介绍5个React库，希望能给你带来一些帮助。1.react-portal我认为React中的Portals(传送门)对大多数人来说都很熟悉，即使它们很少被

vue作为目前前端三大框架之一，对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握vue呢?为此，我做了简单的知识体系体系总结，不足之处请各位大佬多多包涵和指正，如果喜欢的可以点个小赞!本文主要讲述一些vue开发中的实用技巧。监听组件的生命周期比如有父组件Parent和子组件Child，如果父

如果你恰好是一名前端工程师，且对Flutter抱有兴趣，那么真的是太好了，这篇文章完全就是为你准备的。写惯了HTML、CSS与JavaScript,要不要来是试试Dart?如果你不熟悉Flutter但仍对其感兴趣，可以先看看「让我们在2019年重新认识Flutter」一文了解些Flutter基础。在