-
前端周刊:2022-8 期 前端开发 为什么视频网站的视频链接地址是 blob? 很详细的讲解了如何实现视频流式传输,还能防盗链 实时 html5 的 mp3 播放。再次体验数据格式 arraybuf
-
背景 如今的前端是一个涉猎领域很广的职业。作为一名前端,我们不仅要开发管理系统、数据中台、还要应对年报开发、节日活动等场景。不仅要会增删改查,编写表单,还要具备开发动画、H5 游戏等能力。能做出很 C
-
常用事件 onload <script> window.onload = function () { ele = document.getElementById("i"
2022年05月17日 22:105
-
在 CSS 选择器家族中,新增这样一类比较新的选择器 -- 逻辑选择器,目前共有 4 名成员: :is :where :not :has 本文将带领大家了解、深入它们。做到学以致用,写出更现代化的选择
2022年05月17日 16:590
-
本文对 CSS 中有关大小的四种自适应选项值进行了解释与区别,它们分别是 fit-content, min-content, max-content, fill-available。相对而言,本文较为
2022年05月17日 05:416
-
大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~
-
《声生不息》 是芒果TV、香港电视广播有限公司和湖南卫视联合推出的港乐竞唱献礼节目,听着音乐仿佛回到了那个令人怀念的港风席卷整个亚洲的年代。该节目 Logo 采用经典红蓝配色,无限符号 ∞ 造型,满满
2022年05月12日 17:3936
-
翻译自 Tim Sneath 2022年5月12日的文章 《Introducing Flutter 3》 作者 : Tim Sneath 翻译 : 沙漠尽头的狼(谷歌翻译加持) 链接 : Introd
2022年05月12日 16:392
-
CSS CSS就是Cascading Style Sheet的缩写,中文译作“层叠样式表”或者是“级联样式表”,是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言,CSS不需要编译,可
-
在 CSS 中,其实存在各种各样的函数。具体分为: Transform functions Math functions Filter functions Color functions Image
-
DNS 解析:将域名解析成 IP 地址 TCP 连接:TCP 三次握手 发送 HTTP 请求 服务器处理请求并返回 HTTP 报文 浏览器解析渲染页面 断开连接:TCP 四次挥手 一、什么是URL?
2022年05月10日 15:390
-
8 个你应该立即停止使用的无效 HTML 元素 HTML 规范的开发是一个渐进的过程,有时会出现问题。随着时间的推移,许多元素和属性被添加到 HTML 中,直到后来 Web 社区集体意识到有更好的方法
-
大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~
-
前端周刊:2022-6 期 前端开发 videojs-plugin-marker--videojs 进度条打点插件 基于 videojs-marker-plugin 项目二次开发,支持 marker
-
FFmpeg 是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。它提供了录制、转换以及流化音视频的完整解决方案。 官方下载网站 http://www.ffmpeg.o
2022年05月06日 22:5115
-
大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~
-
某日,群里有这样一个问题,如何实现这样的表盘刻度: 这其实是个挺有意思的问题,方法也有很多。 单标签,使用 conic-gradient 实现表盘刻度 最简单便捷的方式,就是利用角向渐变的方式 con
2022年05月04日 17:100
-
各位前端朋友们,大家好!五一假期即将结束,在开启加班模式之前,我要给大家分享一个超酷超逼真的HTML5 Canvas烟花模拟动画。这次升级版的烟花动画有以下几个特点: 烟花绽放时,将展现不同的色彩,不
-
##Bootstrap导航栏样式不生效的原因 今天在看bootstrap教程,想要将代码复制粘贴到编译器中运行,可是无法将效果正常显示 ####情况如下: ####代码如下: <!DOCTYPE
2022年04月30日 00:3134
-
这是一个系列博客,最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件(包括:文档、表格、幻灯片……等等)。 博客园:《从零开始, 开发一个 W
-
大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~
-
大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~
-
前言 记录一下学习html,初识前端,记录一些html的常用标签,虽然简单,但会经常用到。 <h1> 标题标签</h1> 标题标签 <p>段落标签</p&gt
-
完美去除表格的“双线”的方法想必大家在做网页表格的时候一定遇到过这种情况吧表格出现了“双线”,但是我们需要一个“单线”的表格,以下是比较常用的解决方案:
解决方案1:
在表格的样式中添加border-collapse: collapse;以设置边框合并(如果border-coll ...
-
一 、通过云开发平台快速创建初始化应用 1.创建相关应用模版请参考链接: Hexo博客框架—轻量、一令部署 2.完成创建后就可以在github中查看到新增的Hexo仓库 二 、 本地编写《赛博朋克风格
2022年04月27日 20:302
-
为什么要使用Hexo Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。Hexo支持Github Fla
-
CSS 阴影的存在,让物体看上去更加有型立体。 然而,在最简单的阴影使用之上,我们可以实现更多有意思且更加立体的阴影效果。 本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。 C
2022年04月27日 17:043
-
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1. 对闭包的理解 闭包是指有权访问另一个函数作用域中变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,创建的函数可以访问
2022年04月27日 16:010
-
大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~
-
一.部署到阿里云服务器 既然博客也已经成功在本地部署,然后主题也成功安装,接下来就可以部署到服务器上面了,如果你也想要魔改matery主题,可以去各种博客上面找一找大佬的教程,或者联系我,也可以让你少
2022年04月27日 02:002
-
前言 本篇文章会从本地(Windows 10)搭建-主题更换-部署阿里云详细步骤,如果在搭建过程中,遇到问题,可以通过博客页脚下的QQ联系我,或者在下面评论留言 一.本地搭建 1.安装前置 1.1安装
2022年04月27日 00:501
-
flex是什么 根据规范中的描述可知道,Flexbox 模块提供了一个有效的布局方式,即使不知道视窗大小或者未知元素情况之下都可以智能的,灵活的调整和分配元素和空间两者之关的关系。简单的理解,就是可以
2022年04月26日 17:0174
-
想必大部分做顶部导航栏(position: fixed;)的都遇见过导航栏遮住链接链接对象部分内容这种情况吧,如下图所示,我的顶部导航栏的高度为9vh,video元素是“本店快递流程”(锚链接)跳转的
2022年04月26日 03:1910
-
一、使用writing-mode(推荐使用) writing-mode:翻译过来是“写字 — 模式”,文本在水平或垂直方向上如何排布 有以下几个属性值: horizontal-tb: 水平展示,也就是
2022年04月26日 01:409
-
今天,群友问了这样一个问题,如下所示的鼠标跟随交互效果,如何实现: 简单分析一下,这个交互效果主要有两个核心: 借助了 CSS 3D 的能力 元素的旋转需要和鼠标的移动相结合 本文,就将讲述如何使用纯
2022年04月26日 00:2229
-
大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~
-
Q644F/Q645F气动三通球阀是一种三通道的回转型球阀 用于介质分流、合流及流向切换,任何一个管道都可以作为入口或出口。气动三通球阀分有气动三通L型球阀和气动三通T型球阀两种,可以满足不同的生产工
2022年04月23日 07:014
-
大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~
-
1. 前言 站长以前介绍过这个开源项目,最近又有人在问,索性挂在Dotnet9网站上,方便大家在线浏览,先声明,模板来自下面的仓库: 仓库名: 大屏数据展示模板 作者:lvyeyou 开源协议:MIT
-
参考资料 https://www.zhangxinxu.com/wordpress/2017/12/understand-svg-fedisplacementmap-filter/ 该文章已经讲的特别
-
大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~
-
大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~
-
注释快捷键——ctrl+/ 标题标签H1-H6 H1-H6属性:align="left/center/right" 左 中 右 段落标签 <p></p> &
2022年04月19日 18:290
-
作者:安小轩 原文链接:https://juejin.cn/post/7086272341994536974 实现一个旋转的立方体,只需要用css的基本属性就可以实现。我们一起看看吧~ 一:trans
2022年04月17日 23:311
-
今天我们要分享另外一款基于HTML5 Canvas的液体流动样式Loading加载动画,这款Loading动画在加载时会呈现液体流动的动画效果,并且由于和背景颜色的对比,也略微呈现发光的动画效果。 效
-
在现代网页中,我们经常可以在一些文章、视频和图片页面上找到”Like”按钮,并且通过点击该按钮来表示自己对该内容的喜欢或者不喜欢。大部分”Like”按钮是纯文本按钮或者图片按钮,如果你想让它们具有特别
-
##背景 封楼期间难得空闲,也静不下心学习,空闲之余萌生了重做引导单页的想法。因为之前都是扒站(某大公司游戏官网)+小改,一来虽然很炫酷,但本人水平有限,仍有很大一部分JS无从下手,甚至是看不懂|-_
2022年04月17日 20:100
-
网页Cytus Ⅱ的制作 整体布局 单栏布局,整体按顺序分为以下几个板块: 页首下载、新闻表单、角色轮播图、视频、页尾以及侧边栏 要尽可能把自己的所有知识用上,所以可能会有和原网页写法不同,但基本样式
-
大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~
-
本文将介绍利用 CSS 实现滚动视差效果的一个小技巧,并且,利用这个技巧来制作一些有意思的交互特效。 关于使用 CSS 实现滚动视差效果,在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果,
2022年04月17日 20:101
-
今天给大家带来一个非常炫酷的CSS3加载Loading动画,它的特别之处在于,整个Loading动画呈现出了3D的视觉效果。这个Loading加载动画由12个3D圆柱体围成一个椭圆形,同时这12个圆柱
2022年04月17日 20:102
-
自从CSS3流行以来,基于纯CSS3的动画就层出不穷,有纯CSS3的人物动画、纯CSS3按钮动画等。这次,我们给大家分享一个很不错的CSS3卡通火车沿轨道行驶动画,一辆卡通样式的火车缓缓驰过,特别是火
2022年04月14日 22:111
-
为什么要使用Sapper Sapper是一个用于构建各种规模的Web应用程序的框架,具有出色的开发体验和灵活的基于文件系统的路由。 与单页应用程序不同,Sapper不会在SEO,渐进式增强或初始加载体
2022年04月14日 20:501
-
一,空间转换3D 3D坐标系:3D坐标系比2D多了一个Z轴 一定要记住3个坐标取值的正反: X轴往右越大,是正值,否则反之 Y轴往下越大,是正值,否则反之 Z轴(指向我们)越大,是正值,否则反之 3D
2022年04月14日 03:590
-
let 与 var 的区别在于作用域不一样。let被用来做块作用域,它比函数作用域要小一点。 如果他们两个都没有被定义在函数中也没有定义在块作用域中,那么他们就都属于全局作用域。 var 和 let
2022年04月13日 22:431
-
在早年间(其实也不是很早),写过几篇关于 CSS Reset 的文章 - reset.css 知多少。 详细描述了当时业界比较常用的,两个 CSS reset 方案:reset.css 与 Norma
2022年04月13日 16:405
-
做的项目中需要将后端提供的数据展示在前端页面,一开始我是用JS的setInterval()方法,设置一个时间,每过时间发起一次ajax请求。虽然也能凑活着实现,但总感觉数据不是实时刷新的,而且还占用资
-
1. 首先我们先准备一个盒子,让盒子的宽高等于零,分别给定四个方向的边框大小、实线、边框颜色;让边框来充当内容。 1 <!DOCTYPE html> 2 <html lang=&qu
2022年04月12日 04:0015
-
当我们给一个元素的一系列子元素设置display: inline-block; 时,会发现子元素之间存在间隙,如 <style> div { display: inline-block;
-
之前在公众号转发了好友 Vajoy 的一篇文章 -- 巧用 CSS 把图片马赛克风格化。 核心是利用了 CSS 中一个很有意思的属性 -- image-rendering,它可以用于设置图像缩放算法。