文章库ARTICLE COLUMN

  • CSS3 filter(滤镜)属性

    CSS3 filter(滤镜)属性

    摘要:的滤镜属性,可以对网页中的图片进行类似图片处理的效果,例如背景的毛玻璃效果老照片黑白照片火焰效果等。五灰度六色相旋转七反转八透明度九饱和度十深褐色上面都只是把每种滤镜多带带拿出来,展示效果,但是其实他们是可以一起使用的,比如这样 css3...

    shevyshevy 评论0 收藏0
  • 【整理】18种推荐的CSS命名和书写规范

    【整理】18种推荐的CSS命名和书写规范

    摘要:推荐的写法不推荐的写法注意标点符号每个属性独占一列。推荐的写法不推荐的写法将过长的内容折为若干列同一属性的值不止一个或值过长时,以逗号分割这些值,每个逗号后添加一个空格,过长的值可以另起一列。 选择器的命名规范 1.模块化命名 例如: 与...

    lily_wanglily_wang 评论0 收藏0
  • Node.js+MySQL+Vue 的全栈实战项目

    Node.js+MySQL+Vue 的全栈实战项目

    摘要:本项目是一个基于的全栈是实战项目,目标就是带领读者朋友上手实战。该实战项目主要有首页登陆注册笔记分类,笔记列表,笔记详情,发布笔记和个人主页八个部分。 本项目是一个基于 Node.js 的全栈是实战项目,目标就是带领读者朋友上手实战。众所周知...

    notebinnotebin 评论0 收藏0
  • 实用的 Web 布局技巧:Flex 主轴上的自动外边距

    实用的 Web 布局技巧:Flex 主轴上的自动外边距

    摘要:实现的方法有很多,我们这里要讨论的是如何简洁地使用布局来实现我这里采用的方法是使用自动的外边距在主轴上对齐。这很好理解自动外边距将平分全部的剩余空间。下面就来尝试下这个方案吧,代码如下然后看一下效果貌似有点不对。 问题描述 先来看一个...

    wqj97wqj97 评论0 收藏0
  • CSS3实现炫酷的切片式图片轮播效果

    CSS3实现炫酷的切片式图片轮播效果

    摘要:今天我们学习如何使用创建一个炫酷的图片轮播组件。我们还可以改变小圆圈的颜色并添加一个阴影效果。图片的容器将占据所有的宽度,并且绝对定位。当然通过这个效果我们还可以延伸出更多的切片效果,例如效果二效果三效果四要获取以上轮播效果的代码可以...

    molyzzxmolyzzx 评论0 收藏0
  • 批量更新的图片

    批量更新的图片

    showImg(https://segmentfault.com/img/bVbsLZj?w=720&h=490);

    AnthonyHanAnthonyHan 评论0 收藏0
  • 善用CSS伪类,不用JS也能做出选项卡功能

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

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

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

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

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

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

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

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

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

    html处理文字换行

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

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

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

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

    LinkedME2016LinkedME2016 评论0 收藏0
  • 重学前端学习笔记(二十)--try里面放return,finally还会执行吗?

    重学前端学习笔记(二十)--try里面放return,finally还会执行吗?

    摘要:二类型执行了但是没有立即返回,而是先执行了中的覆盖了中的。普通语句执行后,会得到为的,引擎遇到这样的,会继续执行下一条语句。控制类语句分成两部分对其内部造成影响如。 笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时...

    frontoldmanfrontoldman 评论0 收藏0
  • 一个播放器引发的思考——谈谈React跨组件通信

    一个播放器引发的思考——谈谈React跨组件通信

    摘要:如果某个组件订阅该事件太晚,那发布者之前所发布的该类事件,它都接收不到,而方案一和二的优点则在于,无论如何,组件都能拿到该的最终状态值有存在内存泄漏的风险。 原文地址 - 欢迎关注我的博客 在我们react项目日常开发中,往往会遇到这样一个问...

    zhongmeizhizhongmeizhi 评论0 收藏0
  • 重学前端学习笔记(二十一)--如何选中svg里的a元素?

    重学前端学习笔记(二十一)--如何选中svg里的a元素?

    摘要:二选择器的基本意义根据一些特征,选中元素树上的一批元素。四伪类选择器树结构关系伪类选择器伪类表示树的根元素。伪类表示没有子节点的元素。表示焦点落在这个元素之上。用于选中浏览器的部分所指示的元素。 笔记说明 重学前端是程劭非(winter)【...

    IamDLYIamDLY 评论0 收藏0
  • react-router v4.x 源码拾遗1

    react-router v4.x 源码拾遗1

    摘要:还是先来一段官方的基础使用案例,熟悉一下整体的代码流程中使用了端常用到的等一些常用组件,作为的顶层组件来获取的和设置回调函数来更新。 react-router是react官方推荐并参与维护的一个路由库,支持浏览器端、app端、服务端等常见场景下的路由切换...

    JoyvenJoyven 评论0 收藏0
  • vue3.0 搭建项目总结

    vue3.0 搭建项目总结

    摘要:环境配置项目中的不同开发环境有很多依赖配置,所以可以根据环境设置不同的配置,以免在不同环境经常修改文件在根目录下创建环境文件,可以在不同环境设置一些配置变量,如图文件配置在文件里面有一个对象,可设置如图配置在里面需在对象里面设置重点删...

    hzchzc 评论0 收藏0
  • ❤520,就用CSS给你的她(他)送颗心❤

    ❤520,就用CSS给你的她(他)送颗心❤

    showImg("https://segmentfault.com/img/bVbsRlD?w=211&h=184"); 今天是520。一句温柔的问候,一束美丽的鲜花,一段真情的告白。但是作为一名与众不同的程序员,我们可不仅仅拥有上面的传情方法,别忘了每个人的手上可是都有其他人不具备的神奇技能,就是我...

    dockerclubdockerclub 评论0 收藏0
  • 前端每日实战 167# 视频演示如何用 1 个 dom 元素创作两颗爱心

    前端每日实战 167# 视频演示如何用 1 个 dom 元素创作两颗爱心

    摘要:每一个阴影属性值就可以绘制出一个圆点,因为可以接收多个属性性,所以就可以用多个圆点来画点阵图了。 showImg("https://segmentfault.com/img/bVbsSVm?w=400&h=348"); 效果预览 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览...

    mingdemingde 评论0 收藏0
  • head 标签里有什么?

    head 标签里有什么?

    摘要:标签里有什么每一个文档中,都有一个不可或缺的标签,它作为一个容器,主要包含了用于描述文档自身信息元数据的标签,这些标签一般不会在页面中被显示出来,大多情况下是给浏览器和搜索引擎看的。目前我只观察到淘宝网使用了这个标签。 head 标签里有...

    dcr309duandcr309duan 评论0 收藏0
  • 如何从JavaScript跨越到TypeScript    [基础进阶知识点]

    如何从JavaScript跨越到TypeScript [基础进阶知识点]

    摘要:接口前端程序员很难理解的点也是一门面向对象的语言,但是中它是基于原型实现的,中使用了类,这样会更清晰的体会到面向对象这一说法,但是实际在中的面向对象更加完整,它跟这些语言一样,通过接口和类去完整的面向对象编程。 从入门到放弃的java 初...

    zhunjieezhunjiee 评论0 收藏0
  • es6删除数组元素或者对象元素

    es6删除数组元素或者对象元素

    摘要:一,删除数组元素黎明王小二大小二二,删除对象元素黎明方法方法二 一,删除数组元素 let arr = [ {name:"黎明",id:21111}, {name:"王小二",id:1111}, {name:"大小二",id:3222} ] arr.splice(arr.findIndex(item ...

    ChiclaimChiclaim 评论0 收藏0
  • 前端面试题

    前端面试题

    摘要:前端面试题总结,持续更新和区别浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用等跟服务端进行数据交互。 前端面试题总结,持续更新 cookies sessionStorage和localstorage区别 浏览器的缓存机制提供了可以将用户数据存储在客...

    xiaoqibTnxiaoqibTn 评论0 收藏0
  • flex禁止ios微信浏览器回弹机制

    flex禁止ios微信浏览器回弹机制

    摘要:问题描述由于微信游览器存在回弹机制,在下拉滚动的时候会把整个页面下拉出现由提供字眼问题复现解决思路把整个或者用固定在浏览器的可视区域范围内,内容区域滚动的话需要使用滚动插件,在这里我用的是的滚动组件,如果使用是不会滚动的代码样式结构 ...

    mzloginmzlogin 评论0 收藏0
  • 什么是BFC?

    什么是BFC?

    摘要:什么是再解释之前需要了解下面的一些概念有一个认识框它是组成页面的基本单元,一个界面可以由多个元素组成。浏览器支持,是规范中的一个概念。最常见的有简称和简称。即使存在浮动也是如此。根据布局规则第二条垂直方向的距离由决定。 什么是BFC? 再...

    rockswangrockswang 评论0 收藏0
  • 前端技术能力大比拼(第五期)

    前端技术能力大比拼(第五期)

    摘要:活动奖励本次活动计划评出前三名,均为葡萄城定制奖品第一名葡萄城定制马克杯第二名葡萄城定制魔方第三名葡萄城定制笔记本中性笔 参赛条件 不限人群,只要加入前端技术交流群(720389894),都可进行在线答题showImg("https://segmentfault.com/img/bV...

    jerryloveemilyjerryloveemily 评论0 收藏0

热门文章

<