文章库ARTICLE COLUMN

  • SASS知识点

    SASS知识点

    SASS介绍 css预处理器。其实还有用的很多的less,stylus。SASS支持所有css语法基础的文件命名方法以_开头 准备工具 SASS编译工具?官方下载地址,下载对应版本 用法: 将项目中的css文件夹拖入Koala 创建sass文件 后缀demo.sass (Koala会自动编译成demo.css...

    jhhfftjhhfft 评论0 收藏0
  • 大多数项目中会用到的webpack小技巧

    大多数项目中会用到的webpack小技巧

    摘要:只在中有效你的文件在开发者工具中显示为。参考链接清除日志如果你在使用时看过下面的调试日志你可以使用来关闭它参考链接总结以上就是总结的条关于的建议,这几乎是所有项目都用得到的配置技巧吧 原文地址 本文是作者对自己所学的webpack技巧的总结...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 小聊BFC

    小聊BFC

    摘要:不起眼的这个词可能之前没怎么听过,可是稍微接触过前端的人都知道中有点小坑啊今天想要跟大家分享一下个人对于的一个理解。的定义是一个独立的渲染区域,只有块级元素参与,规定了内部的块级元素如何布局,并与区域外部的毫不相干。 不起眼的BFC ...

    darkerXidarkerXi 评论0 收藏0
  • 关于响应式web设计

    关于响应式web设计

    摘要:手机网站电脑网站平版网站响应式网站在没有足够经费跟精力的做一个手机网站的情况下,响应式网站是个不错的选择。 手机网站+电脑网站+平版网站 = 响应式网站 在没有足够经费跟精力的做一个手机网站的情况下,响应式网站是个不错的选择。它有以下的优点...

    morganmorgan 评论0 收藏0
  • 不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo

    不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo

    摘要:我们知道,开发微信支付需要申请服务号并且需要一系列的资料才可以开通。怪麻烦的,现在我们可以用第三方开放的免签约微信支付接口,支付宝接口和钱包接口,实现实时到帐的微信支付开发。 我们知道,开发微信支付需要申请服务号并且需要一系列的资料才...

    luffyZhluffyZh 评论0 收藏0
  • PC端CSS布局汇总

    PC端CSS布局汇总

    摘要:因为端和移动端布局差异较大,所以我将两端布局分开讲,本文章将针对端的布局进行讲解,以下代码只写关键代码。为了提高网页性能,考虑到,表格元素尽量少用,有其他选择的情况尽量用其他布局。 前言 此文章是 解剖CSS布局原理 的续集,之前那篇文章讲...

    zhangxiangliangzhangxiangliang 评论0 收藏0
  • BEM 实战之微信个人页面

    BEM 实战之微信个人页面

    摘要:简介前端命名方法论是由团队提出的一种前端命名方法论,是一个非常有用,强大,简单的命名约定,可以让你的前端代码更容易阅读和理解,更容易协作,更容易控制,更加健壮和明确而且更加严密。 1.BEM 简介 BEM——前端命名方法论 BEM 是由 Yandex 团队...

    waltrwaltr 评论0 收藏0
  • css揭秘系列

    css揭秘系列

    摘要:基于的解决方案借助规范所引入的和属性,我们可以让它内部的文本也实现居中根据盒对齐模型第三版的计划,在未来,对于简单的垂直居中需求,我们完全不需要动用特殊的布局模式了。因为只需要下面这行代码就可以搞定 7.结构和布局 自适应内部元素: min-c...

    BicycleWarriorBicycleWarrior 评论0 收藏0
  • [译]HTML&CSS Lesson6: 排版

    [译]HTML&CSS Lesson6: 排版

    摘要:有几个不同的因素致使它的流行。在这四个值中,我们最常用的就是将文本设置为斜体和将文本恢复为正常样式。因此任何低于的值会显得更细,而高于的值会显得更粗。目前浏览器默认为蓝色,我们要把它改成和到元素一致的颜色。 随着时间的推移,网络字体排...

    chadLichadLi 评论0 收藏0
  • CSS网格布局基础

    CSS网格布局基础

    摘要:浏览器兼容性可以看出网格布局从,开始受到支持。当这些项目不是网格容器的直接子级元素时,它们不会参与到网格布局中,并显示为正常的文档流。 浏览器兼容性 showImg("https://segmentfault.com/img/bVZllI?w=1210&h=283"); 可以看出CSS网格布局从Saf...

    lijy91lijy91 评论0 收藏0
  • 网站SEO优化

    网站SEO优化

    摘要:如果是应用,则包围其主要功能指定细则,输入免责声明注解署名版权突出显示文本,提醒读者。表示分数的值或者已知范围的测量结果。因为搜索引擎会过滤掉其中的内容框架因为蜘蛛一般不会读取其中的内容语义化布局 http://openweb.baidu.com/doc/... SEO...

    andotandot 评论0 收藏0
  • CSS: hover选择器的使用

    CSS: hover选择器的使用

    摘要:有些时候需要用到和这两个鼠标事件,但是写又比较麻烦,还要添加监听事件,所以能用解决的东西尽量解决,这样可以提高性能,下面说一下我对的了解之前在学计算机应用的时候,老师教我们使用了选择器来完成下拉菜单,之前只知道怎么使用,并不知道为什么...

    joyvwjoyvw 评论0 收藏0
  • FlexBox 语法指引

    FlexBox 语法指引

    FlexBox 语法指引 容器属性 display : flex | inline-flex CSS的columns在伸缩容器上没有效果。 float、clear和vertical-align在伸缩项目上没有效果 flex-direction: row | row-reverse | column | column-reverse 主轴方向 flex-wrap: nowrap ...

    OliviaOlivia 评论0 收藏0
  • 巧用开源软件做好企业管理

    巧用开源软件做好企业管理

    摘要:从管事到管人的根本转变其实,除了上述领域,开源软件在企业管理中已成为不可或缺的工具,在人,财,物等资源的管理上发挥着越来越重要的作用。也正因此,开源软件受到了很多企业的欢迎。 开源软件的应用领域广泛 我们通常所说的开源软件,是指所有公...

    huhudhuhud 评论0 收藏0
  • 圣杯布局和双飞翼布局

    圣杯布局和双飞翼布局

    摘要:解决的问题圣杯布局和双飞翼布局解决的问题是一样的,就是两边定宽,中间自适应的三栏布局,中间栏要在放在文档流前面以优先渲染。 解决的问题 圣杯布局和双飞翼布局解决的问题是一样的,就是两边定宽,中间自适应的三栏布局,中间栏要在放在文档流前...

    yankeysyankeys 评论0 收藏0
  • 从JSON中读取数据追加到HTML中

    从JSON中读取数据追加到HTML中

    摘要:在写内容逻辑重复性的页面时,用数据可以显著提高编程效率,并且便于后期的数据维护。因此,在视频专题页面,需要展示多列视频数据,我选择了用。解决办法是利用方法,格式化,然后再添加进即可,在中应该还要用转回来。 在写内容逻辑重复性的页面时,...

    JadenJaden 评论0 收藏0
  • 前端速查表大全,分享一些技术和工具的简明教程

    前端速查表大全,分享一些技术和工具的简明教程

    摘要:这个速查表主要是分享互联网上一些比较常用的工具和技术常用内容,如编辑器的快捷键的命令行的选择器的属性等,这个列表简单收集了常用的工具,可以收藏用于平时的备忘录,需要用到的时候可以及时查阅。 这个速查表主要是分享互联网上一些比较常用的工...

    chunquedongchunquedong 评论0 收藏0
  • CSS: 潜藏着的BFC

    CSS: 潜藏着的BFC

    摘要:而就潜藏在其中,当你修改样式时,一不小心就能触发它而毫无察觉,因此没有意识到的神奇之处。实例解决侵占浮动元素的问题我们知道浮动元素会脱离文档流,然后浮盖在文档流元素上。 在写样式时,往往是添加了一个样式,又或者是修改了某个属性,就达到...

    learn_shifenglearn_shifeng 评论0 收藏0
  • CSS3笔记

    CSS3笔记

    摘要:隐藏表单宽高设为祖先元素隐藏或在页面外默认所有属性都将获得过渡效果。这个属性可以让你禁用系统默认菜单。背景裁剪到内容区外沿。 HTML隐藏 display:none; 表单  type=hidden 宽高设为0  height:0;width:0; 祖先元素隐藏或在页面外  marg...

    notebinnotebin 评论0 收藏0
  • 简单说 JavaScript实现雪花飘落效果

    简单说 JavaScript实现雪花飘落效果

    摘要:说明这次实现的雪花飘落的效果很简单,主要是为了练习练习中的定时器,和。简单说,意思就是用了这个定时器,能把两次修改样式的代码分开执行,可以先把第一次修改的样式渲染后,在进行第二次的修改,雪花就会动了。 说明 这次实现的雪花飘落的效果很...

    yedfyedf 评论0 收藏0
  • css3d-engine源码学习简析

    css3d-engine源码学习简析

    摘要:全景旋转首先学习一下基础坐标系这个只要记住一下轴各自方向就可以,下面分析会用到。 开始 从这里开始准备攻略webgl(准备挖新坑),Flutter框架当然也会继续补充,但是今天学习的不是webgl,而是css3d-engine这个库,因为之前搞活动看到了一个全景旋...

    魏宪会魏宪会 评论0 收藏0
  • Outlook HTML邮件中英文混排字体设置

    Outlook HTML邮件中英文混排字体设置

    摘要:邮件中英文混排字体设置如果是纯中文或者纯英文指定一个字体就可以,如果是中英文混排,希望中文和英文使用不同的字体,该如何中可以把多个字体名称作为一个回退系统来保存。 Outlook HTML邮件中英文混排字体设置 如果是纯中文或者纯英文指定一个字体...

    Code4AppCode4App 评论0 收藏0
  • web前端   关于浏览器兼容的一些知识和问题解决

    web前端 关于浏览器兼容的一些知识和问题解决

    摘要:浏览器兼容产生的原因因为不同浏览器使用内核及所支持的等网页语言标准不同。很早以前搜索引擎优化百度百度专门给技术人员提供优化方案,是一本白皮书。被抓取的网页被称之为网页快照。 showImg("https://segmentfault.com/img/bVY9Mu?w=383&h=194"); ...

    X1nFLYX1nFLY 评论0 收藏0
  • 移动端H5页面注意事项

    移动端H5页面注意事项

    摘要:移动端活动页面常常需要能够分享到各种社交中,常用的有微信等。微信二维码问题同一个页面里要是有两个二维码,长按扫描总是只能扫出左侧第一个二维码。 首发于简书博客:http://www.jianshu.com/p/e958... 2017-11-25 更新:5. 使用 Gulp 拼合图片 1....

    madthumbmadthumb 评论0 收藏0
  • 谈谈css伪类与伪元素

    谈谈css伪类与伪元素

    摘要:状态伪类是基于元素当前状态进行选择的。在与用户的交互过程中元素的状态是动态变化的,因此该元素会根据其状态呈现不同的样式。单冒号用于伪类,双冒号用于伪元素。可以通过对父元素添加伪类撑开父元素高度,因为就是其最后一个子元素。 css选择器常...

    hedzrhedzr 评论0 收藏0

热门文章

<