文章库ARTICLE COLUMN

  • 设备像素,CSS像素,设备独立像素

    设备像素,CSS像素,设备独立像素

    摘要:设备独立像素是一个整体概念,包括了像素,比如像素,只是在机中,像素不叫像素了,而叫设备独立像素。设备像素和独立设备像素的关系实例已为例设备宽高为,可以理解为设备独立像素或像素。获得设备像素比后,便可得知设备像素与像素之间的比例。 1.概...

    468122151468122151 评论0 收藏0
  • html+css+javascript学习记录1

    html+css+javascript学习记录1

    摘要:最近在学一部分前端,知识点很多,却没怎么系统地应用过,因而理解可能不够深吧。 最近在学一部分前端,知识点很多,却没怎么系统地应用过,因而理解可能不够深吧。所以我想做点片段似的东西,不懂的再在网上搜一搜,这样可能会更有意思点,所以做了...

    lauren_liulinglauren_liuling 评论0 收藏0
  • 单行文字向上滚动

    单行文字向上滚动

    摘要:最近在做一个活动页,需要一个单行文字向上滚动的效果来展示获奖公告。效果如下废话不多说,下面直接贴上代码。 最近在做一个活动页,需要一个单行文字向上滚动的效果来展示获奖公告。 效果如下: showImg("https://segmentfault.com/img/bVbeP8b?w=...

    lx1036lx1036 评论0 收藏0
  • 前端每日实战:96# 视频演示如何用纯 CSS 和 D3 创作一艘遨游太空的宇宙飞船

    前端每日实战:96# 视频演示如何用纯 CSS 和 D3 创作一艘遨游太空的宇宙飞船

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。最后,把星星的数量增加到颗大功告成 showImg("https://segmentfault.com/img/bVbeGrB?w=400&h=301"...

    waltrwaltr 评论0 收藏0
  • css实现居中、自适应

    css实现居中、自适应

    摘要:中的有些元素也是这样,他们有的只对牛奶感兴趣,有的只喜欢吃坚果和果冻,而讨厌牛奶。我称之为果冻依赖型元素,又称之为依赖型元素,也就是说只有一个元素属于或是也可以理解为水平水平,其身上的属性才会起作用。 单列布局水平居中 水平居中的页面...

    陆斌陆斌 评论0 收藏0
  • Vue 项目分环境打包

    Vue 项目分环境打包

    摘要:我们开发项目的时候,用版本新建的项目,只有两种开发环境有时需要个环境来给测试使用,所以找了很多方法,总结了个最简单的方法来给大家使用在下面添加一个运行命令在中修改代码读取系统运行时候的变量控制台日志输出判断环境变量,是,还是此处替换为...

    chavesguchavesgu 评论0 收藏0
  • webpack4 + react 搭建多页面应用

    webpack4 + react 搭建多页面应用

    摘要:升级到之后还没好好的同步一个可实用的架子,接下来用来搭建一个简单的的多界面应用,废话不说直接撸码创建工程目录结构工程目录结构配置安装依赖引入打开浏览器配置文件合并基础配置一些路径配置设置开发环境 webpack 升级到4之后还没好好的同步一个...

    nifhlheimrnifhlheimr 评论0 收藏0
  • react antd-mobile 项目中实现 css 与 less 局部作用域化

    react antd-mobile 项目中实现 css 与 less 局部作用域化

    摘要:前言最近搭建的项目想引入并实现样式局部作用域化,但是在网上找了很多方法试过了都不行,最后打到解决方法,在此记下这惨痛的历程。 微信公众号:爱写bugger的阿拉斯加如有问题或建议,请后台留言,我会尽力解决你的问题。 1. 前言 最近搭建的 react ...

    SnailclimbSnailclimb 评论0 收藏0
  • html&css面试笔记

    html&css面试笔记

    摘要:什么叫优雅降级和渐进增强渐进增强针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果交互等改进和追加功能达到更好的用户体验。优雅降级一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。 1、CSS选择器有哪些?...

    maochunguangmaochunguang 评论0 收藏0
  • css清除浮动常用的四种方法实现

    css清除浮动常用的四种方法实现

    摘要:用这种方法清除浮动,会为文档中增加不必要的结构,不推荐。可以包含浮动元素,所以能实现撑起高度的效果。以上是常用的几种方法,可以根据场景的不同选择适合的。 在页面布局中经常会用到浮动和清除浮动的操作,但之前是知其然而不知其所以然,看过多...

    iliyakuiliyaku 评论0 收藏0
  • 用户输入一个网址到页面展示内容的这段时间内,浏览器和服务器都发生了生么事情?

    用户输入一个网址到页面展示内容的这段时间内,浏览器和服务器都发生了生么事情?

    摘要:进行协议会话,浏览器客户端向服务器发送报文。进入网站后台的服务器处理请求,如等服务器。页面开始解析渲染,根据规则解析并结合文档树进行网页内容布局和绘制渲染,提供操作并读取浏览器缓存执行事件绑定等,页面整个展示过程完成。 1 在接收到用户...

    zhangke3016zhangke3016 评论0 收藏0
  • 前端监控和前端埋点方案设计

    前端监控和前端埋点方案设计

    摘要:异常监控包括前端脚本执行报错等。本文针对整个前端监控,设计适用的方案。前端埋点系统的前后端通信加密在上报数据的前后端通信中,需要和端协商加密机制,利用库来实现的加密,已经是一个广泛被采用的加密算法。 在线上项目中,需要统计产品中用户行...

    AprilApril 评论0 收藏0
  • HTML

    HTML

    摘要:的新特性文件类型声明仅有一型。新的技术新的属性用于与用于用于。 1.html5的新特性 文件类型声明()仅有一型:。新的解析顺序:不再基于SGML。绘画 canvas;用于媒介回放的 video 和 audio 元素;语意化更好的内容元素:article、footer、header、nav、...

    liangdasliangdas 评论0 收藏0
  • 我的前端知识清单

    我的前端知识清单

    摘要:我的前端知识清单做前端也有几年了,整理了一份平时常用的技术列表,欢迎大家补充。 我的前端知识清单 做前端也有几年了,整理了一份平时常用的技术列表,欢迎大家补充。 html方向 html4标签 html5标签,语义化,媒体标签等 svg canvas web workers m...

    kidsamongkidsamong 评论0 收藏0
  • 对于页面适配,你应该使用px还是rem

    对于页面适配,你应该使用px还是rem

    摘要:第一种情况也不讨论了,通过断点适配后,其实你处理的还是第二种情况。至于移动端,支持情况不错,可以在生产环境使用。 css中的单位很多,%、px、em、rem,以及比较新的vw、vh等。每个单位都有特定的用途,比如当需要设置一个矩形的宽高比为16:9,并...

    dkzwmdkzwm 评论0 收藏0
  • JS知识—面试准备(一)

    JS知识—面试准备(一)

    摘要:使用结束后会重新压扁自己,让自己不是对象。作用用来判断某个对象是否含有指定的自身属性语法参数要检测的对象要检测的属性名称。但是函数作用域外部访问不到函数内部的变量,对象,函数。 1.JS内置类型 分为基本数据类型和Object.基本数据类型有:nu...

    warkizwarkiz 评论0 收藏0
  • 前端每日实战:97# 视频演示如何用纯 CSS 创作一组昂首阔步的圆点

    前端每日实战:97# 视频演示如何用纯 CSS 创作一组昂首阔步的圆点

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

    shiweifushiweifu 评论0 收藏0
  • 采用20/80原则学习 CSS Grid 布局

    采用20/80原则学习 CSS Grid 布局

    摘要:采用原则学习和使用布局。介绍本文不会覆盖布局的所有细节,而是面向那些想快速用起来并看到效果的你们。我将会向你介绍技术的,学会了这些你就掌握了功力的了,开心不 采用20 / 80原则学习和使用 Grid 布局。 介绍 本文不会覆盖Grid 布局的所有细节,...

    tigerZHtigerZH 评论0 收藏0
  • CSS的常用单位 %和 vw vh  和 box-sizing:border-box;  和flex

    CSS的常用单位 %和 vw vh 和 box-sizing:border-box; 和flex

    摘要:一理解号是中的常用单位,它是相对于父容器而言的。效果图利用设置了的宽代码二理解这俩个单位是相对于视口的大小而定的。效果图代码弹性盒布局 一、% 理解: %号是CSS中的常用单位,它是相对于父容器而言的。如:一个父容器的宽是100px,给它的子元素...

    lordharrdlordharrd 评论0 收藏0
  • 弹性布局的基础讲解

    弹性布局的基础讲解

    摘要:弹性布局的基础讲解弹性布局是由在年提出的一种布局方法,目前浏览器都已经支持弹性布局忽略吧。其值为表示不缩小缩放的方向为的方向。默认值为,表示继承父元素的属性,如果没有父元素,则为。 弹性布局的基础讲解 弹性布局是由w3c在2009年提出的一种...

    YangderYangder 评论0 收藏0
  • 【前端芝士树】详解CSS盒模型、BFC、OffsetWidth&ClientWidth&am

    【前端芝士树】详解CSS盒模型、BFC、OffsetWidth&ClientWidth&am

    摘要:提供了糟糕的支持,而虽然接近标准,但依旧未能完全正确的支持标准。尽管修复了许多的问题,但是依然延续实现中的其它故障主要是盒模型问题。因此大部分的声明将触发严格模式即依据标准的规则渲染网页。 深入理解CSS盒模型、BFC、OffsetWidth&ClientWi...

    bintabinta 评论0 收藏0
  • 弹性盒布局

    弹性盒布局

    一、弹性布局 弹性布局,又称Flex布局 1、弹性布局的使用 给父容器添加display: flex/inline-flex;属性,即可使容器内容采用弹性布局显示,而不遵循常规文档流的显示方式 容器添加弹性布局后,仅仅是容器内容采用弹性布局,而容器自身在文档流中的定位...

    whatsnswhatsns 评论0 收藏0
  • CSS基础

    CSS基础

    摘要:语法选择器声明声明由属性属性值组成属性宽度单位高度单位背景颜色颜色的英文或者十六进制颜色字体颜色字体大小注释单行注释多行注释样式表内部样式表将语法写在标签里面,而标签写在里面。 css语法:选择器{声明}; 声明由 css属性:属性值; 组成 p{back...

    PAMPANGPAMPANG 评论0 收藏0
  • 后管模版整理

    后管模版整理

    摘要:项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目项目演示项目演示项目 Bootstrap Adminlte项目:https://github.com/almas...

    leviuslevius 评论0 收藏0
  • CSS自定义属性 —— 别说你懂CSS相对单位

    CSS自定义属性 —— 别说你懂CSS相对单位

    摘要:前段时间试译了的好书,其中的第二章,书中对的讲解和举例可以说相当全面,看完之后发现自己并不太懂相对单位,也希望分享给大家,所以有了这个译文系列。 showImg("https://segmentfault.com/img/bVbdOMr?w=920&h=450"); 前段时间试译了Keith J.Grant...

    JinBJinB 评论0 收藏0

热门文章

<