css中的边框图片
1. 什么是边框图片 为了实现丰富多彩的边框效果，在css3中，新增了 border-image属性，这个新增属性允许指定一副图像作为元素的边框。 2. 边框图片的使用场景 盒子大小不一，但是边框样式相同，此时就需要边框图片来完成，不是背景图片，而是用边框图片来实现。 3. 边框图片的切图原理 ...
Vue3的main.js的坑
Vue2升级为Vue3之后有很多新内容，但也有很多坑，这里讲下我今天刚学Vue3遇到的坑。可以直接到最后看main.js。 首先就是Element-ui，前端vue一般都使用这个插件，但这个插件在Vue3中就不能用了（应该是暂时，目前2022年4月10日），but它有一个兄弟可以用，它叫elemen ...
前端周刊第十四期
前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。 如果外链不能访问，关注公众号「前端每周看」，里面有解决办法 大事件 Veni，vidi，formatae! 宣布Rome Formatter：超快速的 JavaScript 格式化 ...
在小程序当中渲染树
我们可以很轻松的去遍历一棵树，无论是广度优先遍历还是深度优先遍历，那么怎么在小程序当中渲染一棵树呢？ 先看一下我们深度优先遍历的代码 function dfs(tree) { if(!tree) return console.log(tree.value) if (tree.children) { ...
利用css来制作小三角形样式
1. 首先我们先准备一个盒子，让盒子的宽高等于零，分别给定四个方向的边框大小、实线、边框颜色；让边框来充当内容。 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv=" ...
css 隐藏元素
display , visibility 仅会改变元素显示，不会改变元素种类。可以配合 js 使用使元素可以动态的显示隐藏。 可以使用 display 或 visibility 实现html元素的隐藏功能，但是这两种方式有不一样的地方。display 中的 none 值隐藏，元素后不会在占据页面空间 ...
DOM学习详细笔记
DOM DOM document Object Model 文档对象模型 // 整个html文档,会保存一个文档对象document // console.log( document ); // 获取当前文档的对象 查找标签 直接查找 document.getElementsByTagName("标 ...
浅谈逻辑选择器 -- 父选择器它来了！
在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员： :is :where :not :has 本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。 :is 伪类选择器 :is() CSS伪类函数将选择器列表作为参数，并选择该列表中任意一个选择 ...
【CSS】fit-content, min-content, max-content, fill-available 详解与异同
本文对 CSS 中有关大小的四种自适应大小表现进行了解释与区别，它们分别是 fit-content, min-content, max-content, fill-available。相对而言，本文较为严谨，即尽量地无遗漏、无歧义。在严谨的同时，也做到尽可能通俗易懂。 ...
纯CSS如何禁止用户复制网页的内容？
大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探索新世界！ 原文链接 ==>http://sylblog.xin/archi ...
纯 CSS3 卡通小火车行驶动画
自从CSS3流行以来，基于纯CSS3的动画就层出不穷，有纯CSS3的人物动画、纯CSS3按钮动画等。这次，我们给大家分享一个很不错的CSS3卡通火车沿轨道行驶动画，一辆卡通样式的火车缓缓驰过，特别是火车头的动画设计，非常可爱和逼真。 效果预览 代码实现 HTML代码 <div class="cent ...
现代 CSS 解决方案：Modern CSS Reset
在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。 详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。 以更为推荐的 Normalize.css 为例，它的核心思想是： 统一了一些元素 ...