文章库ARTICLE COLUMN

  • 记录最近的一些遇到的前端面试题

    记录最近的一些遇到的前端面试题

    摘要:引用值指的是复合数据类型的值,即等。答事件流三个阶段事件捕捉,目标阶段,事件冒泡。事件冒泡事件开始由最具体的元素接受,然后逐级向上传播事件捕捉事件由最不具体的节点先接收,然后逐级向下,一直到最具体的部分问的事件绑定方式。 HTML部分:1....

    AWangAWang 评论0 收藏0
  • 原生JS封装AJAX请求

    原生JS封装AJAX请求

    摘要:一直在用方法来写请求,用的多了,不免对这其中是怎么实现的产生了兴趣,于是乎,小弟闲来无聊研究了一下原生实现请求,网上看了很多前辈们的关于请求的封装方法,也借鉴了很多经验,于是乎就出现了小弟的一个原生封装的版本,希望大家看了之后能够明白...

    hiyanghiyang 评论0 收藏0
  • 移动Web利器transformjs入门

    移动Web利器transformjs入门

    摘要:更别提配合一些运动或者时间的库来编程了。姿势封装了一大堆关键帧动画,开发者只需要关心添加或者移除相关的动画的便可以。 简介 在过去的两年,越来越多的同事、朋友和其他不认识的童鞋进行移动web开发的时候,都使用了transformjs,所有必要介绍一...

    mrcodemrcode 评论0 收藏0
  • 从零开始拥有一个自己的网站(流程版)

    从零开始拥有一个自己的网站(流程版)

    摘要:欢迎指点错误,更详细的介绍和操作截图会在其他文章叙述,欢迎加一起交流本文所用本机系统为的深度系列,阿里云服务器为系列的一准备工作你需要的工具一共有系统,,,网站账号,阿里云服务器,域名。 欢迎指点错误,更详细的介绍和操作截图会在其他文...

    宠来也宠来也 评论0 收藏0
  • Day05-flexible.js

    Day05-flexible.js

    摘要:今天是来到新公司的第五天,开始看手中的项目,做的东西是类似网易一元购这样的产品,有安卓平台还有网站,总共三个渠道。解决屏问题的可行方案是以的设计稿为例在时,图片统一使用设计稿的切图在时,图片统一使用,也就是所谓设计稿的切图。 今天是来...

    HtmlCssJsHtmlCssJs 评论0 收藏0
  • 因为这个玩意,可以让使用 Amaze UI 的开发者更 Happy!!

    因为这个玩意,可以让使用 Amaze UI 的开发者更 Happy!!

    摘要:为了能够更好的服务开发者,最近上线了一个新的频道插件库,顾名思义,里面提供了很多基于的插件,可以让使用的开发者直接使用,保证了良好的开发体验。 为了能够更好的服务开发者, Amaze UI 最近上线了一个新的频道插件库,顾名思义,里面提供了...

    yuxueyuxue 评论0 收藏0
  • 前端阅读笔记 2016-11-16

    前端阅读笔记 2016-11-16

    摘要:对来说,百分比都是按照父元素的宽度来计算的百分比值的则是按照父元素的高度计算。但是,按照父元素宽高百分比计算是严格的和时,还会涉及到所谓死循环的问题。另外,需要注意,这种是没有意义的。打算利用公众号分享每天的阅读笔记。 常规早读 关于J...

    陈江龙陈江龙 评论0 收藏0
  • 那是被我玩坏的线上简历

    那是被我玩坏的线上简历

    摘要:侵权删有新意的奉上经过切图没什么好说的,说一下字体那一块,我本来想引用字体,有点担心国内网络会不会不好加载,于是选择下载到本地直接用,结果思源黑体是真的大,,我本地调试加载都够我看完一集毒枭了此处用了夸张的手法,厉害了。 我的前端求职...

    bingobingo 评论0 收藏0
  • css 样式收集

    css 样式收集

    clearfix /*清除浮动*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac */...

    weijweij 评论0 收藏0
  • CSS当中link与@import指令的区别

    CSS当中link与@import指令的区别

    摘要:由于工作中一直使用标签引入外部文件,也没有专门了解过指令的使用方式及其与标签的区别。首先,和的作用是相同的,都是用来引入外部代码,只是二者服务的对象不同标签为当前的页面服务,而只为服务。 在平时的前端开发工作中,我们使用HTML页面引入CS...

    WildcardWildcard 评论0 收藏0
  • 说走就走的性能优化之旅

    说走就走的性能优化之旅

    摘要:雅虎规则熟悉网站优化的开发者应该都知道,只要提到网页性能优化,就绕不开雅虎军规。页面加载前置,后置,首屏无关的不加载,图片懒加载,精简之类的,都是在网页加载层面上的优化,可以算作请求都结束了之后做的东西。同时达到了最初的目的。 雅虎规...

    U2FsdGVkX1xU2FsdGVkX1x 评论0 收藏0
  • 移动端页面开发适配 rem布局原理

    移动端页面开发适配 rem布局原理

    摘要:移动端页面开发适配布局原理什么是适配,为什么要适配我们拿到的设计图一般是以,,分辨率为基准设计的,而现在的手机终端各式各样,分辨率不同,逻辑像素不同,视口不同,所以为了让我们的页面在每个设备上都可以良好的展示,那么就需要为这些设备做统...

    svttersvtter 评论0 收藏0
  • CSS居中方法总结

    CSS居中方法总结

    摘要:此时检查元素即可即可实现内层的实现了居中这种方式是最为我们熟知的,其缺点是需要设置子元素的宽度。交叉轴居中当设置了属性时,主轴的方向会改变。垂直居中实现方案用的属性,以及定位,与上面的水平居中类似,只是改为即可。 水平居中实现方案 确...

    ralapralap 评论0 收藏0
  • Fullscreen API 全屏显示网页

    Fullscreen API 全屏显示网页

    摘要:进入全屏将全屏显示。内核浏览器和表现不同,前者只要求是元素即可,后者则要求必须是文档流中的元素,比较严格,否则不能全屏显示。内核浏览器会阻止除方向键控制键之外的键盘输入,会在输入时发出要求用户退出全屏状态的提示。 第一次看到应用 Fulls...

    TNFETNFE 评论0 收藏0
  • display 与 visibility

    display 与 visibility

    摘要:项目开发中经常会遇到需要显示和隐藏元素。标准对这个两个属性的解释如下设置元素如何显示。此元素会被显示为内联元素,元素前后没有换行符。被行或列占据的空间会留给其他内容使用。但是行调换位置后,设置鼠标焦点事件就不会生效了。 项目开发中经常...

    junfeng777junfeng777 评论0 收藏0
  • Bootstrap网格系统

    Bootstrap网格系统

    摘要:栅格系统中的列是通过指定到的值来表示其跨越的范围。实例下图是一个栅格系统,共有四行。然后在根目录中,使用命令,可以自动将源代码编译成,放在目录中。 什么是Bootstrap Bootstrap是一个用于快速开发Web应用程序和网站的前端框架,它包括HTML,CSS...

    ISherryISherry 评论0 收藏0
  • Safari的CSS HACK方法

    Safari的CSS HACK方法

    .thei{ [;color:#666;] } 这里面的颜色只针对苹果的safari浏览器有效果。

    HwgHwg 评论0 收藏0
  • 提升你的CSS姿势

    提升你的CSS姿势

    摘要:父类为,代表着一系列文章的列表。对于可读性较好地与代码,不应该像一本书,而应该像一个故事,一个故事中会存在角色和角色之间的关系,而这种更多的语义化地可以较好地提示你整个代码的可维护性。无论哪种文件组织方式比较顺眼,你都应该遵循统一的原...

    dingding199389dingding199389 评论0 收藏0
  • Sass 与 SCSS 是什么关系?

    Sass 与 SCSS 是什么关系?

    摘要:下面是一个简短的说明当我们说起,我们经常指的是两种事物一种预处理器和一种语言。同时,预处理器有两种不同的语法一种缩进语法一种语法历史最开始,是的一部分,是一种预处理器,由开发者设计和开发。 我最近写了很多 Sass 代码,但是最近发现并不是...

    funnyZhangfunnyZhang 评论0 收藏0
  • H5项目常见问题及注意事项

    H5项目常见问题及注意事项

    摘要:解决方案可以解决在手机上点击事件的延迟的模块,事件也是为了解决在的延迟问题显示屏原理及设计方案说明屏是一种具备超高像素密度的液晶屏,同样大小的屏幕上显示的像素点由个变为多个,如在同样带下的屏幕上,苹果设备的显示屏中,像素点个变为个。 ...

    Little_XMLittle_XM 评论0 收藏0
  • window.devicePixelRatio 独立像素比(经典文章+原创)

    window.devicePixelRatio 独立像素比(经典文章+原创)

    摘要:独立像素像素像素是一个抽象的单位,主要使用在浏览器上,用来精确的度量确定页面上的内容。一般情况下,像素被称为与设备无关的像素像素,简称为。在一个标准的显示密度下,一个像素对应着一个设备像素。独立像素比物理像素独立像素。 设备像素/物理...

    _ang_ang 评论0 收藏0
  • 个人Web前端开发切图PS设置

    个人Web前端开发切图PS设置

    摘要:五保存设置窗口工作区新建工作区名称切图,后两个选上,然后点击存储,这样就可以保存下来,防止丢失了。 (一) 文件新建设置 画布大小 Web(1920×2000) 像素 分辨率(R) 72 像素/英寸 颜色模式 RGB 8位 背景内容(透明)showImg("https://segmentfault...

    keithyaukeithyau 评论0 收藏0
  • 使用resume-master快速制作简历

    使用resume-master快速制作简历

    摘要:是一个简历生成器项目,该项目从中读取数据,可部署到在线浏览,也可生成格式简历。该项目使用进行构建,只需在中填入你的个人信息,然后在终端执行几个命令行即可快速构建属于您的个人简历。 About this repo resume-master 是一个简历生成器项目,该...

    EastWoodYangEastWoodYang 评论0 收藏0
  • 【译】HTML表单样式

    【译】HTML表单样式

    摘要:并非所有组件受的影响都是平等的如今在表单使用时依然有一些困难这些问题可归为三类还好的若存在跨平台问题,一些元素可以只添加少许的样式,有如下几个结构元素此外,还有所有的文本框组件单行或多行,以及按钮。 系列文章说明 原文 本文中,我们将...

    DC_erDC_er 评论0 收藏0
  • 关于css3的阴影遮盖问题的小研究

    关于css3的阴影遮盖问题的小研究

    摘要:今日在写一个阴影效果的时候遇到了一个小问题不多说上代码可以看到下方的阴影总被遮挡但如果我想要这种效果应该怎么实现呢刚开始我想到的是是不是改一下的值就可以正常显示了呢我们试试将第二个的设为结果这样果然毫无效果于是我尝试使用在第二 今日在...

    feng409feng409 评论0 收藏0

热门文章

<