文章库ARTICLE COLUMN

  • vue 仿今日头条

    vue 仿今日头条

    摘要:在下没有该问题。解决办法部分这里随意,需要用设定部分问题懒加载解决方法稍后补充参考文献组件按需加载路由懒加载项目中使用将多个组件合并打包并实现按需加载 vue 仿今日头条 为了增加移动端项目的经验,近一周通过 vue 仿写今日头条,以下就项目实...

    ShowerSunShowerSun 评论0 收藏0
  • html&&css

    html&&css

    摘要:标准模式的排版和运作模式都是以该浏览器支持的最高标准运行。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距。控制表单控件的禁用状态。首先,巧妙的使用这一标记,将游览器从所有情况中分离出来。 1.Doctype作用?标准模...

    gggggggbonggggggggbong 评论0 收藏0
  • CSS

    CSS

    摘要:在元素之后添加内容控制表单控件的禁用状态。生成相对定位的元素,相对于其正常位置进行定位。双冒号是在当前规范中引入的,用于区分伪类和伪元素。 1.介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? 有两种, IE 盒子模型、W3C 盒...

    LyuxLyux 评论0 收藏0
  • H5多列布局

    H5多列布局

    摘要:多列布局基本概念多列布局类似报纸或杂志中的排版方式,上要用以控制大篇幅文本。在网页制作时采用层叠样式表技术,可以有效地对页面的布局字体颜色背景和其它效果实现更加精确的控制。 多列布局 基本概念 1、多列布局类似报纸或杂志中的排版方式,上...

    Jingbin_Jingbin_ 评论0 收藏0
  • 多列布局(column)

    多列布局(column)

    摘要:代码多列布局多列布局金融时报微软能否拯救网易科技讯月日消息,据国外媒体报道,上市以来遭到业界与用户的各种诟病,销售量也不乐观。一个标志性动作就是,本周早些时候,微软宣布在今年年底之前发布的更新版本,代号为。 容器的属性 column-width: ...

    wangshijunwangshijun 评论0 收藏0
  • 设备像素,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

热门文章

<