20小时

最新推荐文章于 2024-07-30 22:36:34 发布
最新推荐文章于 2024-07-30 22:36:34 发布
阅读量97 收藏
点赞数
分类专栏： 一万小时 Web开发 文章标签： javascript html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42989576/article/details/107803881
版权

今天的学习内容如下：

  • 看公司项目代码、完成任务
  • 学习CSS布局方法（浮动布局、flex布局、position布局，近期将会对此进行总结，先占坑）
  • 学习计算机操作系统第二章-进程管理
前端搬运工
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一次搞懂 CSS3 animation动画中forwards和both的区别
薛小科的博客
09-05 1万+
平时会用 animation 实现动画效果，之前一直没有留意 animation-fill-mode 中 forwards 和 both 动画的区别，今天自己动手实现了一下，终于搞懂了。 animation-fill-mode 属性可以接受 none | forwards | backwards | both 四个值中的一个，接下来分别简单介绍一下每个值的效果。 mode 效果 n...
一文讲透HTTP缓存之ETag
热门推荐
薛小科的博客
03-23 1万+
无论是前端、后端或者运维同学，在平时的开发工作中，都会和HTTP缓存打交道，大家或多或少都了解HTTP缓存中的ETag字段，它是资源的特定版本的标识符，可以让缓存更高效，并节省带宽。本文系统性的阐述了ETag的起源、生成原理及使用。看完本文后，对于不了解ETag的同学能够知道ETag的来龙去脉，并能马上上手使用；对于熟悉ETag的同学也能做到温故而知新。 ETag定义及起源 ETag（Entity-Tag，下文简称：ETag）是万维网协议HTTP的一部分，它是 HTTP 为Web 缓存验证提供的多种机..
vue style样式中scoped无效解决方案
薛小科的博客
08-15 1万+
如果你使用的是import方法导入样式后无效，解决方案如下： // 第一种（最快捷） 将 <style scoped> @import './index.css'; </style> 换成 <style src="./index.css" scoped></style> // 第二种，如果你使用的是webpack打包工具，在webpack.config.js里配置postcss-loader，这里需要安装autoprefixer，postcss-impor
new本质（原理），手写实现一个 new
薛小科的博客
02-22 7071
灵魂两问： new 的原理是什么？ 通过 new 的方式创建对象和通过字面量创建有什么区别？ 生成对象方式 let a = {age: 1}; console.log(a.age) // 1 function Bar() { this.age = 1; } let b = new Bar(); console.log(typeof a) // object console.log(...
v-bind与v-model的联系与区别
薛小科的博客
09-28 4157
最近在学Vue.js，以下是对v-bind和v-model的一些见解。 当我们需要给a标签添加链接的时候，之前学的方式是这样的： &lt;a href="http://www.baidu.com"&gt;网络测试&lt;/a&gt; 但是这样带来不好的结果就是href后面的地址是固定的，那我们能不能找一种办法来使href后面的链接动态改变呢？答案是有的，于是v-bind就出现了。我个人的理解是：...
JavaScript中数组的存储方式以及数组的本质
薛小科的博客
04-12 2410
最近在学数据结构，想了解一下 JavaScript 中数组的存储方式，觉得以下文章写的挺好，记录一下。 Javascript中的数组在内存中是如何保存的？ HashMap（哈希映射） ArrayBuffer（阮一峰老师） ...
CSS媒体查询看这篇就够了
薛小科的博客
02-25 2075
灵魂三问： 什么是媒体查询 为什么要媒体查询 媒体查询具体用法 1、什么是媒体查询 媒体查询就是可以根据浏览器的特性（窗口大小、横竖屏、屏幕比例等）为此设定不同的 CSS 样式。 2、为什么要媒体查询 我们在制作网页的时候，希望可以根据用户的屏幕特性而展现不同的网页内容，让用户体验更好。 3、媒体查询具体用法 早在 CSS2 开始就已经支持媒体查询了，只不过和 CSS3 不太一样。以下是 CS...
web前端布局方式总结
薛小科的博客
08-16 2048
本文主要介绍了前端布局方案的实现以及存在的问题，涉及到的布局方案包括： 流体布局 float布局 table布局 定位布局 flex布局 响应式布局 grid布局 前端布局从最开始的：Table布局 => DIV+CSS布局 => Flex布局 => Grid布局 经历了以上一系列变化，这些变化伴随着前端技术的发展和程序猿对布局方案便利性的追求，最终的结果就是让我们的网页设计变得越来越方便、快捷、高效，我们看到的网页也越来越多样化和人性化。互联网从诞生到至今也就二十年的时光，因此，让我
元素增加animation后，绝对定位居中失效解决办法
薛小科的博客
09-02 1905
以下是绝对定位的垂直居中代码，但是加上animation后发现元素居然不居中了。（这里实现的是 loading 动画，可以放到 run 上看看效果） .container{ width: 400px; height: 400px; background: #eee; position: relative; } .center{ background: blue; position:absolute; top: 50%; left: 50%; transform: tran
JavaScript 中的 hasOwnProperty() 方法
薛小科的博客
03-27 1873
hasOwnProperty(name) 方法会返回一个布尔值，判断对象自身属性中是否含有指定的属性（含有返回 true，反之返回 false），这里只检查自身而不去查找原型链上的属性（注：对 name 为 hasOwnProperty 时也不起作用）；而 in 运算符会去查找原型链。 // 用法：obj.hasOwnProperty('prop'); obj = new Object(); ob...
HTML 之 DocumentFragment
薛小科的博客
06-28 1840
DocumentFragment（文档片段）接口表示一个没有父级文件的最小文档对象。它被作为一个轻量版的 Document 使用，用于存储已排好版的或尚未打理好格式的 XML 片段。它和 Document 最大的区别是它不是真实 DOM 树的一部分，它的改变不会触发浏览器的重绘和重排（回流），不会导致性能问题。 使用方法：可以使用 document.createDocumentFragment 方...
算法之输入两个整数序列，第一个序列表示栈的压入顺序，请判断第二个序列是否可能为该栈的弹出顺序。
薛小科的博客
07-04 1658
输入两个整数序列，第一个序列表示栈的压入顺序，请判断第二个序列是否可能为该栈的弹出顺序。假设压入栈的所有数字均不相等。例如序列1,2,3,4,5是某栈的压入顺序，序列4,5,3,2,1是该压栈序列对应的一个弹出序列，但4,3,5,1,2就不可能是该压栈序列的弹出序列。（注意：这两个序列的长度是相等的） 思路 需要用到一个辅助栈来遍历压栈顺序，一个指数来记录弹出栈的位置，依次将数字压入栈，看压入的数...
JavaScript 中 trim() 方法原理及简单实现
薛小科的博客
03-07 1623
ES2019 对字符串实例新增了trimStart()和trimEnd()这两个方法。它们的行为与trim()一致，trimStart()消除字符串头部的空格，trimEnd()消除尾部的空格。它们返回的都是新字符串，不会修改原始字符串。 我们用函数的形式来实现以上方法： /** str:传入的字符串 direct:表示具体从哪边trim */ function trim(str, direct...
【前端性能优化实践】手把手教你实现webpack图片压缩插件
薛小科的博客
02-25 1621
手把手教你实现一个webpack图片压缩插件，提升页面加载速度
彻底搞懂负载均衡的原理及其常见方法
薛小科的博客
07-21 1460
负载均衡（百度百科）定义：负载均衡（Load Balance）建立在现有网络结构之上，它提供了一种廉价有效透明的方法扩展网络设备和服务器的带宽、增加吞吐量、加强网络数据处理能力、提高网络的灵活性和可用性。（一脸懵逼的进来又一脸懵逼的出去） 以下是我查阅相关内容后的总结和理解： 1. 负载均衡的由来 了解计算机网网络的同学（不了解也没关系）都知道我们客户端和服务端通信（发送请求和接收相应）的时候，服...
VUE3自定义指令防止重复点击多次提交
MadSnail00的博客
07-30 274
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
Vue3中的pinia的使用及组合写法与普通写法的区别
m0_62626838的博客
07-30 210
1、首先pinia可以自己后面按需安装，也可在项目创建时去勾选安装（这里我使用的是项目创建时自动安装的，吃了点亏，忘记这里是组合写法了）按照这个写法是不需要添加pinia核心（state、actions、getters），但需要return！store文件夹中的counter.ts （名字任起）在组件中直接使用即可，如下图。2、自定义安装pinia。3、在组件中使用，如下图。
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 877
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
【Vue3】自定义组件
最新发布
又言又语
07-30 431
本文介绍 Vue3 中如何自定义组件。页面组件：用于构建独立页面，通常存放在src/pages或src/views目录下。功能组件：将页面中一些独立的功能封装成独立组件，譬如：分页组件、日期时间组件等。功能组件通常存放在目录下。本文主要说明如何自定义功能组件。
用corn表达式写定时器每20小时执行
05-30
下面是一个Cron表达式，可以实现每20小时执行一次的定时任务： 0 0 */20 * * ? 解释一下每个字段的含义： - 第一个字段表示秒，取值范围为0-59。 - 第二个字段表示分钟，取值范围为0-59。 - 第三个字段表示小时，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值