文章库ARTICLE COLUMN

  • css布局:如何实现垂直居中?

    css布局:如何实现垂直居中?

    摘要:需要注意的是使用的前提条件是内联元素以及值为的元素。子元素设置行内或行内块 css布局:如何实现垂直居中? 1.利用line-height实现居中,这种方法适合纯文字类的; showImg("https://segmentfault.com/img/bVbuhsp"); .parents { height: 400px;...

    why_rookiewhy_rookie 评论0 收藏0
  • CSS、Sass、Scss,以及sass和scss的区别

    CSS、Sass、Scss,以及sass和scss的区别

    摘要:即元素脱离文档流的布局,在页面的任意位置显示绝对定位脱离文档流的布局,遗留下来的空间由后面的元素填充。相对定位不脱离文档流的布局,只改变自身的位置,在文档流原先的位置遗留空白区域。 1、描述 CSS 指层叠样式表 (Cascading Style Sheets) ...

    caozhijiancaozhijian 评论0 收藏0
  • Flex详解

    Flex详解

    摘要:之前是怎么布局的文档流负介绍特点块级布局侧重垂直方向行内布局侧重水平方向,布局是与方向无关的布局可以实现空间自动分配自动对齐弹性灵活适用于简单的线性布局,更复杂的布局要交给的布局还没发布用法在父元素上加一个就可以了父元素的属性以下 fl...

    khlbatkhlbat 评论0 收藏0
  • Vue+CSS3实现转盘抽奖

    Vue+CSS3实现转盘抽奖

    摘要:最近有个转盘抽奖的需求,搜了一下现有的轮子,有的是用的动画函数实现的,有的是用绘图然后再用高频率的调用旋转方法,前者太老了没法简单移植到项目,后者感觉性能表现可能不会太好。核心思路是用以及实现旋转动画,使用和绘制出定位较为精确的轮盘奖...

    mjmj 评论0 收藏0
  • Commit message 代码提交规范

    Commit message 代码提交规范

    摘要:代码提交规范前言在多人协作项目中,如果代码风格统一代码提交信息的说明准确,那么在后期协作以及处理时会更加方便。每次提交代码,都要写提交说明,否则就不允许提交。一般来说,应该清晰明了,说明本次提交的目的。不会提交新文件。 Commit message...

    EuphoriaEuphoria 评论0 收藏0
  • 【软工二】大作业总结

    【软工二】大作业总结

    NJU-SE电影院系统【我又来占坑了】【考完来写】

    anRuianRui 评论0 收藏0
  • 我们来谈谈项目中遇到的需要兼容pc端和移动端的css布局

    我们来谈谈项目中遇到的需要兼容pc端和移动端的css布局

    摘要:首先在里面需要引入移动端属性布局方式之布局标题布局标题布局内容兼容端和移动端的布局获取屏幕宽度设置标签的大小为移动端效果图端效果图布局方式之弹性布局布局标题布局内容兼容端和移动端的 首先在head里面需要引入移动端属性: 1.css布局方式之di...

    miracledanmiracledan 评论0 收藏0
  • CSS3主要内容

    CSS3主要内容

    摘要:必须要准确的放置否则声明无效。倒影设置元素的倒影准确的来说不能算是的东西,但需要知道。默认值不可继承背景渐变渐变是在中新增加的图片类型使用渐变可以在两种颜色间制造出平滑的渐变效果用它代替图片,可以加快页面的载入时间减小带宽占用。 CSS3...

    X_AirDuX_AirDu 评论0 收藏0
  • 879本IT技术书籍(都看完你就可以升仙儿了)

    879本IT技术书籍(都看完你就可以升仙儿了)

    摘要:珍藏版收集了好几年的书回过头来一看真不少拿过来跟你们一起分享下载链接我也会在官网上发布视频教程呀电影呀有用的资源你们懂得作者作者科技站长官网百度搜索科技博客公众号搜索 珍藏版---收集了好几年的书,回过头来一看,真不少,拿过来跟你们一起分享...

    KahnKahn 评论0 收藏0
  • 怎么修改input、textarea元素中的placeholder属性样式

    怎么修改input、textarea元素中的placeholder属性样式

    input::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ input:-moz-placeholder{} /* Firefox版本4-18 */ input::-moz-placeholder{} /* Firefox版本19+ */ input:-ms-input-p...

    dadongdadong 评论0 收藏0
  • 关于js返回上一页的实现方法

    关于js返回上一页的实现方法

    摘要:返回上一页不刷新返回上一页并刷新下面是常用代码返回上一页或返回上一页如果是用按钮做的话就是返回上一页用图片做的话就是图片路径返回上一页几秒钟后自动返回上一页代码加入两个间,表示秒参考简介 window.history.go(-1);//返回上一页不刷新 wind...

    Mr_zhangMr_zhang 评论0 收藏0
  • css-开发总结

    css-开发总结

    摘要:重叠的外边距当上下垂直的外边距同时存在时会发生外边距折叠。与边框包含在元素的宽度或高度中。比如一个元素设置为那么它的总宽就是包括与边框。 1.重叠的外边距 当上下垂直的外边距同时存在时会发生外边距折叠。就是只保留两个margin值中较大的那个...

    douziflydouzifly 评论0 收藏0
  • 前端面试知识点整理(附答案)

    前端面试知识点整理(附答案)

    摘要:知识点目录基于根据个人理解对每个知识点附上的答案,有错误欢迎大家指出。结构化也是为了增加代码可读性,提升网页质量,比如表示文档页眉页脚,表示导航等。提供标签新增容器标签,结合绘制图形路径文本等。 知识点目录基于 https://segmentfault.co...

    malakashimalakashi 评论0 收藏0
  • vue中给window移除事件监听失败的问题

    vue中给window移除事件监听失败的问题

    摘要:在中给添加了一个事件监听,然后再中移除事件监听,发现移除事件监听失败后来发现想要移除的,需要把后面的挂在到上方法我定义在中具体请参考的文章 在mounted中给vue添加了一个事件监听,然后再beforedestory中移除事件监听,发现移除事件监听失败后...

    awkjawkj 评论0 收藏0
  • Vue “Cannot read property 'upgrade' of u

    Vue “Cannot read property 'upgrade' of u

    摘要:最近启动项目报了个错误,如下原因是在中使用了而在中已被删除了 最近启动vue-cli3.0项目报了个错误,如下showImg("https://segmentfault.com/img/bVbt7w8?w=2088&h=538");原因是在vue.config.js 中使用了 process.env.target 而在.env中 target已被删...

    tolerioustolerious 评论0 收藏0
  • CSS 属性选择器的深入挖掘

    CSS 属性选择器的深入挖掘

    摘要:如果页面上的链接很多或者对跳转页面的协议有要求,使用属性选择器配合伪元素对链接的协议进行提示也不失为一种好方法。 CSS 属性选择器,可以通过已经存在的属性名或属性值匹配元素。 属性选择器是在 CSS2 中引入的并且在 CSS3 中得到了很好拓展。本...

    luoyibuluoyibu 评论0 收藏0
  • IphoneX底部适配

    IphoneX底部适配

    摘要:判断是否是手机底部增加样式底部增加样式初始条件满足增加样式如果想更改底部像素的背景颜色怎么办呢增加样式 1.判断是否是IPhoneX手机 let isIphone = /iphone/gi.test(window.navigator.userAgent) let windowW = window.screen.width let windo...

    AlliotAlliot 评论0 收藏0
  • CSS Modules

    CSS Modules

    摘要:为什么引入全局样式冲突进行打包时,将所有文件导入到入口文件中,样式也会统一加载到入口中,根据的规则,后面的样式会覆盖掉前面的样式声明,造成全局样式的覆盖问题。 CSS Modules 为什么引入CSS Modules (1)全局样式冲突 webpack进行打包时,...

    gecko23gecko23 评论0 收藏0
  • 【整理】20个让你效率更高的CSS代码技巧

    【整理】20个让你效率更高的CSS代码技巧

    摘要:使用进行布局弹性布局的出现是有原因的。对于大型项目使用预处理器你一定听说过它们。预处理器是的未来。举个简单的例子,下面是一个代码的片段,它使用到了一些变量和函数预处理器的唯一的不足之处是它们任然需要编译 在本文中,我们想与您分享一个由...

    hqmanhqman 评论0 收藏0
  • BFC(块级格式化上下文)的特点和应用场景

    BFC(块级格式化上下文)的特点和应用场景

    摘要:的特点是元素拥有独立的渲染区域元素内部的内容边距浮动元素等不会影响到外部元素。 BFC(Block Formatting Context)的特点是元素拥有独立的渲染区域,元素内部的内容(边距,浮动元素等)不会影响到外部元素。 哪些情况下会触发BFC 设置overflow属性,值不...

    XiNGRZXiNGRZ 评论0 收藏0
  • CSS改变鼠标样式(图片)

    CSS改变鼠标样式(图片)

    摘要:如果你想让你的网站看起来更酷炫,可以改变鼠标样式,用你喜欢的图片来代替。图片地址备用选项。 如果你想让你的网站看起来更酷炫,可以改变鼠标样式,用你喜欢的图片来代替。 下面就来介绍下步骤方法: 首页把鼠标图标格式转换成.ico格式,大小为32*3...

    baihebaihe 评论0 收藏0
  • 移动端禁止保存图片

    移动端禁止保存图片

    摘要:老板要求禁止用户保存图片防止有人拿去恶意使用。。。但的图片像素质量要求都很高老板说那就虚着吧虚着也不能让人盗图。。。 老板要求禁止用户保存图片防止有人拿去恶意使用。。。但 ios 的图片 像素质量要求都很高老板说 那就虚着吧 虚着也不能让人盗...

    JerryCJerryC 评论0 收藏0
  • 关于ECharts折线图非节点的点击事件

    关于ECharts折线图非节点的点击事件

    摘要:这种方法仅响应图表区域的响应事件,通过获取到可能需要的一些信息,可以很好的实现需求,并且不会有其它的性能影响,完美实现了如题的需求。 ECharts官网教程 详情请看官网教程 前言:相信很多人有这种需求,在点击折线图非节点的时候不能触发点击事...

    Steve_Wang_Steve_Wang_ 评论0 收藏0
  • css实现水平/垂直居中效果

    css实现水平/垂直居中效果

    摘要:一如果是已知宽高的元素做水平垂直居中效果的话,可以直接用具体的数值指定定位布局或偏移布局,这个就不过多讨论。这里主要介绍在不知宽高或需要弹性布局下的几种实现方式。 一、如果是已知宽高的元素做水平/垂直居中效果的话,可以直接用具体的数值...

    IlikewhiteIlikewhite 评论0 收藏0
  • 原生JS快速实现拖放(drag and drop)效果

    原生JS快速实现拖放(drag and drop)效果

    摘要:接下来我们就用原生和快速实现这样的拖放效果的内容很简单,就是五个空的容器和一个可以被拖拽的元素注意点容器的的为,用于接收被拖拽的元素,可被拖拽的元素为,同时设置属性为,表示该元素可以被拖拽。 拖放是很常见的一种交互效果,很多时候我们都...

    arashicagearashicage 评论0 收藏0

热门文章

<