众所周知,CSS动画具有超强的性能。虽然这是针对一些元素的简单动画的情况,但如果您没有在编写动画时考虑到性能并增加更多的复杂性,网站用户很快就会注意到并可能会...
本次分享,我们主要跟大伙聊聊在vue中事件处理函数的绑定方法。在JS中「事件」是不需要绑定的,浏览器自带了许多的事件,每个事件都可以去绑定「处理器(处理函数...
开办自己的企业会遇到许多需要时间来克服的障碍和障碍。纵观数字营销领域,在您的行业中树立品牌说起来容易做起来难。你必须与已经存在的公司竞争,同时将自己打造成一个独...
当我在1997年第一次开始使用Linux时,开源操作系统主要由计算机科学专业的学生、黑客和想要替代Windows操作系统的程序员使用。它很严肃,适合...
在视频方面,YouTube仍然是王者,尽管Facebook视频正在迎头赶上。但是,当用户在搜索某些内容时,他们仍然会求助于世界第二大搜索引擎——YouTu...
3月中旬,一些主要广告商离开了YouTube,因为他们的前置广告(付费视频在播放主要内容之前显示,5秒后可以跳过)被放置在具有攻击性内容的视频中。然而,在...
ChatGPT因其先进的编码、写作和聊天功能而成为头条新闻。聊天机器人已经证明自己拥有广泛的技能——从 修复错误 到通过MBA考试。即使...
今天给大家聊聊watch和watchEffect,如何应用以及它们的区别。我们都知道监听器的作用是在每次响应式状态发生变化时触发,在组合式API中,我们可以...
上节课,我们学习了关于ref()的基础介绍,今天小编继续分享关于ref()之响应式语法糖的主题。自从引入组合式API的概念以来,一个主要的未解决的问题就是...
今天我们来学习一个Vue基础知识点:关于ref()的一些了解。ref():定义响应式变量,它可以定义任意类型。1、使用前必需引入ref<script...
容器查询启用基于可用空间的元素样式。它们使我们能够构建可适应无限、未知布局安排的弹性组件。这与视口媒体查询形成对比,视口媒体查询需要在页面级别协调样式更改。容器...
作为“父选择器”的先驱,:has()伪类的范围远比仅仅为元素的祖先设置样式大得多。凭借其在Safari15.4+和Chromium105+中的可用性...
最近大家打开很多APP和网站,网站都变成灰色了,大家应该也知道,缅怀一代伟人江爷爷,他的思想精神永垂不朽!接下来如何做到的呢?之前我们分享过一篇文章:CSS应用...
语义HTML,也称为语义标记,指的是使用HTML标签来传达其中包含的内容的含义或语义。通过向您的页面添...
当然发生一切大事情的,一些大型门户网站变灰,为了纪念某个节日或者缅怀伟人等等。身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念...
谈到网页中的计量单位,我们会想到px、pt,em和rem。今天我们一起来分享下他们的一些基础知识。文本字体大小下表列出了在网页字体默认值为16px时,px...
CSS选择器允许您在HTML文档中按类型、属性或位置选择元素。本教程解释了三个新选项——:is()、:where()和:has()。选择器通常用于样式表...
今天来聊聊CSS的基础知识点:CSS伪类。CSS根据元素在文档子树中的位置匹配元素的选择器。这些被称为子索...
CSS变量(官方称为自定义属性)是用户定义的值,可以在整个代码库中设置一次并多次使用。它们使管理颜色、字体、大小和动画值变得更加容易,并确保Web应用程序...
谈到数字排列,我们经常会设计师排文案的时候,很漂亮,文字可以按照各种方向去设计。其实在前端开发的技术中,我们也可以这样去实现的。今天我们一起学下如何用代码去实现...
现在我们做的响应式布局的一般都会用到媒体查询工具,那么能不能不用呢?那我告诉您,可以的,不妨来一试吧。带有网格的响应式布局首先可能是我最喜欢的所有解决方案,因为...
众所周知,CSS动画具有超强的性能。虽然这是针对一些元素的简单动画的情况,但如果您没有在编写动画时考虑到性能并增加更多的复杂性,网站用户很快就会注意到并可能会...
今天我们分享内容:如何使用CSS3盒子阴影复制元素?其实这个问题不难,只要你掌握了CSS3的阴影功能,还是比较得心应手的,我们一起先看个DEMO。<!...
今天介绍一个CSS小应用,当我们全选页面后,设计师觉得默认的背景色不好看,需要我们去调整下,改变背景色以及文字颜色。可能这个文字说明,大家有点不明白,我们先看张...
今天我们分享一个IOS的bug,问题原因:在form表单输入框input里输入的时候,没反应,输入文字也没显示,的确很奇葩。当然在安卓里面是没问题的。我们先来看...
假设您在CSS中明确指定了图像的宽度。如果宽度以百分比或视口单位指定并且图像的高度设置为auto,则调整浏览器窗口的大小将保持图像的纵横比。但是,有时您的可...
你听说过一种叫做WebP的图像格式吗?WebP是Google开发的一种图像格式。文件扩展名为“.webp”。到目前为止,“JPEG”、“GIF”和“P...
在平时的项目中,经常会对元素进行CSS2D转换,从而达到预期的效果。举一个很简单的例子:一个向右的箭头,我们在项目中很多地方会用到,并且箭头的方向或者大小可能...
大家都知道,默认的网页滚动条太宽了,又不好看,所以有时候我们需要优化下他,比如变细点,颜色改下等等。在设置前,我们需要知道,修改滚动条样式,利用伪元素-webk...
之前,我们分享了关于“前端面试题:聊聊宏任务与微任务以及它们的区别”的文章,今天我们继续深入探讨宏任务和微任务机制。我们可以先看个简单的DEMO:// ...
JS分享:简单了解下call和apply的用法和区别。call、apply和bind的作用它们的作用都是相同的,都是动态的修改当前函数内部环境对象this的指向...
今天被人问到关于强制缓存和协商缓存的问题,其实我们在项目开发的时候也会遇到,也用到过。只是突然被问到这个问题的时候,脑子里突然有点空白,对于这些专业性技术名字,...
带你了解下JavaScript中的高阶函数。JavaScript中的高阶函数是指可以接受其他函数作为参数或者返回一个函数作为结果的函数。这种函数在函数式编程范式...
今天来分享下,如何用原生JS和Vue实现局部刷新。原生JS局部刷新使用XMLHttpRequest使用XMLHttpRequest对象进行异步请求://&nbs...
夜深了,运动完后,静下心来学习下知识。今天收藏一些数组遍历方法:forEach,map,filter,sort,reduce,every等等。供大家参...
当你去面试前端开发的时候,经常会被问到异步的问题,比如JavaScript中的Async/Await和Promise,并且还需要让你大概说说它们之间的区别。今天...
今天来聊聊JavaScript的基础知识:关于简单聊聊this关键字用法和应用。JavaScript的世界中,我们在调用一个对象的方法的时候,需要先指明这个对象...
数据基础知识:了解JSON数据格式。JSON语法JSON的全称是”JavaScriptObjectNotation”,意思是javascript对象表示法,...
HTTP状态码是指在HTTP协议中,服务器向客户端返回的状态码。它们由3位数字组成,分别表示不同的含义。以下是一些常见的HTTP状态码及其含义:...
今天学一个Vue小应用:通过实例聊聊如何实现动态路由。我们在项目开发的过程中,难免会使用路由,那么我们在开发多角色的时,由于每个角色的权限不同,因此访问到的页面...
Vue基础知识:分析下created和mounted的使用场景。生命周期概念通俗地讲,生命周期即Vue实例或组件从创建到被消灭的一系列过程,中间的各个节点被称为...
vue开发技巧:使用Promise封装Axios进行高效开发。当你做一个很大项目的时候,高效开发是非常重要的,会给你节约很多的开发成本,今天我们就来分享一个接口...
AntDesign:聊聊Vue组件slots的作用。<a-table :columns="columns">&n...
要想技术进步,踩坑是必经之路,今天一坑:页面params传值。vue页面params传值的坑a.vue向b.vue传值a.vue...
vue基础应用:关于el-checkbox全选、反选、多选的一些事。废话不多说直接上干货吧。全选handleCheckAllChange(val) {...
vuetab切换应用:使用动态组件实现TAB切换效果。手动创建tab切换效果我们先看下效果图。...
随着互联网的发展,前端技术越来越多,对于一些面试者来说也是头疼的事情,需要他们不端的扩大自己的知识库。今天我们来分享一个小知识:vue...
Vue.js(或Vue)和Ember.js(或Ember)是两个流行的JavaScript框架,在Web开发人员中获得了大量追随者。在这个Emb...
vue基础配置:vue-cli-service的参数配置过程。vue-cli-serviceserveUsage: vue-cli-service&...
vue3基础应用:聊聊vue3中ref()的基础应用。ref()接受一个值,返回一个响应式的,可以修改的ref对象,这个对象只有一个.vaule属性。ref对象...
vue3每日一学:分享页面跳转的方式。vue3的页面跳转有两种方式,第一种是标签内跳转,第二种是编程式路由导航。1、<router-link ...
setup语法糖之组件传参大概有三种:defineProps、defineEmits、defineExpose。接下来,我们一起来了解下吧。defineProp...
Vue3每日一学:依赖注入Provide/Inject。Provide/Inject通常,当我们需要从父组件向子组件传递数据时,我们使用 prop...
在我们开发vue项目的时候,有几个环境,这样经常会造成跨域问题,如何去解决呢?今天分享下关于vue2和vue3的处理方法。在vue2处理跨域...
今天我们讨论下中Vue3父子组件的传值:教你修改父组件传递到子组件中的值。1.大家都知道,vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数...
大家都知道vue3已经发布有一段时间了,大家需要赶紧学习啦,这个是趋向,今天我们分享一个简单的应用:vue3+elemen-plus:简单的表单验证功能(不使用...
今天我们继续分享下vue的基础知识:由浅入深了解组合式API的应用。在react推出了hook之后,vue也在vue3里面添加了组合式API,鉴于这个时间间隔,...
vue3小应用:如何正确使用el-upload组件去实现上传功能。我们先来看一下el-upload可以配置哪些属性和事件。属性...
今日分享下React知识点:了解ReactHooks闭包的应用和原理。ReactHooks是React16.8版本引入的一种新的特性,它允许我们...
react应用:react中路由跳转及传参的实现。我们今天一共分享几种方法,往下看吧。1.useNavigateuseNavigate 是React...
React每日一学:简单介绍使用antd-mobile+postcss搭建移动端项目。安装antd-mobile全局引入npm install&nbs...
React:如何使用RxJS去优化数据流。现在我们比较熟悉的是使用functionalcompone...
今天我们了解下react中定义变量并使用方式。ReactNative中的全局作用域是变量global.例如:asglobal.foo=foo,那么您可以...
React:了解下事件处理过程中传参的实现方法摘要首先我们知道,在React中,是通过小驼峰式给元素绑定事件: fn =&nbs...
React基础知识:聊聊React中的useState与useReducer。在正式讲useState,我们先热热身,了解下必备知识。...
聊聊React中setState是异步和同步。setState异步更新开发中当组件中的状态发生了变化,页面并不会重新渲染。我们必须要通过setState来告知R...
React强制实施状态不可变性,这意味着不能直接更改有状态值。这实际上可以释放,并帮助消除整个类bug。亚伦·鲍威尔(@斜杠)谈论不可变性、为什么很重...
分享一个React应用:React自定义视频全屏按钮且实现全屏功能。废话不多说,直接进入正题。绘制全屏按钮绘制全屏按钮,并绑定点击事件:...
最近打开谷歌浏览器,发现占用内存太多了,没开几个页面,就把电脑内存快占满了,卡死了,找了一些方案,可以供大家参考吧。chrome浏览器占用内存过高该怎么解决谷歌...
当我们用webpack打包完后,文件太大,这个时候需要再进行一次Gzip操作,那么如何去处理呢?这就是我们本篇文章分享的主题。项目打包结束后,在终端上会展示三列...
Node.js的第20版于2023年4月18日发布。它解决了Deno和Bun已经“解决”的一些问题和批评,包括新的权限模型和稳定的本机测试运行器...
ChatGPT是OpenAI于2022.11月发布的基于GPT-3.5自然语言生成模型开发的AI大型聊天机器人系统,可以用于各种自然语言生成任务。它具有以会...
在平时面试的时候,面试官经常会问到关于HTTP状态码的问题,您需要知道一些常用的,并且还要知道它代表什么状态,今天小编列举一些,供大家了解。我们经常会遇到404...
当我们网站做好后,没有数据也是头疼的事情,有时候想从外部注入一些数据。问题来了,如果想从外部插入数据进来的话,我们需要外部访问数据库,如果您没有设置访问数据的权...
当我在1997年第一次开始使用Linux时,开源操作系统主要由计算机科学专业的学生、黑客和想要替代Windows操作系统的程序员使用。它很严肃,适合...
已经2023年啦,我们需要回顾2022有哪些流行的几大前端框架。此列表来自于StateofJS的报告,该报告是对JavaScript社区开发人员的年度综合调...
了解下GrumpRating(暴躁等级):Google算法跟踪工具。一起往下看吧。AccuRanker的”grumprating”(暴躁等级)评级以突...
如果您是新网站所有者或最近推出网站的人,您的第一想法是-“如何为我的网站带来流量”。答案很简单。您的网站应该在世界上最受欢迎的搜索引擎Google上排名...
SEO优化:教你布局和设置网站首页关键词。网站首页布局确定3-5个目标关键词。当网站权重比较低的时候,可以先集中精力攻克竞争性弱的关键词。当我们决定要攻克某一个...
SEO优化:那些做群站的人,内容都是怎么解决的。传统模式里,我们都是怎么发网站内容的呢?一般来说我们会分成两个部分:1、发什么内容2、怎么发今天我们就来详细剖析...
SEO优化:如何进行内容与结构优化。内容与结构的优化,在站内优化中占很大的比例,一般包括首页、栏目页内页和各种聚合页面的优化,分为以下四个方面:中间商品展示栏...
搜索引擎优化在结果方面可能是变化无常的——无论是在什么有效、你能以多快的速度期望结果以及下一次算法更新之前的时间方面。对于我们执行的所有重要且通常紧迫的优化,可...
如果您只在一个或一小部分行业工作,那么您很可能已经磨练了您的SEO技能,以提高效率并提供高质量的解决方案。唯一的问题是它正是预期的结果。这种期望与现实之间的...
早在2017年,日本的IT巨头Rakuten就与Google合作,使用Recipe模式标记增强其Rakut...
当我们做移动搜索优化的时候,需要有什么准备呢?今天就给大家简单介绍下。域名选择域名的选择跟PC网站性质差不多,选择一个适合的域名等于是给用户的第一印象。好的域名...
在过去的二十年中,搜索领域发生了显着变化。搜索结果变得更加动态和个性化,这使得在GoogleSERP房地产中出现比以往任何时候都更具挑战性。最初的十个蓝色...
建立多语言和/或多国家网络存在以将您的业务范围扩大到更广泛的国际受众需要深入了解您的目标市场以及国际SEO知识以在您的站点中正确反映您想要的目标网络结构,技...