文章库ARTICLE COLUMN

  • 深入理解Flex布局 -- flex-grow & flex-shrink & fl

    深入理解Flex布局 -- flex-grow & flex-shrink & fl

    摘要:我希望实现一个左中右三列的布局,其中左右部分固定宽度,中间部分自适应实现起来很简单,代码如下到此为止一切都很美好。解决方法是给加上此时的完整代码如下宽度为的内容完整的在这里实战经验到此结束,下面我们再深入学习涉及到的知识点。 欢迎关注...

    sydMobilesydMobile 评论0 收藏0
  • sass和compass基础用法

    sass和compass基础用法

    摘要:一基本命令都是通过安装,以下是一些基础的命令移除的镜像地址添加淘宝的镜像查看镜像单文件转换命令单文件监听命令监听会自动编译文件夹监听命令文件转成文件在线转换工具运行命令行帮助文档,可以获得所有的配置选项表示解析后的 一、基本命令 sass...

    parallerparaller 评论0 收藏0
  • 不能使用for循环,传入n和m, 生成一个长度为n,每一项都是m的数组

    不能使用for循环,传入n和m, 生成一个长度为n,每一项都是m的数组

    摘要:逛知乎的时候看到一个问题,不能使用循环,传入和生成一个长度为,每一项都是的数组。方法三来自在捷克的猎人我后面也想到了,哈哈可以用或,来自灰色碰触用用的少,一下就想不起来了希望能看到大家更好的方法,感觉自己进了死胡同 逛知乎的时候看到一...

    ralapralap 评论0 收藏0
  • 前端基本功-响应式布局(flex)

    前端基本功-响应式布局(flex)

    摘要:属性定义了多根轴线的对齐方式。负值对该属性无效。属性允许单个项目有与其他项目不一样的对齐方式,可覆盖属性。默认值为,表示继承父元素的属性,如果没有父元素,则等同于。 本文主要记录一些自己遇见的flex布局案例 简单回顾一下flex常用属性 6个...

    xuexiangjysxuexiangjys 评论0 收藏0
  • css元素居中方法归纳

    css元素居中方法归纳

    摘要:水平和垂直方向都可居中统一代码相同的代码抽取绝对定位注意点生成绝对定位的元素,相对于定位以外的第一个父元素进行定位。等不一定要设置为,只要和的值相等,即可实现水平居中。 水平和垂直方向都可居中 统一HTML代码: 相同的css代码抽取:...

    XufcXufc 评论0 收藏0
  • 前端基本功-示例代码(一)

    前端基本功-示例代码(一)

    摘要:惰性载入表示函数执行的分支只会发生一次,这里有两种解决方式。插件,可以让回调函数在页面结构加载完成后再运行。 前端基本功-示例代码 (一) 点这里前端基本功-示例代码 (二) 点这里 1.ajax var xhr = new XMLHttpRequest(); // 声明一个请求对象 /...

    wapeyangwapeyang 评论0 收藏0
  • 前端基本功-常见概念(二)

    前端基本功-常见概念(二)

    摘要:前端基本功常见概念一点这里前端基本功常见概念二点这里前端基本功常见概念三点这里是更完美的,不是全局变量,具有块级函数作用域,大多数情况不会发生变量提升。 前端基本功-常见概念(一) 点这里前端基本功-常见概念(二) 点这里前端基本功-常见概念(...

    netScorpionnetScorpion 评论0 收藏0
  • css盒模型

    css盒模型

    摘要:一什么是盒模型说到盒模型大家肯定都能想到但是盒模型分为两种标准盒模型模型,他们最主要的区别在于宽高的计算。 一:什么是盒模型 说到盒模型大家肯定都能想到content,padding,border,margin但是盒模型分为两种:标准盒模型 IE模型,他们最主要的区...

    cod7cecod7ce 评论0 收藏0
  • react markdown 编辑器插件 for-editor

    react markdown 编辑器插件 for-editor

    摘要:介绍由于需要用到下的编辑器功能,网上开源的编辑器不多,没有找到合适的,索性自己写一个。编辑器主要功能就是预览,是一款下的编辑器,拥有预览,快捷添加标签,上一步,下一步功能,行号等功能,后续逐步完善更多功能。预览预览源码地址欢迎,欢迎。...

    printempwprintempw 评论0 收藏0
  • 你真的知道什么情况下text-overflow:ellipsis才会生效吗?

    你真的知道什么情况下text-overflow:ellipsis才会生效吗?

    摘要:但是究竟什么情况才会触发文本溢出,大部分人肯定没有探究过。也不会出问题,但是谁也没想到当时,居然生效了。使用对象截取片段后获取到的对象的才是内容的真正宽度。并不是内容区域的真正宽度也就是说当加是应为成立时才是触发真正的条件。 text-ove...

    meislzhuameislzhua 评论0 收藏0
  • 不可思议的纯 CSS 滚动进度条效果

    不可思议的纯 CSS 滚动进度条效果

    摘要:如果页面滚动和进度条是一个整体呢实现需求不卖关子了,下面我们运用线性渐变来实现这个功能。 问题先行,如何使用 CSS 实现下述滚动条效果? showImg("https://segmentfault.com/img/remote/1460000017830430?w=607&h=250"); 就是顶部黄色的滚动进度...

    TNFETNFE 评论0 收藏0
  • css-flex:在不确定div高的情况下让图片文字上下左右居中

    css-flex:在不确定div高的情况下让图片文字上下左右居中

    html:ffffdddcss:.img{width:100%;height:100%;display:flex;align-items: center;justify-content: center;}.text{width:100%;height:100%;display:flex;align-items: center;justify-content: center;}

    newsningnewsning 评论0 收藏0
  • CSS 三角实现

    CSS 三角实现

    摘要:效果和制作提示框相对位置,目地是使和绝对位置原点位置处于盒子幼圆相对于盒子定位上右下左提示框提示框右还是自适应的来了提示框下提示框左 效果: showImg("https://segmentfault.com/img/bVbmXZW?w=2312&h=690"); after和before制作...

    newsningnewsning 评论0 收藏0
  • CSS系列之目录

    CSS系列之目录

    摘要:图片自适应两列布局一列定宽三列布局各单位距离比较与图形绘制总结兼容性系列之或中系列之关于字体的事系列之伪类与伪元素系列之常用布局系列之布局神器与系列之与系列之水平垂直居中系列之与 word-wrap & word-break & white-space图片自适应两列布局...

    cncodercncoder 评论0 收藏0
  • 如何使用BFC清除CSS浮动以及解决margin合并的问题

    如何使用BFC清除CSS浮动以及解决margin合并的问题

    摘要:它是页面中的一块渲染区域,并且有一套自己的渲染规则,规定了内部子元素如何定位,以及与其他元素的关系和相互作用。即使浮动也是如此。解决方案,根据规则第六条。防止垂直叠加内部相邻的元素的会叠加。根据规则第五条,将其中一个设置为即可。 1、C...

    sf_wangchongsf_wangchong 评论0 收藏0
  • git常用命令速查表

    git常用命令速查表

    摘要:先进入项目文件夹通过命令把这个目录变成可以管理的仓库把文件添加到版本库中,使用命令添加到暂存区里面去,不要忘记后面的小数点,意为添加文件夹下的所有文件用命令告诉,把文件提交到仓库。执行此命令后会要求输入用户名密码,验证通过后即开始上传...

    econieconi 评论0 收藏0
  • 前端性能优化JavaScript篇

    前端性能优化JavaScript篇

    摘要:减少作用域链上的查找次数。尽量少用全局变量,尽量使用局部变量。全局变量如果不手动销毁,会一直存在,造成全局变量污染,可能很产生一些意想不到的错误,而局部变量运行完成后,就被会被回收使用代替大量的内联样式修改。性能优化还需要继续深入研究...

    chuyaochuyao 评论0 收藏0
  • 张老师的小测试

    张老师的小测试

    摘要:三好的实现方法标签绝对定位布局实现布局实现浮动实现借助原生流体特性实现最完美第期小测点评与答疑以上 张鑫旭老师的github一、showImg("https://segmentfault.com/img/bVbmZlx?w=1080&h=1440"); dl{ width: 50%; height: 200px...

    BatkidBatkid 评论0 收藏0
  • FE.WEB-前端安全防范初识

    FE.WEB-前端安全防范初识

    摘要:跨站脚本攻击概念用户填写信息是可运行的代码。操作用户界面攻击源头反射型从读取内容展示打开存储型从后台读取内容展示这是一个从后台读取的数据防范手段纯文本。由于内容可能在多端展示,所以不在提交的时候转义,只在展示的时候转义。 xss-跨站脚本...

    klivitamJklivitamJ 评论0 收藏0
  • 前端小报 - 201812 月刊

    前端小报 - 201812 月刊

    摘要:也能帮你写代码了微软和团队一起推出扩展,预览版可以在插件市场直接查找安装。微软宣布将采用内核这对于诸多的前端开发者而言,无疑是本年底最大的福音具体的计划可以参考官网的博客,在不久的将来,基于的浏览器将要正式和我们见面啦。 订阅 / 投稿...

    Coding01Coding01 评论0 收藏0
  • css透明度之rgba和opacity的区别及兼容

    css透明度之rgba和opacity的区别及兼容

    摘要:对于设置透明度,我们有两个可以选的属性和用法和使用属性来设定透明度。值越小,越透明。参数是介于完全透明与完全不透明的数字。注意如果在里面同时使用这两种方法时,会造成冲突而无法做到透明度的实现。说明了子元素会继承父元素的属性 对于设置透...

    genednagenedna 评论0 收藏0
  • button和submit的区别

    button和submit的区别

    摘要:提交表单需要绑定事件才能提交表单数据局部刷新不可以使用,在触发事件的同时会提交表单。方法不加会自动提交,并不会起到约束的作用,所以,使用时需要验证请加或。用户名不能为空跳转的页面提交 button-普通按钮,submit-提交按钮。  submit是butt...

    PikachuPikachu 评论0 收藏0
  • Angular2 模块简介

    Angular2 模块简介

    摘要:模块简介简介应用是模块化的,而我们可以把它当做一个容器,用于存放一些内聚的代码块,它接收一个元数据对象并通过该对象告诉如何编译和运行模块代码。它标记出该模块拥有的组件指令和管道,并把它们的一部分公开出去,以便外部组件使用它们。 Angula...

    liaosilzu2007liaosilzu2007 评论0 收藏0
  • CSS 预处理器之目录

    CSS 预处理器之目录

    sass入门总结less之常用语法总结IDEA自动编译less文件输出css

    jackwangjackwang 评论0 收藏0
  • 【前端词典】滚动穿透问题的解决方案

    【前端词典】滚动穿透问题的解决方案

    摘要:接下就说下我对滚动穿透问题解决方案探索的过程,希望对大家有点启发。心想来了突然意识到写弹窗的时候忘记处理滚动穿透的问题了。下期预告前端词典继承必懂知识点传送门前端词典代理的概念及其应用前端词典滚动穿透问题的解决方案 背景 产品有三宝,...

    _Dreams_Dreams 评论0 收藏0

热门文章

<