文章库ARTICLE COLUMN

  • user-select的详细用法

    user-select的详细用法

    摘要:只支持注意浏览器实现之间的区别之一是继承。在中,不是由绝对定位的元素继承的,但在和中,却是由绝对定位的元素继承而来的。 前言 做网页的时候,有些文字我们需要能被选中,有些我们不要能被选中,那么这就需要用到一个css属性了,那就是 user-sele...

    GeekGhcGeekGhc 评论0 收藏0
  • HTML全称大全(笔记)

    HTML全称大全(笔记)

    HTML标签 英文全称 中文释义 a Anchor 锚 abbr Abbreviation 缩写词 acronym Acronym 取首字母的缩写词 address Address 地址 dfn Defines a Definition Term 定义定义条目 kbd Keyboard 键盘(文本) samp Sample 示例(文本 var Varia...

    jubincnjubincn 评论0 收藏0
  • 使用 <wbr> 解决长 URL 的换行问题

    使用 <wbr> 解决长 URL 的换行问题

    摘要:开发中,屏幕宽度有限,超长文字必须换行。尝试原生方法无法解决问题,只好摸索手动断行的做法。用解决这个问题困扰了我很久,直到前两天,我突然发现原来有软换行的存在。本案例中,使用实际上是想借用浏览器计算表格各列宽度的机制。 问题 我们知道...

    lily_wanglily_wang 评论0 收藏0
  • 三栏布局-左右宽固定,中间自适应

    三栏布局-左右宽固定,中间自适应

    摘要:优化方式二圣杯布局优化方式三双飞翼布局给元素包裹一个容器处理方式二和三解决方式非常类似只是处理的细节不一样具体用那个都可以一般推荐用前者上面就是实现的几种方式细心同学应该可以看到这两种方式左右两列并不会随着中间内容区域高度变化而变化。...

    absonabson 评论0 收藏0
  • 思否的开始

    思否的开始

    摘要:作为一个程序员突然意识到笔记的重要性。要不要在这个平台写笔记呢后来发现百度搜索思否关键词也能搜到这个平台。突然就感觉思否这个词很带感,自己学了这么久的前端技术,有没思考过怎样学才能学好。和思否没有太多关系。这就是我思否的开始。 作为一...

    luckyyulinluckyyulin 评论0 收藏0
  • 重学前端学习笔记(二十七)--JavaScript的词法

    重学前端学习笔记(二十七)--JavaScript的词法

    摘要:模板语法四种词法定义二空白符号空白符号分类或称是,是缩进符,字符串中写的。注意换行符会影响的两个重要语法特性自动插入分号和规则。 笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天10分钟,重构你的...

    Hegel_GuHegel_Gu 评论0 收藏0
  • 六种组织CSS的方式

    六种组织CSS的方式

    摘要:意为面向对象的。这种书写代码的风格建议将样式分为几个部分,称为层。这种方法避免了类名的重叠。一些开发者注意到使用这种原则来书写和维护代码是相当方便的在某种程度上,作者拿出了最好的成果,并且以一种简洁的方式展示了这项技术。 Ben Frain曾...

    leeonleeon 评论0 收藏0
  • 递归获取页面元素的真实offsetLeft和offsetTop

    递归获取页面元素的真实offsetLeft和offsetTop

    摘要:由于父元素的定位属性导致子元素及其孙元素等的和变得和预期不一致预期上都是到屏幕左边和上边的位置由于需要做鼠标拖动旋转和鼠标框选所以必须拿到统一坐标系的相对位置的值距离屏幕左上角于是就有了递归计算元素的真实和的值初始化随意布局随意填写元...

    libxdlibxd 评论0 收藏0
  • 分享两个偶尔能用的js函数(数组去重和数组降维)

    分享两个偶尔能用的js函数(数组去重和数组降维)

    js数组去重 var a = [1, 2, 3, 3, 3, 4, 5, 1, 2, 3, 2, 4, 5]; function quchong(x) {//去重 let res = []; for (let i = 0; i < x.length; i++) { if (res.indexOf(x[i]) == -1) { res.push...

    tomenertomener 评论0 收藏0
  • 跳起来:你不知道的CSS Animation新的Steps()值

    跳起来:你不知道的CSS Animation新的Steps()值

    摘要:通过从到位移的改变,将一组动画帧组成一个连续的动画。其余的动画帧将均匀的分部在两个状态的中间。例如会将整个动画平均分配为三个动画帧,即,和。 CSS动画中有一个animation-timing-function属性,它的取值除了ease,linear,cubic-bezier之外,还...

    willinwillin 评论0 收藏0
  • 前端培训-初级阶段-场景实战(2019-06-06)-下载文件&下载进度

    前端培训-初级阶段-场景实战(2019-06-06)-下载文件&下载进度

    摘要:前端最基础的就是。一个朋友的问题,监测下载进度。这节主要是讲如何使用,以及前端下载的核心操作。下载文件,并显示进度条。下载文件,并显示进度条下载文件上面已经实现了,那我们先说说如何显示进度条。实现代码如下,我们操作成读流,然后统计长度...

    freecodefreecode 评论0 收藏0
  • 当我在浏览器中输入url都发生了什么

    当我在浏览器中输入url都发生了什么

    摘要:当我们在浏览器中输入一个时,背后都发生了什么,想要弄明白这个问题首选我们要知道浏览器的工作原理是什么浏览器的工作原理就是,浏览器与服务器之间通过协议进行通讯的过程,的握手协议就是协议浏览器接受到一个之后发生的过程大致如下图接下来说下里...

    TZLLOGTZLLOG 评论0 收藏0
  • 个人理解浏览器的工作原理

    个人理解浏览器的工作原理

    摘要:当我们在浏览器中输入一个时,背后都发生了什么,想要弄明白这个问题首选我们要知道浏览器的工作原理是什么浏览器的工作原理就是,浏览器与服务器之间通过协议进行通讯的过程,的握手协议就是协议浏览器接受到一个之后发生的过程大致如下图接下来说下里...

    YoungdzeYoungdze 评论0 收藏0
  • 前端知识突击

    前端知识突击

    摘要:清空中所有信息它实现了浏览器和服务器全双工通信建立在传输层上它允许服务端向客户端传递信息,实现浏览器和客户端双工通信。 JS判断对象中是否有某属性 通过. 或者[] let test = { name: "leemo" } test.name test["name"] test.age //undefi...

    hearawayhearaway 评论0 收藏0
  • 浅谈http协议(一):与缓存相关的头信息Etag、Last-Modified、Cache-Cont

    浅谈http协议(一):与缓存相关的头信息Etag、Last-Modified、Cache-Cont

    摘要:协商缓存用户发送的请求,发送到服务器后,由服务器判定是否从缓存中获取资源。如果想主动清除缓存,也可以在请求头信息中加入来禁止缓存。主要取值如下缓存的时效由决定。是的字段,而是的字段,当与同时存在时,的优先级要高于。 在讲这几个属性之前...

    ArnoArno 评论0 收藏0
  • Grid布局

    Grid布局

    摘要:布局是什么网格布局使我们能够比以往任何时候都可以更灵活构建和控制自定义网格能够将网页分成具有简单属性的行和列来完成我们需要的网格布局。布局由两个核心组成部分是父元素和子元素。是实际的网格,是网格内的内容。 Gird布局是什么? Grid(网格) ...

    levy9527levy9527 评论0 收藏0
  • IE 8 浏览器 placeholder 兼容性处理

    IE 8 浏览器 placeholder 兼容性处理

    摘要:经过不断的尝试和参考别的产品在下兼容处理。我整理下,具体见下兼容处理通过处理时和时来控制文本的显示和隐藏。其中关键的时和。在父子元素中生效,需要在父级元素设置手机号邮箱密码希望能够对大家有帮助。 写在前面 由于公司的产品需要兼容 IE8 浏...

    ChiclaimChiclaim 评论0 收藏0
  • 捋一捋服务器端渲染和客户端渲染的区别

    捋一捋服务器端渲染和客户端渲染的区别

    摘要:常听到服务器端渲染和浏览器端渲染这兄弟俩,一直不是很理解,尤其对于我这种没有后台开发经验的小白来说,理解起来异常困难,最近花时间查了很多资料,总算弄明白了,于是整理下,加深记忆。 常听到服务器端渲染和浏览器端渲染这兄弟俩,一直不是很理...

    muzhuyumuzhuyu 评论0 收藏0
  • 移动端实现表头固定,tbody滚动,三种方法

    移动端实现表头固定,tbody滚动,三种方法

    摘要:实现表头固定,垂直滚动准备工作获取页面可是区域高度屏幕旋转触发事件正常方向或者屏幕旋转竖屏屏幕顺时针旋转或者逆时针旋转横屏方法一两个思路第一个放表头,第二个方内容。 实现表头固定,tbody垂直滚动准备工作: 获取页面可是区域高度 function ...

    blueskybluesky 评论0 收藏0
  • 重学前端学习笔记(二十五)--CSS的正常流

    重学前端学习笔记(二十五)--CSS的正常流

    摘要:一正常流的行为正常流的排版行为依次排列,排不下了换行。在正常流基础上,有相关规则,使得一些盒占据了正常流需要的空间,可以把理解为文字环绕。 笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天10分钟...

    leap_frogleap_frog 评论0 收藏0
  • 2019年5月所遇知识点整理

    2019年5月所遇知识点整理

    摘要:发现了第七个知识点七的区别和遵循的是模块规范。消息摘要算法,不可逆加密。,是信息摘要,确保信息的唯一性。一般来说英文是个,中文是两个。 *注:本文章是在工作过程中所接触的知识点的整理,涉及的东西比价杂乱,如有错误之处,欢迎纠错与指导 一...

    gekylingekylin 评论0 收藏0
  • tcp协议为什么是三次握手而不是两次握手?

    tcp协议为什么是三次握手而不是两次握手?

    摘要:而上面两种情况,如果使用三次握手就可以成功避免,三次握手完成的两个重要功能既要双方做好发送数据的准备工作双方都知道彼此已准备好允许双方就初始序列号进行协商,这个序列号在握手过程中被发送和确认 我们都知道tcp协议需要三次握手,那为什么不...

    cloudcloud 评论0 收藏0
  • overflow属性便捷语法的不兼容问题

    overflow属性便捷语法的不兼容问题

    摘要:属性的便捷语法的属性定义当一个元素的内容太大而无法适应块级格式化上下文时候该做什么。这里介绍一下该属性的便捷语法,赋予两个值,分别控制和。便捷语法需要注意的问题的便捷语法是个比较新的属性。 overflow属性的便捷语法 CSS的overflow属性定义...

    RaaabbitRaaabbit 评论0 收藏0
  • 围着长方形的跑马灯

    围着长方形的跑马灯

    showImg("https://segmentfault.com/img/bVbtkla");showImg("https://segmentfault.com/img/bVbtkk9"); 这个效果是用的障眼法,用四条线在同一个方向运动。代码如下: *{ margin: 0; padding...

    myeveryheartmyeveryheart 评论0 收藏0
  • 重学前端学习笔记(二十六)--CSSOM

    重学前端学习笔记(二十六)--CSSOM

    摘要:笔记说明重学前端是程劭非前手机淘宝前端负责人在极客时间开的一个专栏,每天分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入的专栏学习原文有的语音,如有侵权请联系我,邮箱。 笔记说明 重学前端是程劭非...

    wemallwemall 评论0 收藏0

热门文章

<