文章库ARTICLE COLUMN

  • 前端初学基础知识  1

    前端初学基础知识 1

    摘要:前端学习记录基础知识盒模型所有元素可以看作盒子,在中,这一术语是用来设计和布局时使用。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。按照层次结构像至低向上直到顶端,这就是事件冒泡。 前端学习记录 week 1 基础知识 CSS盒模...

    MASAILAMASAILA 评论0 收藏0
  • 解决div出现横向滚动条,背景色没铺满问题

    解决div出现横向滚动条,背景色没铺满问题

    摘要:如图,初始情况,点击菜单后出现的文字长度超出原宽度,出现了滚动条注意设置才会出现滚动条,如果设成超出的文字会被隐藏,向右拉滚动条发现背景没铺满解决方式给最外层加样式说明注意是而不是,不然会出现其它错误。 问题描述(如图):div等块级元...

    XBaronXBaron 评论0 收藏0
  • 从头开始 — CSS — 垂直居中

    从头开始 — CSS — 垂直居中

    摘要:基于特有的属性拥有内联元素的特性同时可以定义宽高,我们可以设置一个行内块用于定义高度,再让其他内联元素与其对齐,实现垂直居中。如果居中的元素超过了视窗会被裁剪掉。使用时,不仅在水平方向上将元素居中,垂直方向上也是如此。 事实上,每次面...

    wuaiqiuwuaiqiu 评论0 收藏0
  • 文档流&文字&CSS常用命令

    文档流&文字&CSS常用命令

    摘要:文档流文档流就是文档内元素流动方向流动方向内联元素从左往右流,宽度不够,之字形,且元素会被截断块元素从上往下流动,一排一排注意事项内联元素中有英文单词,流动时宽度不够,英文单词会整体迁移,不会被打断若想打断上述联结,请使用属性想打断的...

    zebrayoungzebrayoung 评论0 收藏0
  • 整理css之BFC原理

    整理css之BFC原理

    摘要:通过格式化上下文后可以将脱离了普通流的元素隔离,使其不会与外界的元素相互隔离。第一次写,写得不好请大家多多指教哈哈哈哈 首先回顾下CSS常出现的几个样式问题1当子元素添加上边距时,父元素也会向下移动 showImg("https://segmentfault.com/img/b...

    tomenertomener 评论0 收藏0
  • 前端面试题-HTML语义化标签

    前端面试题-HTML语义化标签

    摘要:一语义化标签标签描述页面独立的内容区域。二语义化标签的使用页面主要内容标签的特点是简短描述性唯一,用于提升搜索引擎排名。若使用标签来定义计算机源代码,比如源代码,则使用符号实体来表示特殊字符,比如代表,代表,代表。 一、HTML5语义化标...

    wenduxwendux 评论0 收藏0
  • 【干货】十分钟读懂浏览器渲染流程

    【干货】十分钟读懂浏览器渲染流程

    摘要:部分读者向我反馈对于最后的浏览器渲染布局这块不是很清晰,所以本文就浏览器渲染流程多带带开篇讲解,希望大家都能有新的收获。浏览器主要组件结构浏览器主要组件渲染引擎和使用自主研发的渲染引擎。所以浏览器的渲染过程主要包括以下几步解析生成树。...

    WarrenWarren 评论0 收藏0
  • input 弹起数字键盘的那些坑

    input 弹起数字键盘的那些坑

    摘要:踩的大坑前言最近有个需求要将全平台的交易密码由原来的位复杂密码改为位纯数字交易密码,涉及到非常多的业务场景,但修改起来也无非两种设置交易密码,使用交易密码设置交易密码普通长条输入框弹起数字键盘支持明暗文切换查看使用交易密码显示六个格子...

    imcclimccl 评论0 收藏0
  • git最最最最...常用命令

    git最最最最...常用命令

    摘要:但这确是我们经常会用到的。。第一次写,望各位点颗小星星支持下哈有什么写的不对的地方,欢迎在下方留言。。 使用git 也有一段时间了,但是一直没有好好的去学下;今天刚好有空,就把自己不足的地方补了一下;废话就不多说了,直接步入正题; 1:git...

    harryhappyharryhappy 评论0 收藏0
  • css实现文本溢出隱藏

    css实现文本溢出隱藏

    摘要:实现文本溢出显示省略号在做响应式网页的时候,我们要想在不同尺寸的设备下保证布局不会错乱,就需要对文字的长度进行限定。 css实现文本溢出显示省略号 在做响应式网页的时候,我们要想在不同尺寸的设备下保证布局不会错乱,就需要对文字的长度进行限...

    saucxssaucxs 评论0 收藏0
  • 在vue中使用jointjs

    在vue中使用jointjs

    摘要:在中引入的问题,之前在网上搜了很多,都没有给出一个确切的答案,捣鼓了两天终于弄明白了,做个记录。通过这样引入还不够,可能会遇到图可以正常加载,但无法拖拽的问题,遇到这些问题一般是和自己项目中的环境冲突了,导致无法读取或者读取错误。 在...

    李昌杰李昌杰 评论0 收藏0
  • 原生js实现简单的下拉刷新功能

    原生js实现简单的下拉刷新功能

    摘要:现在我们用原生的实现这个非常简单的下拉刷新功能。二封装下拉刷新的功能模块首先创建一个构造函数,用来初始化属性与函数。和下拉刷新这个两个子节点。的效果显示出来,同时隐藏下拉刷新的效果开始刷新这里是模拟秒后刷新成功,然后隐藏正在刷新。。 ...

    ShevaKuilinShevaKuilin 评论0 收藏0
  • CSS3:TEXT-SHADOW|BOX-SHADOW(炫彩字体)

    CSS3:TEXT-SHADOW|BOX-SHADOW(炫彩字体)

    摘要:可为负值第个长度值阴影垂直偏移值。不允许负值设置阴影的颜色。字体微软雅黑 2016年2月26日个人博客文章--迁移到segmentfault (1)text-shadow(文本阴影) 在介绍css3:text-shadow文本阴影之前,我们先来看看用它都能实现什么效果: showImg("https:/...

    elisa.yangelisa.yang 评论0 收藏0
  • 本地安装sass出错问题解析

    本地安装sass出错问题解析

    摘要:年月日个人博客文章迁移到安装安装因为依赖于环境,所以装之前先确认装了。最近因为墙的比较厉害,如果你没有安装成功,那么请参考下面的淘宝的镜像安装,如果成功则忽略。淘宝镜像安装由于国内网络原因你懂的,导致存放在上面的资源文件间歇性连接失败...

    YuboonaZhangYuboonaZhang 评论0 收藏0
  • 浅谈BFC

    浅谈BFC

    摘要:在一个中,两个相邻的块级盒子的垂直会产生合并。对于从右到左的格式来说,则触碰到右边缘。正常人类的理解上面个什么瘠薄,看不懂。 BFC是什么? W3C这么说 在W3C规范中的BFC是这样定义的: 浮动元素和绝对定位元素,非块级盒子的块级容器(例如,inli...

    wemallshopwemallshop 评论0 收藏0
  • CSS初体验#1

    CSS初体验#1

    摘要:引入内联直接在标签内写属性名属性值添加标签,通常在里,结合选择器给定属性标签添加,选择器和属性外联把多带带放在一个文件里,通过来加载这个文件,通常放在里文件地址文件中引入另一个文件,放在第一行就可以,不常用另一个地址关于列表列表横排每...

    TurboTurbo 评论0 收藏0
  • 前端面试题-url、href、src

    前端面试题-url、href、src

    摘要:二的格式标准格式协议类型服务器地址端口号资源层级文件路径文件名查询完整格式协议类型访问资源需要的凭证信息服务器地址端口号资源层级文件路径文件名查询其中访问凭证信息端口号查询片段都属于选填项。 一、URL的概念 统一资源定位符(或称统一资源...

    veranoverano 评论0 收藏0
  • keystonejs实战之页头页脚

    keystonejs实战之页头页脚

    摘要:前两篇介绍了入门相关知识及对整体可用性评估,这篇介绍下开始实际运用中的页头页脚部分,因为马上项目忙了,这个先匆匆的作个收尾。 前两篇介绍了入门相关知识及对keystonejs整体可用性评估,这篇介绍下开始实际运用中的页头页脚部分,因为马上项目忙...

    wenduxwendux 评论0 收藏0
  • 前端面试资源(二)

    前端面试资源(二)

    摘要:语义化语义化是指通过标记表示页面包含的信息,包含了标签的语义化和命名的语义化。兼容性为,为鼠标移入状态的元素,兼容性标签,所有元素选择不符合的元素。解决办法使用控制间距。 web语义化 web语义化是指通过HTML标记表示页面包含的信息,包含了H...

    APICloudAPICloud 评论0 收藏0
  • (实战)多边形,梯形盒阴影css实现技巧

    (实战)多边形,梯形盒阴影css实现技巧

    摘要:一般情况下,我们给块状元素四边形添加阴影样式,直接用就可以了,但是总有一些需求是那么的特别,例如下图要求给这样的梯形盒外围加阴影,第一眼感觉也没啥特别的,但是搞起来就知道多烦了。反正我是折腾了好一会儿,最后只能用下面这样实现了。 一般...

    NoodlesNoodles 评论0 收藏0
  • 2018 浅谈前端面试那些事

    2018 浅谈前端面试那些事

    摘要:声明的变量不得改变值,这意味着,一旦声明变量,就必须立即初始化,不能留到以后赋值。 虽然今年没有换工作的打算 但为了跟上时代的脚步 还是忍不住整理了一份最新前端知识点 知识点汇总 1.HTML HTML5新特性,语义化浏览器的标准模式和怪异模式xhtml...

    LiuRhoRamenLiuRhoRamen 评论0 收藏0
  • 《50道CSS基础面试题(附答案)》中的答案真的就只是答案吗?

    《50道CSS基础面试题(附答案)》中的答案真的就只是答案吗?

    摘要:背景想想自己为什么要写这个,难道不是因为这篇道基础面试题附答案文章最近被转载的多,比较多而凑热闹蹭热点显然,肯定是因为这样我才打算写的。继承得到的样式的优先级最低。 背景 想想自己为什么要写这个,难道不是因为这篇《50道CSS基础面试题(附...

    DataPipelineDataPipeline 评论0 收藏0
  • 轻松自定义一个响应式的timeline时间线组件(横向和纵向)

    轻松自定义一个响应式的timeline时间线组件(横向和纵向)

    摘要:先来看看效果说明项目中用到的,思路很简单,就用布局来实现响应式,我这里就以横向为例竖向的比较简单就不啰嗦了,后面需要增加单个点选中状态,添加文字以及触发各种动画效果,可以尝试加上去,配合等框架可以很容易开发成通用组件。 1、先来看看效...

    AlienZHOUAlienZHOU 评论0 收藏0
  • js 手工绘制一个图表(自定义chart),

    js 手工绘制一个图表(自定义chart),

    摘要:最终效果说明一提到图表第一反应就是,但是这次需求不一样,就要求展示一个简单的折线图,没必要搞那么大。简单的用了一下的基础的那几个函数就实现了。我认为只要沿着这条思路走,就可以绘制出你想要的任何图表。 1、最终效果showImg("https://segmen...

    AchillesAchilles 评论0 收藏0
  • 2.Vue子组件给父组件通信

    2.Vue子组件给父组件通信

    摘要:子组件给父组件通信如果子组件想要改变数据呢这在中是不允许的,因为只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据,从而达到改变子组件数据的目的子组件传递的数据通过绑定事件在里面使用事件来注册事件并且传递数值到父组件中...

    mindwindmindwind 评论0 收藏0

热门文章

<