文章库ARTICLE COLUMN

  • CSS布局解决方案(终结版)

    CSS布局解决方案(终结版)

    摘要:代码实例等分布局公式转化因此,我们需要解决两个问题如何让总宽度增加即如何让每个宽包含即使用原理用法原理增大父框的实际宽度后,使用属性进行布局的辅助。 前端布局非常重要的一环就是页面框架的搭建,也是最基础的一环。在页面框架的搭建之中,又...

    BlackMassBlackMass 评论0 收藏0
  • 自适应/响应式的功课.....

    自适应/响应式的功课.....

    摘要:请开始清算市面上的电子产品得有百八十种的屏可以供君挑选这其实对在前端一线工作的程序员而言挺灾难的自适应响应式概念解决不同终端的适配问题我们一般有两套方案一是自适应布局二设置响应式布局所谓的自适应就是屏幕变大或是变小它的内容也要做到同步...

    FourierrFourierr 评论0 收藏0
  • JavaScript实现 满天星 导航栏

    JavaScript实现 满天星 导航栏

    摘要:说明分享一个满天星导航栏的效果,代码不多,但效果挺好看,先看看效果图吧。解释实现这个效果,需要掌握的知识不用很多,知道简单的,会用获取元素,能绑定事件基本就足够了。 说明 分享一个满天星导航栏的效果,代码不多,但效果挺好看,先看看效果...

    pumpkin9pumpkin9 评论0 收藏0
  • CSS系列之常用布局

    CSS系列之常用布局

    摘要:流式布局特点等宽不等高参考链接纯实现瀑布流多列及布局原生实现瀑布流效果 参考链接: 干货!各种常见布局实现+知名网站实例分析前端布局基础概述https://juejin.im/post/599970...https://juejin.im/post/5bbcd7...http://elevenbeans.github.io/......

    qylostqylost 评论0 收藏0
  • 自定义input上传图片组件

    自定义input上传图片组件

    自定义input上传图片组件,美化样式 前段时间因为项目需求,做过一个上传图片组件,这里分享下大致思路,希望对有需要的人有所帮助~~~ 功能需求:1.上传图片限制大小、分辨率、类型 2.上传图片支持自由裁剪 3.图片上传后支持预览和删除 ...

    marekmarek 评论0 收藏0
  • 解决swiper.js中无缝轮播的问题。

    解决swiper.js中无缝轮播的问题。

    摘要:根据公司需求需要对让轮播无间隙播放,类似这种效果。通过查看代码,发现这个类中有个属性修改中的源码,将这个属性的值改为即可实现无缝隙轮播,就是这么简单。轮播有它的好处是纯打造的滑动特效插件,面向手机平板电脑等移动终端。 根据公司需求需要...

    tuniutechtuniutech 评论0 收藏0
  • css 命名规范 BEM

    css 命名规范 BEM

    摘要:针对块的类名会加一些前缀,这些前缀在中有类似命名空间的作用。每一个块名应该有一个命名空间前缀每一条规则必须属于一个块。为了避免创建三个不同的块,最好是在块上加修饰符。的源码当中充分实现了这种命名方式在使用的情况下 在项目的开发过程当中...

    mushangmushang 评论0 收藏0
  • 自动轮播切换tab

    自动轮播切换tab

    摘要:一个项目中需要用到类似的功能,自己手写一个轮播切换,不足之处见谅。代码如下内容内容内容内容内容样式什么的自己修改即可 一个项目中需要用到类似的功能,自己手写一个轮播切换,不足之处见谅。代码如下 Document ...

    flybywindflybywind 评论0 收藏0
  • phpStudy环境下composer的安装

    phpStudy环境下composer的安装

    摘要:前言原来是做开发的,现在转行前端工程师,因为很久没有接触了,可能会有其他问题,这里简单记录一下,后期遇到什么问题再进行更新话说下载特别慢所以这里给个网盘链接密码设置点击版本切换查看版本信息运行文件选择对应版本下面就直接下一步下一步就行...

    he_xdhe_xd 评论0 收藏0
  • 关于Sprites的一些理解

    关于Sprites的一些理解

    摘要:今天做测试,遇到一道选择题。通过查找资料得知,也叫雪碧图,将网页中的多个小图标,集合到一整张图中。的优点有减少网页的请求,大大提高网页的性能。将多张图片拼成一张,可减少字节。命名方便,一次命名多次使用。的缺点有开发繁琐。 今天做测试,...

    el09xccxyel09xccxy 评论0 收藏0
  • 纯css三角形及其应用

    纯css三角形及其应用

    摘要:前言对于气泡对话框或者与内容连接部分会有小三角形效果,可能在以前直接用图片去实现,其实用纯即可实现,下面要实现的效果分别是微信对话框和面包屑,以此回顾记录一下。 前言 对于气泡对话框或者Popover与内容连接部分会有小三角形效果,可能在以前...

    aaronaaron 评论0 收藏0
  • vue php实战项目开发(一)

    vue php实战项目开发(一)

    摘要:说在前面项目开发过程中一直在学习,所以记录的过程可能比较乱,打算前台使用,后台使用开发手机端的项目,这里记录遇到的问题和学习的过程环境下搭建虚拟域名,并开启重写打开这里注意是文件夹下的里配置我从网上查的是要配置的打开文件夹下的添加访问...

    adieadie 评论0 收藏0
  • Jquery就是这么简单

    Jquery就是这么简单

    摘要:在内部还是调用这些方法。对象下标,从开始对象下标,从开始再次重申对象只能调用对象的,对象只能调用对象的对象转成值得注意的是在脚本内,是代表对象的。对象转成对象语法也非常简单在内写上对象,就变成了对象了。在文档中对它的解释是这样子的。 ...

    wpwwpw 评论0 收藏0
  • Sass

    Sass

    摘要:同样的在下安装有多种方法。这样的文件,命名规范是以下划线开头的,这样的文件不会被编译成文件。这个特性现在正被众多开发者滥用。就是取值的一种特殊形式,符合特殊用法。函数名称参数列表数据处理继承允许一个选择器,继承另一个选择器。 sass介绍...

    StonePandaStonePanda 评论0 收藏0
  • CSS总结

    CSS总结

    摘要:,视窗高度,等于视窗高度的。并不会对他周围的元素产生任何影响。修改属性只会造成本元素的重绘。虽然它和普通的类相似,可以为已有的元素添加样式,但是它只有处于树无法描述的状态下才能为元素添加样式,所以将其称为伪类。 display inline/inline-...

    godlong_Xgodlong_X 评论0 收藏0
  • 假设高度已知,请写出三栏布局,其中左栏、右栏各为300px,中间自适应的五种方法

    假设高度已知,请写出三栏布局,其中左栏、右栏各为300px,中间自适应的五种方法

    摘要:假设高度已知,请写出三栏布局,其中左栏右栏各为,中间自适应的五种方法页面布局题目假设高度已知,请写出三栏布局,其中左栏右栏各为,中间自适应浮动解决方案浮动解决方案这是三栏布局的中间部分这是三栏布局的中间部分绝 假设高度已知,请写出三栏...

    alaegealaege 评论0 收藏0
  • 常用的CSS框架

    常用的CSS框架

    摘要:常用的框架之前在写自己的个人网站的时候,由于自己前端不是特别好,于是就去找相关的框架来搭建页面了。找到以下这么一篇文章列出了很多常用的框架本篇主要是记录我用过的框架,并把之前写过的笔记进行整合一下。 常用的CSS框架 之前在写自己的个人网...

    AlfredAlfred 评论0 收藏0
  • JsChart组件使用

    JsChart组件使用

    摘要:设置曲线图的轴值,或柱状图的轴值,对饼图无效,默认是。设置柱状图边框宽度,只对柱状图有效。设置柱状图矩形间距,由此来控制柱状图的宽度,值为之间的整数,默认是。设置柱状图矩形值的字体大小,默认自定义生产元素的前缀,默认是,此值一般不用修...

    番茄西红柿番茄西红柿 评论0 收藏0
  • ES6 常用知识点总结

    ES6 常用知识点总结

    摘要:常用知识总结之前总结了中的一些知识点。在年正式发布了,简称,又称为。作为构造函数的语法糖,同时有属性和属性,因此同时存在两条继承链。子类的属性,表示构造函数的继承,总是指向父类。 ES6常用知识总结 之前总结了es5中js的一些知识点。这段时...

    leap_frogleap_frog 评论0 收藏0
  • 自己动手写一个侧导航栏组件

    自己动手写一个侧导航栏组件

    摘要:侧导航栏在移动端会隐藏,显示一个触发按钮,点击按钮,打开侧导航栏,再点击关闭。 github仓库地址:https://github.com/meidongwei... 在当前这个大移动时代,我们写的网页越来越注重手机端的适配,这得益于 CSS3 的媒体查询,我也是在工作中有这样...

    xuxuelixuxueli 评论0 收藏0
  • WordPress 主题开发:从入门到精通(必读)

    WordPress 主题开发:从入门到精通(必读)

    摘要:本专栏介绍如何开发设计你自己的主题。你也许想为自己开发主题,或者制作公开发行的的主题。主题的剖析主题目录位于。请避免使用数字名字,这会导致无法在主题列表中正常显示出来。快速简单的入门到了解这一方便简洁的开源系统中。 本专栏介绍如何开发...

    luzhuqunluzhuqun 评论0 收藏0
  • 基于inline-block进行自适应列表布局

    基于inline-block进行自适应列表布局

    摘要:代码如下为省略的其他属性内容直接让块元素设置为内联对象呈递设置属性,然后触发块元素的如或属性等。 需求 无论是电商网站展示商品列表还是个人博客展示文章列表,或者是社交站点展示好友列表,往往会遇到自适应列表布局的需求,本文介绍一种使用inl...

    CheriselalalaCheriselalala 评论0 收藏0
  • 你可能不了解的动画神器之requestAnimationFrame及其兼容写法

    你可能不了解的动画神器之requestAnimationFrame及其兼容写法

    摘要:就是为动画而生的,用于改变样式或。例如同时进行的如下任务基于的动画动画。而且,当正在执行动画的标签页不可见时,浏览器并不会一直运行它,这就意味着更少的和内存的使用,从而延长电池寿命。我同时也修正了方法名称内核的浏览器已更改过。 介绍 ...

    MAX_zuoMAX_zuo 评论0 收藏0
  • CSS 选择器,一篇就够了

    CSS 选择器,一篇就够了

    摘要:摘自简介选择器是规则的一部分且位于声明块前。选择器选择器由哈希磅符号组成,后面是给定元素的名称。通用选择器通用选择是最终的王牌。子选择器允许您选择一个元素,该元素是另一个元素的直接子元素。该选择器仅选择属性被赋值为的所有元素。 摘自 M...

    SonglcySonglcy 评论0 收藏0
  • 纯CSS画三角原理解析

    纯CSS画三角原理解析

    摘要:纯画三角原理解析因为之前做一个页面出现了很多三角,开始直接用图片感觉并不是很好用,看着总是怪怪的颜色还很难调整的跟背景一样,就搜了一波代码直接用上了,事后想了一下感觉不知道具体原理是什么,很奇怪为什么边框能设置成三角的样式。 纯CSS画...

    lidashuanglidashuang 评论0 收藏0

热门文章

<