CSS变量(官方称为自定义属性)是用户定义的值,可以在整个代码库中设置一次并多次使用。它们使管理颜色、字体、大小和动画值变得更加容易,并确保Web应用程序...
最近大家打开很多APP和网站,网站都变成灰色了,大家应该也知道,缅怀一代伟人江爷爷,他的思想精神永垂不朽!接下来如何做到的呢?之前我们分享过一篇文章:CSS应用...
语义HTML,也称为语义标记,指的是使用HTML标签来传达其中包含的内容的含义或语义。通过向您的页面添...
当然发生一切大事情的,一些大型门户网站变灰,为了纪念某个节日或者缅怀伟人等等。身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念...
谈到网页中的计量单位,我们会想到px、pt,em和rem。今天我们一起来分享下他们的一些基础知识。文本字体大小下表列出了在网页字体默认值为16px时,px...
CSS选择器允许您在HTML文档中按类型、属性或位置选择元素。本教程解释了三个新选项——:is()、:where()和:has()。选择器通常用于样式表...
今天来聊聊CSS的基础知识点:CSS伪类。CSS根据元素在文档子树中的位置匹配元素的选择器。这些被称为子索...
CSS变量(官方称为自定义属性)是用户定义的值,可以在整个代码库中设置一次并多次使用。它们使管理颜色、字体、大小和动画值变得更加容易,并确保Web应用程序...
谈到数字排列,我们经常会设计师排文案的时候,很漂亮,文字可以按照各种方向去设计。其实在前端开发的技术中,我们也可以这样去实现的。今天我们一起学下如何用代码去实现...
今天来分享一个基础的HTML&CSS小应用:如何去掉input输入框线条以及改变placeholder颜色。去掉input输入框线条先看效果图:...
之前关于PostCSS的文章侧重于通过扩展选择器和媒体查询来改进样式表的结构。这个将专注于从即将到来的规范中实现新的属性和值。本文中介绍的插件实现了不同的功能,...
今天我们分享内容:如何使用CSS3盒子阴影复制元素?其实这个问题不难,只要你掌握了CSS3的阴影功能,还是比较得心应手的,我们一起先看个DEMO。<!...
今天介绍一个CSS小应用,当我们全选页面后,设计师觉得默认的背景色不好看,需要我们去调整下,改变背景色以及文字颜色。可能这个文字说明,大家有点不明白,我们先看张...
今天我们分享一个IOS的bug,问题原因:在form表单输入框input里输入的时候,没反应,输入文字也没显示,的确很奇葩。当然在安卓里面是没问题的。我们先来看...
假设您在CSS中明确指定了图像的宽度。如果宽度以百分比或视口单位指定并且图像的高度设置为auto,则调整浏览器窗口的大小将保持图像的纵横比。但是,有时您的可...
你听说过一种叫做WebP的图像格式吗?WebP是Google开发的一种图像格式。文件扩展名为“.webp”。到目前为止,“JPEG”、“GIF”和“P...
在平时的项目中,经常会对元素进行CSS2D转换,从而达到预期的效果。举一个很简单的例子:一个向右的箭头,我们在项目中很多地方会用到,并且箭头的方向或者大小可能...
大家都知道,默认的网页滚动条太宽了,又不好看,所以有时候我们需要优化下他,比如变细点,颜色改下等等。在设置前,我们需要知道,修改滚动条样式,利用伪元素-webk...
今天我们分享一个小应用:用纯CSS打造的文本打字特效。不需要JS去控制,通过CSS3动画去控制,实现跟我们敲代码那样的酷炫效果,废话不多说,走起吧。打字机效果的...
SVG是与分辨率无关的图形。这意味着它在任何类型的屏幕上看起来都不错,而不会损失任何质量。除此之外,您还可以通过一些动画效果使SVG栩栩如生。在我们之前...
关于图片上显示文字的方式,相信大家已经比较是熟悉了,有时候我们需要一些特殊的效果去提升用户体验。今天给大家分享一篇关于“图片上的文字特效”的文章。走起吧!!!!...
面试的时候,经常会被问到深拷贝和浅拷贝的问题,所以今天小编来分享下关于深拷贝和浅拷贝的理解以及它们之间的区别。我们继续往下看吧。深浅拷贝是什么?首先我们要明白一...
JavaScript:使用escape()、encodeURI()和decodeURI()实现URI编码。一、URI编码解码...
今天聊聊Node.js之参数max-old-space-size。Oldspace是V8托管(也称为垃圾收集)堆(即JavaScript对象所在的位置...
JavaScrip每日一学:了解下PaymentRequestAPI。PaymentRequestAPI提供了一个跨浏览器标准,允许您从客户那里收集付款...
JavaScript应用:简单聊聊Promise与async/await。promise与async和await有什么用都是为了解决异步回调产生的。Promis...
今天在写一个项目的时候,突然发现一个奇怪的问题,在调试器里console提示:SyntaxError:missingvariablename。我也查了下资...
JavaScript:数据类型检测实现方法。一、typeof优点:能快速判断基本数据类型,除了Null;缺点:不能判别Object、Array...
在这个关于JavaScript正则表达式匹配的简短教程中,您将学习如何使用方法测试字符串是否与正则表达式匹配test()。字符串是可以包含各种数据的文本当...
在本文中,我们将稍微解释一下什么是函数式编程,然后通过五种方法让您的JavaScript在风格上更具函数性。...
当你是一位Vue开发新手的时候,刚开始做练习项目的时候,经常会遇到各种各样的小问题。比如今天就分享一个小BUG,以及如何解决的方案。先看下报错信息:下午4:50...
vue应用:vue2中seo时使用vue-meta-info的方法。安装vue-meta-infonpm i -S vue-met...
Vue每日一学:我们了解下Vue-router中hash模式和history模式的区别。...
vuejs应用:如何去防范XSS攻击。1.对于从接口请求的数据尽量使用{{}}加载,而不是V-HTML。vue中的大括号会把数据解释为普通文本。通常如果要解释成...
单页应用程序有时会因为初始加载缓慢而出现一些问题。这是因为传统上,服务器会向客户端发送大量JavaScript,必须在屏幕上显示任何内容之前下载和解析这些J...
在日常开发过程中,建议童鞋们收藏一些开发的小技巧,这样便于我们在开发项目的时候能够用到,可以节约时间成本。今天小编给大家分享一些平时收藏的...
Vue:如何在项目中引入ECharts。安装使用如下命令通过npm安装EChartsnpm install echarts ...
Vue应用:了解addEventListener()监听事件。语法element.addEventListener(event, function,...
vue2应用:中如何自定义组件的v-model。工作中经常会涉及到父子组件数据更新和页面相应数据样式改变的问题。通俗点来说,就是涉及到公共组件的可以抽离出来作为...
vue应用:过滤、模糊查询及计算属性。什么是计算属性概念计算属性是vue里面为了简化在模板语法中对响应式属性做计算而存在的什么时候应该使用计算属性根据现有响应式...
suspense在等待异步组件时额外渲染一些内容,使用户拥有更好的体验。官网中有提到他是属于实验性功能:<Suspense> 是一项实验性...
Vue3每日一学:通过作用域插槽实现树形菜单嵌套组件。工作中需要一种树形菜单组件,经过两天的构思最终通过作用域插槽实现:此组件将每个节点(插槽名为node)...
vue3小应用:了解下reactivity实现原理。第一部分:简单版reactivity响应式主要是为了实现如下效果//设置响应式对象const ...
vue3小技巧:分享获取当前路由地址方法。很多程序员不知道vue3如何获取当前路由地址,本文详细讲解了vue3获取当前路由地址的方法,下面我们一起看看吧。...
vue3:简单介绍使用elementui的方法应用。element-ui支持vue2版本,当用vue3安装element-ui的时候会报错,这就需要安装ele...
Vue3小应用:利用子组件修改父组件传过来的props数据。最近新项目用vue3搭建的,准备开始使用vue3的语法,从这篇开始记录下vue3遇到的一些问题和一些...
React:了解下事件处理过程中传参的实现方法摘要首先我们知道,在React中,是通过小驼峰式给元素绑定事件: fn =&nbs...
React基础知识:聊聊React中的useState与useReducer。在正式讲useState,我们先热热身,了解下必备知识。...
聊聊React中setState是异步和同步。setState异步更新开发中当组件中的状态发生了变化,页面并不会重新渲染。我们必须要通过setState来告知R...
React强制实施状态不可变性,这意味着不能直接更改有状态值。这实际上可以释放,并帮助消除整个类bug。亚伦·鲍威尔(@斜杠)谈论不可变性、为什么很重...
分享一个React应用:React自定义视频全屏按钮且实现全屏功能。废话不多说,直接进入正题。绘制全屏按钮绘制全屏按钮,并绑定点击事件:...
今天我们聊聊一个React基础知识:约束性组件(controlledcomponent)与非约束性组件(uncontrolled compon...
redux是用于数据状态管理,而react是一个视图层面的库。如果将两者连接在一起,可以使用官方推荐react-redux库,其具有高效且灵活的特性。react...
今天分享React的应用:介绍获取数据的一些方法。我们熟悉的有三种方法:使用生命周期方法请求数据,使用Hooks获取数据以及使用suspense获取数据...
React每日一学:在React中,父组件如何调用子组件。这个方法,在平时的项目中,这个经常会用到。今天我们一起来了解下!...
React应用:封装CustomSelect组件思路。需要封装一个通过Popover弹出框里可以自定义渲染内容的组件,渲染内容暂时有:单选框,复选框。在封装...
已经2023年啦,我们需要回顾2022有哪些流行的几大前端框架。此列表来自于StateofJS的报告,该报告是对JavaScript社区开发人员的年度综合调...
了解下GrumpRating(暴躁等级):Google算法跟踪工具。一起往下看吧。AccuRanker的”grumprating”(暴躁等级)评级以突...
现在是详细讨论UniversalAnalytics的时候了。自从它于4月2日发布测试版以来——具有经典GoogleAnalytics中的一大...
对于Web,几乎每个现代浏览器都支持本地查看PDF文档。但是,该原生组件不在开发人员的控制范围内。想象一下,由于您的Web应用程序中的某些业务规则,您...
我拥有的第一台计算机配备了128KiB的RAM,直到今天我仍然对应用程序可能会耗尽内存的想法感到震惊,因为即使是15岁的机器也经常配备4GiB...
UTM跟踪代码是重定向到您的网站或目标着陆页的唯一URL。它可以帮助您确定哪些特定广告或链接被点击或转化最多。如果没有UTM跟踪,您的分析将仅跟踪您的点...
上篇文章,我们分享了GoogleAnalytics发给我们的提示信息,提示我们要提前准备向已设置Analytics的网...
最近收到了GoogleAnalytics发来的邮件,通知我需要提前准备好更换GA的统计代码,因为...
语音搜索时代的到来,需要每一位SEO人员借助一系列工具和用户互动网站深入研究您的目标受众,观察语音搜索的演变,并继续在网站上进行...
seo优化基础:SEO常用搜索引擎指令有那些?ite指令:查询某个特定网站的收录情况:如果结果有返回数据,则表明该网站已被收录,如果返回数据为空,则该网站未被收...
SEO优化基础:网页图片的SEO优化有哪些要点。多SEOer都认为网站优化就是单纯依靠内容优化,但其实一个优秀的网站,网站中的每一个元素都是有优化的必要性的,如...
选择一个好域名,需要根据你网站内容去定义,这样会更利于您网站的SEO优化,那么如何去评定呢?我们简单来分析下。如果要优化的关键词带有英文,则域名中要包含关键词。...
您是否曾用Google搜索一个网站,却发现第一个搜索框下方嵌入了第二个Google搜索框?这是最近更新的Google功能,站点链接搜索框。它有能力简...
seo优化:数据分析与优化管理平台。seo这个词逐渐进入我们的视野。经过多年的发展和行业的发展,出现了许多优...
前段时间一直在讨论Seo优化,今天我们继续来讨论一个话题:GoogleSEO优化。Google最近表示,将在未来几周内推出新的搜寻引擎演算法更新。此次更新的...
什么是微内容? 微内容是我们都知道并在日常基础上使用的东西,即使我们没有意识到它。如果文本、图像或视频可以在10-30秒内被消费,则通常被认为是微...
当您的公司开始考虑将您的品牌扩展到海外时,您需要考虑如何构建您的一个或多个网站,以最大限度地提高您在海外的在线影响力。构建新的多语言或多国家/地区网站时最重要的...