文章库ARTICLE COLUMN

  • flexible 精简版

    flexible 精简版

    摘要:看了源码,不懂为什么对于没有缩放,而是粗放设置,导致很不精细,于是略微删减代码如下,留着自己备用,后续如果再学到了什么知识点,再回顾吧。本质上就是把设置成物理像素大小,再缩小到屏幕独立像素这么大限制最大为 看了 flexible 源码,不懂为什...

    OnlyMyRailgunOnlyMyRailgun 评论0 收藏0
  • WFeB全球免费图书馆 World Free eBook

    WFeB全球免费图书馆 World Free eBook

    摘要:凡有所学,皆成性格。关于作者陈光剑,江苏东海人号行走江湖一剑客,字之剑。程序员,诗人作家。光剑免费图书馆创始人天才邮箱如果您有好的书籍推荐请联系我 WFeB全球免费图书馆 World Free eBook 全球免费开放的电子图书馆(https://universsky.githu...

    melody_lqlmelody_lql 评论0 收藏0
  • 14天入门JavaScript-day one

    14天入门JavaScript-day one

    摘要:第一天总结的是一些事件中的鼠标事件事件中主要的都是对样式的显示隐藏,其中最简单的就是使用事件对属性进行显示隐藏或者改变属性方法用于显示带有一条指定消息和一个按钮的警告框。当鼠标指针移动到元素上时触发。鼠标按键被松开。 第一天总结的是一...

    cyrilscyrils 评论0 收藏0
  • PHPCMS上线后栏目URL中域名始终为localhost的解决方案

    PHPCMS上线后栏目URL中域名始终为localhost的解决方案

    摘要:前言徒弟最近在用制作网站,发现上线后无论怎么更新缓存和生成文件都无法改变栏目中的域名。代码说明上面说到底就是三步获取替换重新赋值,这里提供的只是思路和大体方法,具体根据情况可以替换。总结也许这是的一个吧,也许是我们操作方式不对。 前言...

    libxdlibxd 评论0 收藏0
  • 几行代码轻松实现瀑布流显示。

    几行代码轻松实现瀑布流显示。

    摘要:实现思路创建左右两个容器,在数据导入的时候获取两个容器的高度,把即将要导入的数据,导进高度低的一个容器即可。格纹小短裙质量超好特别的舒适,夏天首选。 showImg("https://segmentfault.com/img/bVFb99?w=750&h=1334"); 实现思路:创建左右两个...

    JiaXinYiJiaXinYi 评论0 收藏0
  • css 属性书写顺序推荐

    css 属性书写顺序推荐

    转自自己的 Github/Wizard67 根据 MDN 中 CSS参考 归纳整理。 summary ┌── 布局定位 | ├── 元素定位 | | └── position... | └── 元素浮动 | └── float... |—— 盒子模型 | ├── 盒子类型 ...

    elliott_huelliott_hu 评论0 收藏0
  • 前端开发学习-网址记录

    前端开发学习-网址记录

    摘要:不是一下子能看完综合使用编程是一番怎样的体验学习笔记网站前端开发基础算法题如何优雅地使用如何优雅地使用零度博客码农网伯乐在线什么是页面渲染国外先更到这,还有太多网址,先归类一下再补充。 最近在复习JavaScript知识时遇到以前就不懂的闭包、...

    CatalpaFlatCatalpaFlat 评论0 收藏0
  • margin

    margin

    摘要:二负一个没有设定高度的块状元素,其高度是自动的,具体来说就是由它里面的文档流最后的位置决定的。为负值,会导致元素的边界收缩,其作用只会影响文档流的边界。而文档流边界的减少,会产生以下两个影响。 一、margin移动的参考基线 showImg("https:...

    brianwaybrianway 评论0 收藏0
  • 巧妙使用transform实现环形路径平移动画

    巧妙使用transform实现环形路径平移动画

    摘要:参考环形路径平移的方案,做一些调整,就可以得到型路径平移的写法这里初始把元素放在了上面那个半圆环的圆心,然后在的关键帧位置切换为下面的半圆环路径。 最近在CSS Secrets一书看到了这样一节:让一个元素沿环形路径平移。这是一个css动画的问题,...

    KevinYanKevinYan 评论0 收藏0
  • float 实现三栏布局

    float 实现三栏布局

    摘要:配合简单的结构实现三栏布局结构如下代码,重点在于实现中间栏宽度自适应重点 float 配合简单的 html 结构实现三栏布局 HTML 结构如下 CSS 代码,重点在于 overflow: hidden; 实现中间栏宽度自适应 .outer { height: 100px; border...

    whidywhidy 评论0 收藏0
  • 完美解决safari、微信浏览器下拉回弹效果。

    完美解决safari、微信浏览器下拉回弹效果。

    摘要:完美解决微信浏览器下拉回弹效果,只保留局部回弹效果。代码代码代码 完美解决safari、微信浏览器下拉回弹效果,只保留局部回弹效果。 CSS代码 .box{ overflow: auto; -webkit-overflow-scrolling: touch; } HTML代码 ...

    muddywaymuddyway 评论0 收藏0
  • 大战border的0.5px

    大战border的0.5px

    摘要:本以为解决了,没想到最近提出了安卓手机上线很粗的问题。很明显,它们都是判断如果是安卓就设置为,这不是我想要的结果。我心里想那直接去掉安卓也加上不就得了。说干就干,结果以为好了,然而有一些手机还是有问题,下也出现了粗细不一的。 前言 这...

    cfanrcfanr 评论0 收藏0
  • 手把手教你打造一个纯CSS图标库

    手把手教你打造一个纯CSS图标库

    摘要:方案由于图标图片比较多,而且体积很小,为了减少请求所以很多时候我们会用雪碧图这种技术来将图标拼凑在同一张图片里面。你也能想到,一堆图标的雪碧图,修改维护会相当麻烦现在比较好的方案是使用引入图片,小图直接转换成插入中。 来,干了这碗安利...

    ad6623ad6623 评论0 收藏0
  • LESS和SASS的区别与速查表-译文

    LESS和SASS的区别与速查表-译文

    摘要:原文对于我们开发者来说经常听到一些关于和的信息但是我们并不知道这都是什么意思这篇文章就是为我们而准备的在调查这些语言后我已经发现它们都是一些文件运行后会产生相应文件给我们为什么我们要使用和它们呢因为我们可以避免中需要的重复性人物它们两...

    qingshanli1988qingshanli1988 评论0 收藏0
  • 实践中的电商前端优化

    实践中的电商前端优化

    摘要:前端优化已经是一个被写烂的题材了。前端模板方案有很多。重绘是浏览器性能优化的一个重点,特别是针对的优化。如果你对前端性能优化有自己的想法,欢迎骚扰我。 前端优化已经是一个被写烂的题材了。 虽千万人吾往矣,这里我仅分享我的一些实践经验。 ...

    Michael_DingMichael_Ding 评论0 收藏0
  • 谈谈响应式布局

    谈谈响应式布局

    摘要:今天在这里就略微谈一下响应式布局吧想必大家都知道响应式布局已经在这个移动端为主流的时代成为了避不开的话题之一接下来我们从小到大来谈谈响应式网页设计的基本原则为什么为什么需要响应式设计想必这点不说大家都能想到答案现在是一个移动为先的时代...

    smallStonesmallStone 评论0 收藏0
  • 反思总结然后整装待发

    反思总结然后整装待发

    摘要:保证上线后的版本不会因浏览器缓存而产生影响。前端部分之后会有多人合作,为了提高效率决定采用组件化开发。对之后的维护工作造成了一点困扰。之后的日子里做到一周更新两篇博文,主要是实际项目中遇到的具体问题来加以总结和分析,未完待续。 原文链...

    twohappytwohappy 评论0 收藏0
  • CSS 性能优化笔记

    CSS 性能优化笔记

    摘要:硬件加速是指应用的图形性能对浏览器中的一些图形操作交给来完成,因为是专门为处理图形而设计,所以它在速度和能耗上更有效率。 在实习做一个移动项目的时候,实现一个动画效果,在 iPhone 和 Chrome 上调试没有问题,在千元左右的 Android 机上测试...

    LiuZhLiuZh 评论0 收藏0
  • 原生js实现图片图标拖拽

    原生js实现图片图标拖拽

    功能概要: 原生JS实现图标图拖拽,拖拽的过程中不断输出该div的left、top值。 用html5的drag来实现拖拽有兼容性问题,使用拖拽插件代码又很多,而这个拖拽demo代码少,并且兼容所有浏览器,很值得在项目中使用, css样式: #div1{ width: 100...

    xioquaxioqua 评论0 收藏0
  • 详解javascript的类

    详解javascript的类

    摘要:原文地址详解的类博主博客地址的个人博客从当初的一个弹窗语言,一步步发展成为现在前后端通吃的庞然大物。那么,的类又该怎么定义呢在面向对象编程中,类是对象的模板,定义了同一组对象又称实例共有的属性和方法。这个等同于的属性现已弃用。。 前言...

    hufenghufeng 评论0 收藏0
  • css实现九宫格,覆盖单格显示边框

    css实现九宫格,覆盖单格显示边框

    效果图 showImg("https://segmentfault.com/img/bVE1jK?w=209&h=179"); css *{ margin:0px; padding:0px; } ul.box{ list-style:none; width:165px; ...

    CHENGKANGCHENGKANG 评论0 收藏0
  • float与absolute脱离文档流的区别

    float与absolute脱离文档流的区别

    摘要:对于使用脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。例如将上例中改为。可以看到,第二个的文字亦被第一个的文字给覆盖了 使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。...

    itvincentitvincent 评论0 收藏0
  • 纯css实现面包屑导航

    纯css实现面包屑导航

    摘要:总结使用和伪类实现。标签元素相对定位,伪类绝对定位,使用画出三角形,鼠标滑过的时候是改变而不是改变,否则两个导航之间的白色三角形就变色了,写的时候就碰到过这个问题,还以为是鼠标滑过会连带伪类的一起变色,原来是自己的样式写错了。 Demo:...

    rainyangrainyang 评论0 收藏0
  • 同源策略和跨域

    同源策略和跨域

    摘要:一些技术都默认采取了同源策略,这些技术范围包括但不限于。但是相比较以上的各种场景和绕过同源策略的方法,的跨域请求设置很容易,只需要在目标服务的根目录下 在前端开发的过程中,我们经常遇到"跨域"的问题,以下的文章将列举一下我在工作中碰到的...

    AchillesAchilles 评论0 收藏0
  • 让文本垂直居中的几个方法

    让文本垂直居中的几个方法

    摘要:一使用适用于知道高度,一行文字让和一样高,可使文本垂直居中。在其他值不是的时候,和是可以根据上式算出的。同理和也是宽度需固定高度需固定居中 一、使用line-height(适用于知道高度,一行文字)让line-height和height一样高,可使文本垂直居中。...

    renweihubrenweihub 评论0 收藏0

热门文章

<