文章库ARTICLE COLUMN

  • 漫画:如何向女朋友解释前端

    漫画:如何向女朋友解释前端

    摘要:但由于过于严格和复杂,对不少前端工程师来说并不友好,又促生了,可以以更简洁快速的形式进行前端开发。 showImg("https://segmentfault.com/img/bVbtmb8"); 周末,女朋友第一次来我住的地方,本来要度过愉快的二人世界,经理的一句:在吗?迫使...

    lvzishenlvzishen 评论0 收藏0
  • 10个有趣的javascript和css库(2019年5月最新)

    10个有趣的javascript和css库(2019年5月最新)

    摘要:我们的使命是让您了解最新和最酷的开发趋势。强大的节点和浏览器库,用于从图像中提取文本。超过个组件的集合,采用的风格。用于和浏览器的轻量级库,使异步函数再次成为可能。通过将函数包装在一个块中,可以确保请求或其他异步操作在被放弃之前自动运...

    AceycleeAceyclee 评论0 收藏0
  • user-select的详细用法

    user-select的详细用法

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

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

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

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

    104828720104828720 评论0 收藏0
  • 等高布局常用几种方式

    等高布局常用几种方式

    摘要:等高布局的方式指在同一个父容器中子元素高度相等的布局从等高布局实现方式来说又分为两类伪等高子元素高度差依然存在只是视觉上给人感觉就是等高真等高子元素高度相等先来看看伪等高实现方式通过负和实现真等高实现方式伪等高之负和主要利用负来实现具...

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

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

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

    hiYoHoohiYoHoo 评论0 收藏0
  • 使用React、Electron、Dva、Webpack、Node.js、Websocket快速构建

    使用React、Electron、Dva、Webpack、Node.js、Websocket快速构建

    摘要:是一个使用和等技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。谈谈技术选型使用去做底层的绘制,大项目首选状态管理的最佳实践肯定不是,目前首选,或者。 showImg("https://segmentfault.com/img/bVbtqlI?w=...

    CaicloudCaicloud 评论0 收藏0
  • 前端核心工具:yarn、npm、cnpm三者如何优雅的在一起使用 ?

    前端核心工具:yarn、npm、cnpm三者如何优雅的在一起使用 ?

    摘要:由于文件中版本号的特点,下面三个版本号在安装的时候代表不同的含义。安装版本统一为了防止拉取到不同的版本,有一个锁定文件记录了被确切安装上的模块的版本号。 showImg("https://segmentfault.com/img/bVbs8Rg?w=1920&h=1080"); 一位用不好包管理...

    plus2047plus2047 评论0 收藏0
  • 重学前端学习笔记(二十四)--HTML里的链接元素

    重学前端学习笔记(二十四)--HTML里的链接元素

    摘要:二标签超链接型标签超链接型标签是一种被动型链接。四标签与标签非常相似,不同的是,它不是文本型的链接,而是区域型的链接。是整个规则中唯一支持非矩形热区的标签。 笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一...

    CastlePeaKCastlePeaK 评论0 收藏0
  • 网站footer沉底效果的三种解决方案

    网站footer沉底效果的三种解决方案

    摘要:沉底效果重点代码总结以上三种方法都属于没什么副作用的,其实实现这种沉底效果还有别的实现方式,但是对其他布局有影响,这里不赘述,之后有了更好的解决方案,再来更新。 问题背景 很多网站设计一般是两个部分,content + footer,content里面装的是...

    ?xiaoxiao,?xiaoxiao, 评论0 收藏0
  • co+generator

    co+generator

    摘要:迭代器函数的定义迭代器中需要返回一个对象这个对象中需要有一个方法,方法调用后,可以返回一个对象对象中有两个参数第一个迭代出的结果可以暂停可以支持异步线性执行怎么实现 showImg("https://segmentfault.com/img/bVbtbI8?w=836&h=752"); 迭代器...

    wizChenwizChen 评论0 收藏0
  • html+css 实现导航栏 文字居中

    html+css 实现导航栏 文字居中

    摘要:效果文字水平垂直居中代码首页集团介绍专家联盟合作机构新闻动态代码 效果 showImg("https://segmentfault.com/img/bVbtb6C?w=1478&h=238");文字水平垂直居中 html代码 首页 ...

    cniocnio 评论0 收藏0
  • CSS网格布局(Grid)教程

    CSS网格布局(Grid)教程

    摘要:一概述网格布局是一套二维的页面布局系统,它的出现将完全颠覆页面布局的传统方式。接下来,我们从网格容器到网格项的各个基本属性来介绍网格布局。例网格项目按行排列,网格项目宽度由自身宽度决定。这时,浏览器会自动生成多余的网格,以便放置项目。...

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

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

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

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

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

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

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

    前端知识突击

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

    yagamiyagami 评论0 收藏0
  • Grid布局

    Grid布局

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

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

    IE 8 浏览器 placeholder 兼容性处理

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

    zqhxuyuanzqhxuyuan 评论0 收藏0
  • 学不动了,来点有趣的吧

    学不动了,来点有趣的吧

    摘要:学不动了,那就来点有趣的本着折腾的性格,一直想写一个完全由我个人完成的动画,终于在前段时间完成了的重写,并完善了,先看看动画效果如何可以在这里查看不同动画组合成的效果,也可以在上查看具体的代码编写。 前言 这不 webpack 又升级了。。。 ...

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

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

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

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

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

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

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

    2019年5月所遇知识点整理

    摘要:发现了第七个知识点七的区别和遵循的是模块规范。消息摘要算法,不可逆加密。,是信息摘要,确保信息的唯一性。其实就是排除数字只能是英语或者特殊字符发现的校验比较全的网站链接地址链接地址注判断长度的时候,英文字母和中文汉字占的字节数不同。 ...

    mylxswmylxsw 评论0 收藏0
  • CSS阴影效果的比较:drop-Shadow与box-Shadow

    CSS阴影效果的比较:drop-Shadow与box-Shadow

    摘要:区块内的小区块的影子可以反应出区块内所有元素的形状则是直接对区块反应出矩形的影子。与不同点没有内部边框及距离二种特性。 drop-shadow与box-shadow都是阴影效果(光晕效果)的css属性,二者最大的不同点在于:box-shadow只能制作矩形的阴影,而dr...

    bigdevil_sbigdevil_s 评论0 收藏0
  • 前端每日实战 168# 视频演示如何利用 Web Animation API 制作一个切换英语单词的

    前端每日实战 168# 视频演示如何利用 Web Animation API 制作一个切换英语单词的

    摘要:眨眼动画和字符切换动画都是用实现的。三获得下一个单词接下来写一点业务逻辑,用于随机取出一个单词。在点击事件中调用上面的函数,把结果存入一个名为的变量中第步获得下一个单词第步字符切换动画四字符切换动画该制作字符切换动画了。 showImg("htt...

    SikeSike 评论0 收藏0
  • 一个关于border-radius值设置的问题记录

    一个关于border-radius值设置的问题记录

    摘要:按理说应该有明显的弧度了啊,全设置成看看呢对啊,这是应该有的弧度,为什么改成左边写成就变样了呢,难道跟有关带着疑问,我看了看百度。 问题记录 今天本打算要完成一个类似于进度条的小组件, 原型是这样的(这里长200px, 高28px) showImg("https:/...

    ssshooterssshooter 评论0 收藏0

热门文章

<