文章库ARTICLE COLUMN

  • CSS 布局:如何实现居中布局?

    CSS 布局:如何实现居中布局?

    摘要:父级容器设置成表格,子级设为行内元素。适合子级的宽高不固定的情况。设置相对定位子元素未知自己的宽高,使用的内容内容父级设置为弹性盒,设置对齐属性。父元素转换为弹性盒水平垂直 1. 父级容器设置成表格,子级设为行内元素。 适合子级内容为文本...

    zebrayoungzebrayoung 评论0 收藏0
  • 如何从零开始定义一个类似websocket的即时通讯协议

    如何从零开始定义一个类似websocket的即时通讯协议

    摘要:通信协议于年被定为标准,并由补充规范。连接创建后,客户端服务端进行数据交换时,协议控制的数据包头部较小。包头是包的开始标记,整个包的大小就是包的结束标。如何自定义协议发送时数据包是由包头数据组成的其中包头内容分为包类型包长度。 showIm...

    kohoh_kohoh_ 评论0 收藏0
  • H5移动端适配IphoneX等机型

    H5移动端适配IphoneX等机型

    摘要:先来看下机型的样子上图中,机型在头部和底部新增了这两个区域,所以我们需要针对这类机型做些适配,方便我们的的展示做成的移动端页面,常见布局为头部躯干底部三栏模式,头部和顶部都是固定定位,躯干可里的内容可以滚动,暂定的布局如下但如果没采用...

    happyfishhappyfish 评论0 收藏0
  • 开源:vue2和thinkphp搭建的前后端分离项目

    开源:vue2和thinkphp搭建的前后端分离项目

    摘要:大学生论坛采用和搭建的前后端分离项目地址项目说明本项目为前后端分离项目前端采用全家桶包括搭建,请求采用,组件采用,对象存储采用七牛云需要自己配置,实现客户端上传图片,目前已完成功能用户登录注册用户中心基于的富文本发布。 大学生论坛 采...

    AllenAllen 评论0 收藏0
  • 详细了解 offsetWidth、Height、Top、Left  以及偏移基准 offsetPar

    详细了解 offsetWidth、Height、Top、Left 以及偏移基准 offsetPar

    摘要:前者计算元素的大小后者两者返回元素相对元素的偏移量返回一个元素的布局宽度计算方式设定的如果存在垂直滚动条返回一个元素的布局高度计算方式设定的如果存在水平滚动条大家看到是否很熟悉在盒子模型中提及在盒模型中其盒子大小的计算方式也是一样下面...

    骞讳护骞讳护 评论0 收藏0
  • 浏览器是如何工作的?(How browser work?)

    浏览器是如何工作的?(How browser work?)

    摘要:解析器的工作通常分为两个内容词法分析器有时称为标记生成器负责把输入分解为很多符号,解析器负责根据该语言的语法规则来分析文档结构,从而构建解析树。解析器通常会向词法分析器询问是否有新的符号,并且试图通过一条语法规则的来进行匹配。 浏览器...

    miguel.jiangmiguel.jiang 评论0 收藏0
  • 详细了解 clientWidth、clientHeight、clientLeft、clientTop

    详细了解 clientWidth、clientHeight、clientLeft、clientTop

    摘要:元素内部宽度和高度获取元素内边距边框到边框的距离大概如下图所示属性表示元素的内部宽度,以像素计。如上图所示计算方式为分为如下两种存在垂直滚动条不存在滚动条属性表示元素内部的高度单位像素,包含内边距,但不包括水平滚动条边框和外边距。 cl...

    avwuavwu 评论0 收藏0
  • 个人公众号已开通!

    个人公众号已开通!

    showImg(https://segmentfault.com/img/bVbt1Op?w=1080&h=1120); showImg(https://segmentfault.com/img/bVbt1Os?w=260&h=260); 链接描述 ** 个人博客地址: https://dengpeng.me **

    MasonEastMasonEast 评论0 收藏0
  • object-fit

    object-fit

    摘要:整个对象在填充盒子的同时保留其长宽比,因此如果宽高比与框的宽高比不匹配,该对象将被添加黑边。被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配,该对象将被剪裁以适应内容框。 object-fit CSS 属性指定...

    kyanagkyanag 评论0 收藏0
  • 页面渲染性能控制-重绘与回流

    页面渲染性能控制-重绘与回流

    摘要:重绘只涉及样式的改变,不涉及到布局。当获取一些属性时,浏览器为了获得正确的值也会触发回流。避免多次读取等属性。将复杂的元素绝对定位或固定定位,使它脱离文档流。 浏览器解析代码过程 页面的显示过程分为以下几个阶段: 生成DOM树(包括display...

    NoodlesNoodles 评论0 收藏0
  • rgb转hsl

    rgb转hsl

    摘要:使用的公式使用的公式是如上三个比如首先我们需要把中的数字转为区间各个值除以,得值计算,将中计算的值代入,,计算得出计算,得出结果是计算使用左边的公式计算较为简单,得出值为最后计算得出为 使用的公式:showImg("https://segmentfault.com/im...

    刘明刘明 评论0 收藏0
  • SEER主网网页钱包API节点列表更新 加入以获得更快的连接速度

    SEER主网网页钱包API节点列表更新 加入以获得更快的连接速度

    摘要:但由于浏览器缓存之类的原因,获取列表可能失败,大家可以手动添加节点大陆节点新加坡节点台湾节点英国节点添加方式菜单设置接入点添加服务器节点中填入等地址,然后确认。 SEER主网网页钱包API节点列表更新 加入以获得更快的连接速度 showImg("https:...

    olleolle 评论0 收藏0
  • 基于Node.js的大文件分片上传

    基于Node.js的大文件分片上传

    摘要:基于的大文件分片上传我们在做文件上传的时候,如果文件过大,可能会导致请求超时的情况。所以,在遇到需要对大文件进行上传的时候,就需要对文件进行分片上传的操作。所以把文件名称加上。后续延伸断点续传多文件多批次上传 基于Node.js的大文件分片...

    GenngGenng 评论0 收藏0
  • 【永久开源】layuimini,最简洁、清爽、易用的layui后台框架模板。保证一用就会爱上它。

    【永久开源】layuimini,最简洁、清爽、易用的layui后台框架模板。保证一用就会爱上它。

    摘要:后台模板项目介绍最简洁清爽易用的后台框架模板。项目会不定时进行更新,建议和一份,另外有问题请加群。地址定位,可以清楚看到当前的地址信息。刷新页面会保留当前的窗口,并且会定位当前窗口对应左侧菜单栏。移动端的友好支持。 layuimini后台模板 ...

    bingchenbingchen 评论0 收藏0
  • [译] 前端项目中常见的 CSS 问题

    [译] 前端项目中常见的 CSS 问题

    摘要:我们的例子中有个卡片项目,看起来没什么问题。这将改善移动端的用户体验,并使用户更容易访问。大图预览结论这里提到的所有问题都是我在前端开发工作中最常遇到的。你在中有没有经常遇到什么问题呢欢迎在评论区分享 原文地址:Common CSS Issues For...

    whatsnswhatsns 评论0 收藏0
  • 「翻译」逐步替换Sass

    「翻译」逐步替换Sass

    摘要:本文来自心谭博客译文逐步替换,最新文章请见导航页,欢迎交流翻译说明这是一篇介绍现代核心特性的文章,并且借助进行横向对比,充分体现了作为一门设计语言的快速发展以及新特性为我们开发者带来的强大生产力。 本文来自心谭博客·「译文」逐步替换Sa...

    explorer_ddfexplorer_ddf 评论0 收藏0
  • flex布局的温故学习

    flex布局的温故学习

    摘要:需要注意的是当时设置布局之后,子元素的的属性将会失效。各行向弹性盒容器的中间位置堆叠。各行在弹性盒容器中平均分布,两端保留子元素与子元素之间间距大小的一半。各行将会伸展以占用剩余的空间。 flex的简介 在flex的容器中默认存在两条轴,水平...

    AldousAldous 评论0 收藏0
  • 前端工作中所遇到的需要加空格的方式

    前端工作中所遇到的需要加空格的方式

    一. " "键盘中的按键space键,在HTML、字符串中都会被压缩成一个 二. w3cschool描述为 HTML中的常用字符实体是不间断空格( ).在HTML中直接按space敲出多个空格只会保留一个, 用于与添加多个空格,也能用它的实体编号 .(类似的还有半角空格 (英文空格)...

    刘永祥刘永祥 评论0 收藏0
  • 一行css代码搞定响应式布局

    一行css代码搞定响应式布局

    摘要:最精彩的地方在于所有的响应特性被添加到了一行代码中。基础响应单位栅格布局带来了一个全新的值单位,单位通常简写为,它允许你根据需要将容器拆分为多个块。 原文地址: https://medium.com/free-code-...原文作者: Per Harald Borgen 翻译作者: hanx...

    appetizerioappetizerio 评论0 收藏0
  • 去除display:inline-block的间隙问题

    去除display:inline-block的间隙问题

    摘要:元素间间距方案方案方案该值与父级字体大小有关方案其他更多方案 inline-block元素间间距demo item1 item2 item3 item4 item5 ul{list-style: none;} li{display: inline-block;} 方案 1 ul:{ font-size:0; } 方案 2 item1i...

    caiyongjicaiyongji 评论0 收藏0
  • CSS处理文本过长或超出部分(解说二)

    CSS处理文本过长或超出部分(解说二)

    摘要:原理两个盒子,文字内容放于盒子,固定盒子的高度及行高,超出的内容隐藏,在结尾处放置省略号,如下图,红线圈出部分用省略号覆盖。 解说一中的方法不兼容火狐、IE浏览器,所以解说二会给出通用的css写法。 原理:两个盒子a、b,文字内容放于盒子b,...

    laznrbfelaznrbfe 评论0 收藏0
  • 使用Node.js爬取任意网页资源并输出高质量PDF文件到本地~

    使用Node.js爬取任意网页资源并输出高质量PDF文件到本地~

    摘要:上面只爬取了京东首页的图片内容,假设我的需求进一步扩大,需要爬取京东首页中的所有标签对应的跳转网页中的所有的文字内容,最后放到一个数组中。 showImg("https://segmentfault.com/img/bVbtVeV?w=3840&h=2160"); 本文适合无论是否有爬虫以及Node....

    seasonleyseasonley 评论0 收藏0
  • H5  input[type='date'] 优化 pc端和移动端的使用

    H5 input[type='date'] 优化 pc端和移动端的使用

    标签在HTML5中新增了color, date, datetime, datetime-local, month, week, time, email, number, range, search, tel 以及 url新属性。本篇记录在开发中使用date属性,遇到的一些问题,以及功能扩展: 获取当前日期,并显示在input[type="date"]上 html: ...

    VincentFFVincentFF 评论0 收藏0
  • 用cordova+vue-cli 打包成 android apk 过程和路径问题

    用cordova+vue-cli 打包成 android apk 过程和路径问题

    摘要:简介最近用框架写安卓版,本来打算用打包成文件即可,但发现配置起来复杂,还不如自己搭建环境,用工具提供的命令在终端实现,下面介绍遇到的问题及解决。 简介:最近用vue-cli框架写安卓版APP,本来打算用Hbuilder打包成.apk文件即可,但发现配置起来...

    LucasTwilightLucasTwilight 评论0 收藏0
  • SVG的正确使用姿势

    SVG的正确使用姿势

    摘要:在中使用很简单,但是也有一些需要知道的事情。兼容的方法在里面使用如果想要通过控制,但是又想避免内联的弊端,可以在里面使用。记得去掉换行它可以在上述的所有场景里面使用,除了内联。 原文地址: https://css-tricks.com/using-...原文作者: Chri...

    leo108leo108 评论0 收藏0

热门文章

<