padding 内边距padding 属性用来指定元素的内容与元素边框之间的空隙。padding 属性的单位通常是像素，也可以是EM和百分比。如果使用百分比，内边距就是浏览器窗口的一个百分比。如果一个盒子的宽度已经指定，后面再添加内边距，原来盒子的整体大小会增大。如下面的示例：12345678910111213141516171819<html lang="en">
<head&
使用 WordCloud 对象进行词云的生成和渲染。其中，第一个参数是上一步中创建的容器元素，第二个参数是一个设置选项的对象，其中 list 属性是一个按照 [ ['foo', 12], ['bar', 6]] 格式排列的二维数组，表示每个单词及其权重。今天来分享 6 个超实用的词云库，以快速实现词云效果！wordcloud2.jswordcloud2.js 是一个基于 HTML5 Canvas
概要__dirname 总是指向被执行 js 文件的绝对路径
在 /d1/d2/myscript.js 文件中写了 __dirname， 它的值就是 /d1/d2 。./ 会返回你执行 node 命令的路径，例如你的工作路径。有一个特殊情况是在 require() 中使用 ./ 时，这时的路径就会是含有 require() 的脚本文件的相对路径。例如假设有如下目录结构/dir1
/dir2
背景：在使用vuedraggable做一个拖动应用图片排序的场景下，在android、iOS、chrome模拟移动设备 的情况，应用图片用的是svg，大概率会出现ghost元素不消失，也不触发end事件的诡异情况。注意PC端使用chrome 调试模式下，不开启模拟移动设备不会出现这种情况，开启来模拟移动设备也会出现。解决办法给svg元素设置一个css样式，即可；svg {
pointer-eve
转载
2024-10-17 16:58:48
40阅读
JS监听div的resize事件
转载
2017-08-15 14:05:00
117阅读
2评论
简介Web 开发中经常会遇到性能的问题，尤其是 Web 2.0 的应用。CSS 代码是控制页面显示样式与效果的最直接“工具”，但是在性能调优时他们通常被 Web 开发工程师所忽略，而事实上不规范的 CSS 会对页面渲染的效率有严重影响，尤其是对于结构复杂的 Web 2.0 页面，这种影响更是不可磨灭。所以，写出规范的、高性能的 CSS 代码会极大的提高应用程序的效率。本文主要来探讨一下如何优化，以
转载
2024-06-26 09:16:38
242阅读
1. css(又称层叠样式表,用来表现HTML的一种计算机语言)
2. css声明:
{
/* 注释 */
css声明1;
css声明2;
属性名:属性值;
color:red;
color:#ffffff;
color:rgb(255,255,255)
color:rgba
v-on的基本使用<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<div id="app">
<h2>{{cou
css中cursor属性详解-鼠标移到图片变换鼠标形状 语法： cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | verti
Vue3.0 学习笔记 5监听事件v-on指令v-on指令可以用来监听DOM事件，写法如下：<button v-on:click="young()">young</button><!--标准写法-->
<button @click="young()">young</button><!--简略写法-->v-on的表达式值是一个可
动画也是CSS3一个颠覆性的特性，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。(CSS3其他基础特性可以查看:CSS3基础特性效果)动画必要元素
通过@keyframes指定动画序列；通过百分比将动画序列分割成多个节点；在各节点中分别定义各属性通过animation将动画应用于相应元素；<!DOCTYPE html>
<html lang="e
转载
2024-02-14 14:48:32
171阅读
CSS加载失败的常见原因有：路径错误、浏览器不兼容、网络原因、编码格式不同等错误才刚刚入门CSS，经常会碰到CSS加载失败的问题，网页上什么样式都没有，今天将要和大家分享的是常见的CSS加载失败的原因，具有一定参考作用，希望对大家有所帮助。【推荐课程：CSS教程】常见CSS页面加载失败原因(1)路径错误在外部引用CSS样式时，路径选择错误，CSS样式就会不加载。所以在写CSS路径时一定要细心(2)
前言：width和heigth不会相互作用 ，各自为政！1、当div设置了固定的长度和宽度后高度和宽度都行！：不管里面有没有内容（可以无视内容），div就是一个框子在那（默认无边框）！即使内容超出，尺寸也不变！#select_box {WIDTH: 330px; HEIGHT: 40px;border:2px solid red;}显示效果：2、若是div设置为百分比的形式宽度无论如何都行！：width:50%;能行！ 无视内容！ 即使内容超出宽度框的宽度还是50%，内容超出框而存在；高度无论如何都不行！：heigth：50%则不行 高度为内容的高度，如要设置高度 需要用height:50px
转载
2013-07-05 09:56:00
404阅读
2评论
css外联样式不起作用的解决方法发布时间：2020-12-22 09:32:23作者：小新这篇文章主要介绍css外联样式不起作用的解决方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！css外联样式不起作用的解决办法：首先用sublime编辑器打开css文件；然后修改本地css文件编码格式为“utf-16LE”；最后重新保存运行即可。作为一个前端小白，鼓捣了几天前端。。今天
转载
2024-04-18 09:33:43
95阅读
Vue 规范vue 项目规范以 Vue 官方规范 中的 A、B、C 规范为基础，并根据实际项目特点略作调整，故应结合两者来执行规范。重点强调1、组件（1）组件名组件名应该始终是多个单词组成（大于等于 2），且命名规范为 PascalCase 格式，避免和 HTML 元素名称冲突。// components/HeaderComponent.vue
export default {
name: '
转载
2024-09-25 14:52:53
68阅读
今天闪存里有人问$(window).resize(function(){//执行事件})；表示没有接触过；果断百度查询一下：resize()函数用于为每个匹配元素的resize事件绑定处理函数。该函数也可用于触发resize事件。此外，你还可以额外传递给事件处理函数一些数据。resize事件会在元素的尺寸大小被调整时触发。该事件常用于window对象(浏览器窗口)或框架页面。此外，你可以为同一元素
转载
2023-07-10 15:22:46
77阅读
实现原理添加resize 属性即可实现： none：初始值，表示没有拉伸效果，常用来重置<textarea>元素内..
原创
2022-07-12 16:19:41
1305阅读
.father { padding: 20px; width: 200px; height: 50px; max-width: 800px; ma 20px; padding:...
原创
2023-02-23 19:00:41
168阅读
点赞
关于CSS兼容性的问题 上次在坛子提了一个针对各个浏览器CSS应该注意什么，郁闷，后来没有人整理，自己就埋头查了一查资料！自己整理上来，希望对大家有帮助： CSS兼容要点分析： IE vs FF CSS 兼容要点： DOCTYPE 影响 CSS 处理 FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 FF: body 设置 text-
10-1.html<html><head><title>div 标记范例</title><style type="text/css"><!--div{ font-size:18px;  
转载
2009-08-02 14:26:38
1004阅读
