文章库ARTICLE COLUMN

  • 常见面试题—css实现垂直水平居中

    常见面试题—css实现垂直水平居中

    摘要:常见面试题实现垂直水平居中前言面试中常常被问到,如何使用来实现一个元素的垂直水平方向上居中,特别是笔试题的时候,这道题目的出现频率还是比较高的,当然,在我们的生活中,也常常会有垂直水平居中的需求。 常见面试题—css实现垂直水平居中 前言...

    gougoujianggougoujiang 评论0 收藏0
  • JS基础入门篇(二十一)—事件流

    JS基础入门篇(二十一)—事件流

    摘要:事件绑定方式一用绑定事件方式二用进行事件侦听,也能起到绑定事件的作用。第一个参数事件名第二个参数解绑的函数名如果是匿名函数,无法解绑。一般使用有名函数传参。 1.事件绑定 方式一:用on绑定事件 #box{ width:100px; ...

    littleGrowlittleGrow 评论0 收藏0
  • 小爱童鞋@你,一起来撸个小程序吧

    小爱童鞋@你,一起来撸个小程序吧

    摘要:轮播图区域这里微信小程序给我们提供了组件,直接用就可以了。但是需要注意的是在微信小程序里,强烈推荐使用弹性布局首页商品展示区这里的商品都是分块展示,很有规律,因此整个商品展示都可以直接用遍历出来。 showImg("https://user-gold-cdn.xitu....

    MiracleWongMiracleWong 评论0 收藏0
  • HTML 文档流,设置元素浮动,导致父元素高度无法自适应的解决方法(高度欺骗)

    HTML 文档流,设置元素浮动,导致父元素高度无法自适应的解决方法(高度欺骗)

    摘要:元素浮动定义属性定义元素在哪个方向浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。子元素浮动会导致父元素高度塌陷这是因为内部的元素设置后,就丢失了和持怀疑态度的样式,所以外部的父容器不会被撑开。 元素浮动定义 float 属性定义元...

    yy736044583yy736044583 评论0 收藏0
  • JS基础入门篇(十八)—日期对象

    JS基础入门篇(十八)—日期对象

    摘要:日期对象日期对象通过就能创建一个日期对象,这个对象中有当前系统时间的所有详细信息。打印的结果当前时间表示年月日表示距离秒之后的时间。设着月份为月设置天数为天,但月份只有天则会溢出。 1.日期对象 日期对象: 通过new Date()就能创建一个日期...

    MiracleMiracle 评论0 收藏0
  • 前端每日实战:49# 视频演示如何用纯 CSS 创作一支诱人的冰棍

    前端每日实战:49# 视频演示如何用纯 CSS 创作一支诱人的冰棍

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

    happyfishhappyfish 评论0 收藏0
  • JavaScript 工作原理之十-使用 MutationObserver 监测 DOM 变化

    JavaScript 工作原理之十-使用 MutationObserver 监测 DOM 变化

    摘要:概述是现代浏览器提供的用来检测变化的网页接口。比如通知用户当前所在的页面所发生的一些变化。触发回调前返回最新的批量变化。在函数内部,开始必须使用代码进行检查,确保是我们所监听的动画。 原文请查阅这里,略有删减,本文采用知识共享署名 4.0...

    bbbbbbbbbbbb 评论0 收藏0
  • html/css系列 BFC

    html/css系列 BFC

    摘要:本文详情第一种中的盒子对齐创建一个环境第二种外边距折叠垂直方向上的距离由决定上下同时造成重叠第二种因为浮动造成盒子对齐解决方法相隔的换成标签第三种左边浮动右边自适应第四种文字环绕解决方法清除浮动 本文详情:https://www.cnblogs.com/chen-...

    joyqijoyqi 评论0 收藏0
  • 前端每日实战:46# 视频演示如何用纯 CSS 创作一个在容器中反弹的小球

    前端每日实战:46# 视频演示如何用纯 CSS 创作一个在容器中反弹的小球

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,只有一个元素居中显示定义容器的尺寸把容器左右两侧分别涂上不同的颜色在容器中画一个小球让小球在容器中往复移动再让小球在撞到两端时变色最后,让容器不停地旋转大功告成 showImg("htt...

    ReductoReducto 评论0 收藏0
  • 【前端Talkking】CSS系列——CSS深入理解之line-height

    【前端Talkking】CSS系列——CSS深入理解之line-height

    摘要:按照定义来解释,就是两行文字之间基线之间的距离。了解完基线的定义后,我们接着来聊行高。上面我们说过,行高就是两条基线的之间的距离,如下图所示。 1.写在前面 两个多周的时间没有写文章了,手好痒好痒,趁着公司在装修,从上周末到本周都在家办...

    peixnpeixn 评论0 收藏0
  • html/css系列-图片上下居中

    html/css系列-图片上下居中

    摘要:本文详情图片上下居中的问题常用的几种方法图片已知大小和未知大小,自行理解下图为其实状态和结束状态方法一单元表格的形式方法二弹性盒子布局方法三加方法四加方法五纯 本文详情:http://www.zymseo.com/276.html图片上下居中的问题常用的几种方法:图...

    aristarkaristark 评论0 收藏0
  • 前端如何在本地起临时服务器?

    前端如何在本地起临时服务器?

    摘要:用以下就可以解决问题这个问题。安装和使用请见常用注意一定要使用绝对地址,为自定义端口号这样在同一个局域网下就可以通过访问到本地网址了 在本地开发时,我们经常会碰到同公司的同学想在他的电脑上查看我们的开发网页,那么在没有部署到服务器之前...

    pcChaopcChao 评论0 收藏0
  • 关于Extjs获取容器和元素的方法

    关于Extjs获取容器和元素的方法

    摘要:当前对象的父对象上级对象当前对象的下一个相邻的对象当前对象的上一个相邻的对象当前容器中的第一个子对象这个好像在不能用了,我用着不好使当前容器的最后一个子对象查找当前对象的所有上级匹配的容器查找当前对象的所有下级匹配的组件向上匹配查找组...

    elinaelina 评论0 收藏0
  • 在vue项目中全局引入一个 .scss文件

    在vue项目中全局引入一个 .scss文件

    摘要:需求在用开发项目的时候,有这样的一个需求我有个的公共文件需要在项目的每个文件使用,而不用分别在文件中引入。第一步首先要下载第二步,在项目里找到文件。在上面的文件里用引入其他文件。 需求:在用vue-cli开发项目的时候,有这样的一个需求:我...

    dcr309duandcr309duan 评论0 收藏0
  • 三栏布局只知道圣杯、双飞翼,最终评级是……F

    三栏布局只知道圣杯、双飞翼,最终评级是……F

    摘要:三栏布局,面试与工作中的常见布局。分左中右三部分,其中左右宽度已知,中间宽度自适应。根据不同的顺序与处理,这里写下了五类布局方式。用了它,内外部元素渲染互不影响,就不会蔓延到两侧了。网格布局网格布局好了,后续再来说一下各自的优缺点。 ...

    KavenFanKavenFan 评论0 收藏0
  • 深入理解ES6(三)(字符串的扩展)

    深入理解ES6(三)(字符串的扩展)

    摘要:字符串的扩展一字符串的遍历器接口为字符串添加了遍历器接口,使得字符串可以被循环遍历。返回布尔值,表示参数字符串是否在源字符串的头部。三方法返回一个新字符串,表示将原字符串重复次。如果模板字符串中的变量没有声明,将报错。 字符串的扩展 ...

    Steve_Wang_Steve_Wang_ 评论0 收藏0
  • 【CSS练习】IT修真院--练习4-移动端界面

    【CSS练习】IT修真院--练习4-移动端界面

    摘要:任务四一个最常见的移动端页面完成的事情完成简单布局,然后填充界面与效果图对比优化完成验收要求扩展性顶栏固定进行样式兼容性研究完成任务四深度思考跟随深度思考师兄建议进行修改输入栏左侧换用输入限制电话位,密码位根据结构的语义化修改尝试下再...

    kun_jiankun_jian 评论0 收藏0
  • Font Boosting

    Font Boosting

    摘要:被称为字体提升,也被称为,是给移动端浏览器提供的一个特性当我们在手机上浏览网页时,很可能因为原始页面宽度较大,在手机屏幕上缩小后就看不清其中的文字了。 Font Boosting Font Boosting被称为字体提升,也被称为Text Autosizer,Font Inflation....

    xbynetxbynet 评论0 收藏0
  • 面试官:谈谈你对 CSS 盒模型的认识?(你确定会?)

    面试官:谈谈你对 CSS 盒模型的认识?(你确定会?)

    摘要:从上图可以看到盒子模型的范围也包括,和标准盒子模型不同的是盒子模型的部分包含了和。运行效果以上就是的清除浮动原理。愿你成为终身学习者 题目:谈谈你对 CSS 盒模型的认识 涉及知识点(层层递进): 基本概念:标准模型+ IE模型(区别) CSS如何设置...

    CocoaChinaCocoaChina 评论0 收藏0
  • 前端每日实战:47# 视频演示如何用纯 CSS 创作一个蝴蝶标本展示框

    前端每日实战:47# 视频演示如何用纯 CSS 创作一个蝴蝶标本展示框

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

    JasinYipJasinYip 评论0 收藏0
  • vue中使用第三方UI库的移动端rem适配方案

    vue中使用第三方UI库的移动端rem适配方案

    摘要:需求使用脚手架搭建项目,并且使用第三方的库比如,的时候,因为第三方库用的都是用单位,无法使用适配不同设备的屏幕。解决办法使用插件将第三方库的转换成单位。否则会出现混乱页面。 需求:使用vue-cli脚手架搭建项目,并且使用第三方的UI库(比如v...

    littleGrowlittleGrow 评论0 收藏0
  • JS基础入门篇(二十)—事件对象以及案例(二)

    JS基础入门篇(二十)—事件对象以及案例(二)

    摘要:案例一点击按钮,选中中的全部内容方法选中全部。点击按钮选中输入框中的内容点击此按钮选中的全部内容案例二点击按钮,选中中的全部内容,并复制到粘贴板上。事件对象当发生事件,执行事件处理函数的时候,该时刻的详细信息。 案例一.点击按钮,选中i...

    DevTTLDevTTL 评论0 收藏0
  • 总结开发过程踩到的坑(五)(小程序篇)

    总结开发过程踩到的坑(五)(小程序篇)

    摘要:最近开始接触了小程序的开发,由于时间问题,文档阅读的并不完备,也踩了很多坑。的使用微信小程序不支持原生页面跳转,包括和,若要跳转小程序应用内页面,需要使用,详见。参考文献微信小程序开发者文档 最近开始接触了小程序的开发,由于时间问题...

    young.liyoung.li 评论0 收藏0
  • 我去!又是勇士和骑士?--NBA资讯小程序

    我去!又是勇士和骑士?--NBA资讯小程序

    摘要:话不多说,先来一张我科的图坐镇资讯小程序出来啦作为一个刚接触小程序不久的前端小白菜,恰逢最近如火如荼的双抢七大战骑士与勇士又又又又又一次的巅峰对决实话真的看腻了决定写一个资讯的小程序来玩玩。 showImg("https://segmentfault.com/img/remo...

    DesGeminiDesGemini 评论0 收藏0
  • CSS的inline、block与inline-block

    CSS的inline、block与inline-block

    摘要:基本知识点行内元素一般是内容的容器,而块级元素一般是其他容器的容器,行内元素适合显示具体内容,而块级元素适合做布局。行内元素去除了之间的莫名空白。当为行内元素进行定位时,与都会使得原先的行内元素变为块级元素。且的是不占空间的。 基本知...

    elvaelva 评论0 收藏0

热门文章

<