文章库ARTICLE COLUMN

  • 一个未知宽高的元素在div中垂直水平居中

    一个未知宽高的元素在div中垂直水平居中

    摘要:注意,这个添加的元素最好是元素,如果是的话,在低版本下的话有问题。因为不支持转换为行内块元素。第二种方法这种方法就是利用的新特性了。这种方法的缺点就是,如果浏览器不支持,那就没用了。 那么,如何让img元素在div中居...

    luodongseuluodongseu 评论0 收藏0
  • 常见的pc端的兼容问题总结

    常见的pc端的兼容问题总结

    摘要:中常见的兼容问题元素划过的距离滚动距离在谷歌浏览器下在非谷歌浏览器下兼容写法获取非行内样式在下非下取消冒泡事件是取消冒泡事件是取消冒泡事件获取对象的方法获取方法通过获取元素在以及以下的浏览器中不可以使用手动创建键盘码的获取以及以下的浏...

    awkjawkj 评论0 收藏0
  • getComputedStyle方法的那些事

    getComputedStyle方法的那些事

    摘要:返回的是一个样式声明对象,只读。方法返回一个最初值对象或值列表对象,这取决于属性值的类型。而且,虽然中,对象支持方法,但总是返回因此,目前来讲,方法可以先不闻不问。本文转载之张鑫旭的博客 一、getComputedStyle是?getComputedStyle是一个...

    BaoyuanBaoyuan 评论0 收藏0
  • 滚动条样式修改快速查阅

    滚动条样式修改快速查阅

    摘要:作者心叶时间整体样式代码按钮滚动条按钮会稍微麻烦点,首先提供下面的选择器可以选中按钮样式代码然而,按钮其实一共有八个,可以借组下面的六个组合来进行更准确的选择,他们方便是和方便表示垂直还是水平按钮和方便表示是开始位置的还是 作者:心叶...

    laoLiueizolaoLiueizo 评论0 收藏0
  • JS基础入门篇(十三)—定时器

    JS基础入门篇(十三)—定时器

    摘要:但是定时器没关。通过变量来控制定时器内函数的执行停止播放默认为。方式三通过关闭定时器来停止轮播图的运动。,通过传入定时器的编号来。清除定时器,再开启定时器。所以,每次打开定时器,先清除前一个。点击页面任何一个位置关闭定时器。 1.定时器...

    kakakaka 评论0 收藏0
  • 按钮样式的正确方式

    按钮样式的正确方式

    摘要:按钮样式的正确方式如果你正在建立一个网站或一个应用,你可能会用到按钮,也许看起来像按钮的链接。这是我们想要做的事情可应用于链接或按钮的按钮样式我们希望有选择地应用它,因为我们的页面中会有其他链接和按钮样式。 按钮样式的正确方式 如果你...

    DataPipelineDataPipeline 评论0 收藏0
  • 前端每日实战:34# 视频演示如何用纯 CSS 创作在文本前后穿梭的边框

    前端每日实战:34# 视频演示如何用纯 CSS 创作在文本前后穿梭的边框

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含文本居中显示定义文字样式用伪元素定义边框尺寸把边框分为两部分,拼在一起把上边框和右边框下沉一层为下边框和在边框加上阴影最后,让边框转起来大功告成 showImg("https://s...

    jasperyangjasperyang 评论0 收藏0
  • JS基础入门篇(一)

    JS基础入门篇(一)

    摘要:申明变量变量名以分号结束。如果一定要使用点的话,需要改变成驼峰式命名法。基础篇练习看完以上的小伙伴,可以看两个例子的效果,试着做一下。练习一点击按钮,设置方块大小练习二点击按钮,增加或减小字体大小 1.JS存放在代码中的位置 1.JS写在行间 ...

    alightersalighters 评论0 收藏0
  • webpack从0到1超详细超基础学习教程

    webpack从0到1超详细超基础学习教程

    摘要:在进行的学习之前,第一步就是要让大家认识一下中四个核心的概念。找到这个起始点,再从起始点出发来看依赖的文件,每个依赖都将被处理,最后输出。 概念 自己是一个一听到webpack就头大,看着一堆不知道那是什么玩意的东西总觉得自己做好前端就行了,...

    douziflydouzifly 评论0 收藏0
  • JS基础入门篇(十四)—运动

    JS基础入门篇(十四)—运动

    摘要:直到盒子的宽度大于或着等于。将思路二封装成函数,使的每个元素都可以使用。例如还改变盒子的高度值,可以改变传入的参数值。页面中哪个元素元素的哪个属性每个周期改变多少元素的目标值有时候需要在规定时间完成宽的变大或者变小。 1.思考:页面上有...

    xumengerxumenger 评论0 收藏0
  • JS基础入门篇(十二)—对象

    JS基础入门篇(十二)—对象

    摘要:对象的定义对象是复合类型,由简单数据类型和复合数据类型组成的。的使用遍历对象内的所有属性,感觉相当于一个循环。是指对象的属性名,会遍历对象的属性值。第项的属性值为第项值为结果截图为 1.对象的定义 对象: - 是复合类型,由简单数据类型...

    feng409feng409 评论0 收藏0
  • 面试题总结

    面试题总结

    摘要:异步管理等到执行完成后返回种状态,代表成功,代表失败。我们在函数内声明的变量叫局部变量,局部变量只能在里面访问,外面是访问不到的。那么就是为解决这一问题的。可以用链式写法等到异步有结果再进行下一步。 1. vue的双向绑定原理: vue的双向绑...

    weizxweizx 评论0 收藏0
  • 前端面试题1(HTML篇)

    前端面试题1(HTML篇)

    摘要:不存在或格式不正确会导致文档以兼容模式呈现标准模式的排版和运作模式都是以该浏览器支持的最高标准运行。又称内核及以上版本,等内核及以上。内核原为,现为内核等。如果不能确定时,首选使用自然样式标签 HTML 语义化 HTML标签的语义化是指:通过...

    starsfunstarsfun 评论0 收藏0
  • JS基础入门篇(十二)—JSON和Math

    JS基础入门篇(十二)—JSON和Math

    摘要:对数向上取整对数向下取整取到的随机数。取绝对值举例说明向上取整向下取整随机数值是之间的随机数,包括,不包含。 1.JSON JSON: 对象格式的字符串 轻量的数据传输格式 注意事项: 键名 需要 使用 双引号 包起来 JOSN有两个方法:JSON.parse和 JSON...

    jone5679jone5679 评论0 收藏0
  • react实现选中的li高亮

    react实现选中的li高亮

    摘要:页面上有很多个,要实现点击到哪个就哪个高亮。当年用的时候,也挺简单的,就是选中的元素给,然后它的兄弟元素再写个的样式就搞定了。那现在用要实现类似的操作,我想到的就是用一个通过判断在哪个元素实现切换。 虽然只是一个简单的功能,还是记录一...

    duan199226duan199226 评论0 收藏0
  • 前端面试题2(CSS)

    前端面试题2(CSS)

    摘要:在元素之后添加内容控制表单控件的禁用状态。生成相对定位的元素,相对于其正常位置进行定位。由于浮动框不在文档的普通流中,所以文档的普通流的块框表现得就像浮动框不存在一样。 前端面试之CSS display: none; 与 visibility: hidden; 的区别 联...

    MangoGoingMangoGoing 评论0 收藏0
  • sublime常用基础插件合集

    sublime常用基础插件合集

    摘要:插件介绍功能安装包管理简介插件控制台,提供添加删除禁用查找插件等功能使用方法快捷键,输入选中并回车,输入或选择你需要的插件回车就安装了注意左下角的小文字变化,会提示安装成功。 插件介绍 Package Control 功能:安装包管理简介:sublime插...

    ccj659ccj659 评论0 收藏0
  • 前端每日实战:31# 视频演示如何利用 CSS 的动画原理,创作一个乒乓球对打动画

    前端每日实战:31# 视频演示如何利用 CSS 的动画原理,创作一个乒乓球对打动画

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbbysV?w=500&h=500"); 效果预览 按下右侧的点击预...

    xuhongxuhong 评论0 收藏0
  • CSS基础构架及标准

    CSS基础构架及标准

    CSS Architecture base.less - Provide style reset and atomic functions the project module(.epc-page) styles body styles font-family font-size color width factor common width common.less - Abstract th...

    leonleon 评论0 收藏0
  • CSS学习第一

    CSS学习第一

    摘要:学习笔记一一概念结构与样式的分离,结构骨架,样式化妆,穿衣服。像素相对单位网页中普遍用。字体编码宋体字体样式正常字体倾斜文字倾斜标签二选择器类选择器选择器前面有一个号。选择器选择器前面有一个号。是的不是继承的权重为 CSS学习笔记(一) ...

    jeyhanjeyhan 评论0 收藏0
  • CSS学习(二)

    CSS学习(二)

    摘要:学习二一三大模型之盒子模型盒子模型每个矩形元素都由元素的内容,内边距,边框,和外边距边框盒子的厚度,如手机包装盒的厚度内边距内容与边框之间的距离,如填充泡沫的厚度外边距与其他盒子的距离边框样式格式单实线用的最多虚线点线双实线边框综合写...

    Near_LiNear_Li 评论0 收藏0
  • 计算机网络篇(前端、HTTP)

    计算机网络篇(前端、HTTP)

    摘要:状态行通过提供一个状态码来说明所请求的资源情况。请求出现语法错误。服务器端暂时无法处理请求可能是过载或维护。 全端工程师需知道的计算机网络知识 一、网络篇—http报文详解 1. 分类 请求报文 响应报文 2. 报文结构 (一)、请求报文 一个HTTP...

    ixleiixlei 评论0 收藏0
  • 【CSS3】自定义设置可编辑元素闪烁光标的颜色

    【CSS3】自定义设置可编辑元素闪烁光标的颜色

    摘要:解决方案使用伪元素使用和使用修改元素原理一般来说,设置框的属性会修改文本内容的颜色,同时顺带改变光标的颜色。和原理先利用设置文本和光标的颜色然后利用设置文本阴影覆盖文本颜色最后使用将文本颜色置为透明。 前言 因为业务需求, 要求我们的inp...

    curriedcurried 评论0 收藏0
  • 前端性能优化之--页面渲染优化全面解析

    前端性能优化之--页面渲染优化全面解析

    摘要:下面我们撇开网络方面的优化,只分析静态资源方面的优化。不过,也会阻止的构建和延缓网页渲染。未优化正常加载优化后异步加载根据上面的分析,我们可以清楚的认识到,非必要优先加载的,选择异步加载是最优选择。 为什么做优化 经典问题:白屏时间过...

    MadPeckerMadPecker 评论0 收藏0
  • CSS 1-选择器

    CSS 1-选择器

    摘要:当两个规则的权值相同时,谁更具体用谁,也就是权值高的选择器作用的越具体优先级越高。 CSS选择器 1.id选择器 #id{ } ,#id选中元素2.类选择器 .class{ } ,.类名称选中元素3.标签选择器 div{ } ,标签名选中元素4.通配符选择器 { } ,""选中...

    yhaolpzyhaolpz 评论0 收藏0

热门文章

<