文章库ARTICLE COLUMN

  • 善用CSS伪类,不用JS也能做出选项卡功能

    善用CSS伪类,不用JS也能做出选项卡功能

    摘要:取决于你的高度咦还是不能动因为我们还需要运用的两个重要技巧伪类和通用兄弟元素选择器,才能让选项卡与内容块做切换。加入伪类与通用兄弟元素选择器我们为加上伪类,表示当这个被选中时等于对应的标签被选中使才会呈现的样式。 先看看Demo: showImg(...

    leviuslevius 评论0 收藏0
  • 前端每日实战:166# 视频演示如何用 CSS 创作一个 Safari LOGO

    前端每日实战:166# 视频演示如何用 CSS 创作一个 Safari LOGO

    摘要:用批量生成刻度线因为刻度线有很多条,为了减少代码量,我们用来批量创建刻度线。同时修改属性和函数,让它们引用这个变量的值。绘制指针指针是由个三角形组成的,对于这种成对的元素,通常都用伪元素绘制。最后,加一点动画效果,让指针像指南针那样转...

    Terry_TaiTerry_Tai 评论0 收藏0
  • Spring Boot + Mybatis + Shiro 后台权限管理系统

    Spring Boot + Mybatis + Shiro 后台权限管理系统

    摘要:部门管理配置系统组织机构公司部门小组,树结构展现支持数据权限。岗位管理配置系统用户所属担任职务。角色管理角色菜单权限分配设置角色按机构进行数据范围权限划分。通知公告系统通知公告信息发布维护。 平台简介 一直想做一款后台管理系统,看了很...

    jay_tianjay_tian 评论0 收藏0
  • html处理文字换行

    html处理文字换行

    摘要:只对英文起作用,以字母作为换行依据只对英文起作用,以单词作为换行依据只对中文起作用,强制换行强制不换行,都起作用不换行,超出部分隐藏且以省略号形式出现注意,一定要指定容器的宽度,不然的话是没有用的。注意是专有属性 1.word-break:break-a...

    DevTalkingDevTalking 评论0 收藏0
  • 重学前端学习笔记(十九)--JavaScript中的函数

    重学前端学习笔记(十九)--JavaScript中的函数

    摘要:方法在中定义的函数。这种声明方式会定义一个生成器函数,它返回一个对象。类用定义的类,实际上也是函数。调用函数时使用的引用,决定了函数执行时刻的值。表示当为时,取全局对象,对应了普通函数。四操作的内置函数和可以指定函数调用时传入的值。 ...

    lcodecorexlcodecorex 评论0 收藏0
  • 重学前端学习笔记(十五)--浏览器工作解析(五)

    重学前端学习笔记(十五)--浏览器工作解析(五)

    摘要:五绘制把任何位图合成到最终位图的操作称为绘制。个人总结这一节主要讲解了浏览器中的位图操作部分,包括渲染合成和绘制三个部分。作业用实现一个玩具浏览器。。。。 笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个...

    SourcelinkSourcelink 评论0 收藏0
  • CSS实现两个球相交的粘粘效果

    CSS实现两个球相交的粘粘效果

    摘要:拉到边缘不再模糊之后,你就可以用鼠标尝试着把红球移动,就会发现红球与黑球交界的地方变成粘粘的效果心,这就是我们要做的效果就这样,你已经知道如何用来制作,同理,也是用同样的方法,只是把图层换成了而已,就这么简单。 这是一个纯粹利用CSS所...

    k00baak00baa 评论0 收藏0
  • web容器如何自适应视口大小

    web容器如何自适应视口大小

    摘要:前言在前端生涯上,经常会遇到需要容器自适应视口高度这种情况,本文将介绍我能想到的解决这个问题的方案。方法五使用获取浏览器高度 前言 在前端生涯上,经常会遇到需要容器自适应视口高度这种情况,本文将介绍我能想到的解决这个问题的方案。 基础知...

    didikeedidikee 评论0 收藏0
  • 造轮子,layuiAdmin——基于layui的后台管理模板

    造轮子,layuiAdmin——基于layui的后台管理模板

    摘要:,欢迎基于的后台管理模板地址类路由设计用于模板语法的替代方案请将所有页面放到文件夹下后跟随着二级页面的文件名,由渲染到内容区域 layuiAdmin,欢迎Star 基于layui的后台管理模板 https://ice13140167960.github... github地址:https://github.co...

    tianren124tianren124 评论0 收藏0
  • 原生CSS+JS实现连续点击旋转

    原生CSS+JS实现连续点击旋转

    摘要:问题如何用实现,每次点击,都让旋转一周下面尝试着用比较简单少的实现效果如下 问题:如何用js+css实现,每次点击button,都让div旋转一周? 下面尝试着用比较简单、少的code实现 Document div { ...

    ZoomQuietZoomQuiet 评论0 收藏0
  • 免费开源api

    免费开源api

    摘要:网易云网易云是网上一位大神工具网易云获取的,数据都是真实的网易云数据大全这是一个兄弟收集的,种类挺多,就是有一些需要,不过大部分还是免费的免费这是网上一个免费网站,可以使用众多免费下面是我根据网易云做的高仿网易云桌面端应用,源码在上,...

    A  LoityA Loity 评论0 收藏0
  • 重学前端学习笔记(十六)--HTML元信息类标签

    重学前端学习笔记(十六)--HTML元信息类标签

    摘要:元信息类标签,就是用于描述文档自身的一类标签。二标签作为盛放其它语义类标签的容器使用。五标签标签是一组键值对,它是一种通用的元信息表示标签。具有属性的具有属性的标签,表示执行一个命令,可以不需要属性。 笔记说明 重学前端是程劭非(winte...

    printempwprintempw 评论0 收藏0
  • 前端培训-初级阶段-场景实战(2019-05-23)-移动端适配bug

    前端培训-初级阶段-场景实战(2019-05-23)-移动端适配bug

    摘要:前端最基础的就是。默认构建一个真实的设置为一个理想值追加到树中获取理想值和实际值的比例计算值进行比例换算移动端适配方案前端培训初级阶段之移动端适配原理参考文献淘宝弹性布局方案实践布局详解移动端自适应方案 前端最基础的就是 HTML+CSS+Java...

    psycholapsychola 评论0 收藏0
  • Grid布局 - 一键布局尝试总结~

    Grid布局 - 一键布局尝试总结~

    摘要:代码请尝试理解上面的代码,思考一下以上代码会产生怎样的布局。这是上面代码的布局的结果是不是非常好理解,使用起来也非常简单是不是深入探究推荐参考分钟学会布局如何使用快速而又灵活的布局布局完全指南图解详细教程 Gird布局是什么? Grid(网格)...

    matingmating 评论0 收藏0
  • 理解CSS布局和块格式化上下文

    理解CSS布局和块格式化上下文

    摘要:什么是块格式化上下文,是页面的可视化渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。直译过来是格式化上下文,它是页面中的一块渲染区域,有一套渲染规则,决定了其子元素如何布局,以及和其他元素之间的关系和作用...

    cuieneycuieney 评论0 收藏0
  • 重学前端学习笔记(十七)--Promise里的代码为什么比setTimeout先执行?

    重学前端学习笔记(十七)--Promise里的代码为什么比setTimeout先执行?

    摘要:版本以及之前,本身还没有异步执行代码的能力,宿主环境传递给引擎,然后按顺序执行,由宿主发起任务。采纳引擎术语,把宿主发起的任务称为宏观任务,把引擎发起的任务称为微观任务。基本用法示例的回调是一个异步的执行过程。 笔记说明 重学前端是程...

    xiongzenghuixiongzenghui 评论0 收藏0
  • CSS学习部分知识点记录

    CSS学习部分知识点记录

    摘要:整理一些最近几天学习的一些知识点,好记性不如烂笔头,写下来敲一遍代码为自己写哈。这点就不献丑了,也是才学习。脱离文档流的元素,其高度不再计算到高度内。 整理一些最近几天学习CSS的一些知识点,好记性不如烂笔头,写下来敲一遍代码为自己写哈...

    lookSomeonelookSomeone 评论0 收藏0
  • RGB、HSL、Hex网页色彩码,看完这篇全懂了

    RGB、HSL、Hex网页色彩码,看完这篇全懂了

    摘要:再来做个练习,如果我们想要黄色,那就是把红色光跟绿色光混合起来,所以我们就把红色光跟绿色光像这样开到最大,你就能够看到黄色了。 网页使用到的色彩标示方法中,从古早时期大家都在用的16进位码(#000000)、RGB色值标示、HSL色彩标示,其中网页...

    miguel.jiangmiguel.jiang 评论0 收藏0
  • 码农长寿指南

    码农长寿指南

    摘要:分享一些前端开发者必看的精品书籍和实用软件附码农长寿指南前端必看书籍 分享一些前端开发者必看的精品书籍和实用软件(附: 码农长寿指南)前端必看书籍

    mikasamikasa 评论0 收藏0
  • 提升网站页面速度的14条最佳实践(一)

    提升网站页面速度的14条最佳实践(一)

    摘要:一直忙于工作,最近这段时间终于可以静下心来细读一些与工作相关的书籍。第二部分见提升网站页面速度的条最佳实践二。高性能网站建设指南一书共列举了条提升网站速度的方法,本篇就前种进行总结。 一直忙于工作,最近这段时间终于可以静下心来细读一些...

    PAMPANGPAMPANG 评论0 收藏0
  • css——圣杯布局

    css——圣杯布局

    摘要:经典布局圣杯布局圣杯布局和双飞翼布局一直是前端面试的高频考点,圣杯布局的出现是来自由在年写的一篇文章。比起双飞翼布局,它的起源不是源于对页面的形象表达。在西方,圣杯是表达渴求之物的意思,可以说是灵感来自于页面渲染。 css经典布局——圣...

    endless_roadendless_road 评论0 收藏0
  • 重学前端学习笔记(十二)--浏览器工作解析(二)

    重学前端学习笔记(十二)--浏览器工作解析(二)

    摘要:状态迁移代码所谓的状态迁移,就是当前状态函数返回下一个状态函数。状态函数通过代码中的函数来输出解析好的词,我们只需要覆盖,即可指定对解析结果的处理方式。词法分析器代码状态函数们至此,字符流被拆成词。 笔记说明 重学前端是程劭非(winter...

    ziluzilu 评论0 收藏0
  • 借助performance工具直观理解浏览器的渲染过程

    借助performance工具直观理解浏览器的渲染过程

    前言 在学习前端的过程中,大家都会对浏览器这个神秘的盒子感到好奇从输入一串url到页面解析渲染完成,浏览器都干了些啥? 直观展示 为了更好的理解这个过程,我们使用一个工具来帮助我们Chrome自带的开发工具中的performance(老版本和其他浏览器为timelin...

    王岩威王岩威 评论0 收藏0
  • 前端插件库

    前端插件库

    摘要:原文链接前端插件库站点前端开发文档博客前端插件库前端插件库官网是的函数库,目的是强化表格操作如搜索排序,并自动加入组件引入表格中,使用非常灵活简便。由推出,灵活扎实的建议列表函数库。 原文链接:前端插件库站点:前端开发文档博客:前端插...

    shusenshusen 评论0 收藏0
  • async/await 异步应用的常用场景

    async/await 异步应用的常用场景

    摘要:下面将简单地描述一下一些日常常用场景加深对认识最普遍的异步操作就是请求我们也可以用来简单模拟异步请求。其中是必须的如果省略了程序就不能按预期得到结果。 前言 async/await 语法用看起来像写同步代码的方式来优雅地处理异步操作,但是我们也要明...

    宠来也宠来也 评论0 收藏1

热门文章

<