文章库ARTICLE COLUMN

  • 前端面试复盘

    前端面试复盘

    摘要:从上面那段代码可以看到,下的上外边距只占了两个距离的一半,所以两个的间距是。下面分别对第和第个条件进行了测试。关于这一点,两个元素的间距是这样计算的上的下外边距包裹上的下内边距下的上外边距可以看下面这个例子印证第三点。 昨天面了html5...

    hufenghufeng 评论0 收藏0
  • 滑动效果的原理及实践一个滑动小插件

    滑动效果的原理及实践一个滑动小插件

    摘要:支持则认为是移动端,否则为端声明事件函数端和移动端这个函数是通用的。滑块的移动应该依据现在的位置计算。 本文转载自blog 转载请注明出处 目录 前言 基本原理 html结构 实践 小结 前言 移动端,滑动是很常见的需求。很多同学都用过swiper.js,本...

    coordinate35coordinate35 评论0 收藏0
  • 前端基础知识学习记录(二)

    前端基础知识学习记录(二)

    摘要:无序列表无序列表是一个项目的列表,此列项目使用粗体圆点典型的小黑圆圈进行标记。可以取值为实心黑圆点空心圆点实心黑方点。有序列表有序列表同样也是一列项目,列表项目使用数字进行标记。自定义列表自定义列表是项目及其注释的组合。 前端基础知识...

    VultrVultr 评论0 收藏0
  • 最近很火的百度MIP之 zblog改造

    最近很火的百度MIP之 zblog改造

    摘要:很多人都问过我,咖啡你的主题模板到底怎么改的。的改造非常简单。今天就免费给大家献上改造方案。好了,直接进入正题模板文件规范自己改,不多说。原文地址这是个技术文章,各位可以转载哈。 很多人都问过我,咖啡你的MIP主题模板到底怎么改的。我就...

    Jenny_TongJenny_Tong 评论0 收藏0
  • php - nginx 网站快速搭建

    php - nginx 网站快速搭建

    php升级:https://zhongzilu.github.io/2...升级php5-3到5-5/注: 安装php-fpm : yum install fpm 启动:/etc/init.d/php-pm start nginx安装:http://www.runoob.com/linux/n... 启动:/usr/local/webserver/nginx/sbin/nginx...

    stormzhangstormzhang 评论0 收藏0
  • browsersync使用

    browsersync使用

    记得在学习Nodejs的时候有一个很好的Node模块吸引了我,它能对我修改的某一个css, js 或者目录的变化进行监控,然后我们可以通过浏览器来查看监听的服务下文件发生的变化!下面我来简单的介绍一下它 当然我们也可以去官网直接找对应的使用文档,官网也是讲...

    SimonMaSimonMa 评论0 收藏0
  • 色彩研究

    色彩研究

    摘要:色彩的三属性色相即红橙黄绿青蓝紫明度明暗的意思从黑到白一共级,为不同程度的灰色,每个水平层面上都是同一明度。有明度差的色彩更容易调和,一般有级以上的对比色都能调和。 1.色彩的三属性 1.色相:即红、橙、黄、绿、青、蓝、紫 2.明度:明暗的...

    BWrongBWrong 评论0 收藏0
  • Goutte基本用法

    Goutte基本用法

    摘要:基本用法最近工作上用到爬虫框架号称是上最好用的爬虫框架。这里记下自己用到过的使用技巧,免得下次使用的时候再摸索。 Goutte基本用法 最近工作上用到PHP爬虫框架Goutte(号称是PHP上最好用的爬虫框架)。这里记下自己用到过的使用技巧,免得下次使用...

    ?xiaoxiao,?xiaoxiao, 评论0 收藏0
  • 实现环形进度条(CSS3+jQuery/Vue)

    实现环形进度条(CSS3+jQuery/Vue)

    摘要:整体思路是通过裁切产生两个半圆展示出静态的进度条,而后通过旋转角度的变化产生动态效果。而蓝色部分元素的颜色,是我们还未到达的进度。演示勤快的我去里写了一下这个是的实现这个是的实现环形进度条。参考文章利用和实现环形进度条 整体思路是:通...

    charles_paulcharles_paul 评论0 收藏0
  • 响应式网站开发基础

    响应式网站开发基础

    摘要:搭建添加媒体查询标签添加标签嵌入标签嵌入因为性能的原因,应该避免使用间断点的选取弹性常见响应模式序号模式图解大体流动模型掉落列模型活动布局模型画布溢出模型有时一个网页同时结合几种模式,例如掉落列和画布溢出模型。 准备工作 远程调试 ch...

    tuomaotuomao 评论0 收藏0
  • Mock.js使用

    Mock.js使用

    摘要:是一款前端开发中拦截请求再生成随机数据响应的工具可以用来模拟服务器响应优点是非常简单方便无侵入性基本覆盖常用的接口数据类型大概记录下使用过程详细使用可以参见文档安装使用安装或直接数据模板格式属性名生成规则属性值请求发起请求响应响应模板...

    hlcfanhlcfan 评论0 收藏0
  • Vue入门——Vue的核心

    Vue入门——Vue的核心

    代码部分请下载本文代码阅读,代码均能正常运行并有详细的注释。 本文代码下载地址 概述 无需置疑,Vue之所以能如此之火,主要受益于它是一个MVVM框架和它易学的文档,几乎所有觉得学习Vue有难度的开发者都是觉得组件脚手架等等不太好理解,但是这些都不是V...

    OliviaOlivia 评论0 收藏0
  • Javascript中的深复制

    Javascript中的深复制

    摘要:对一个对象或者数组这种引用类型的值进行复制可以分为浅复制和深复制,比如这样的一个对象很明显这个对象是存在两层的,不是基本类型值,而是另一个对象。上面讲的就是浅复制,在实际应用中存在很严重的问题。基于的做法是这样的浅复制深复制 对一个对...

    AbnerMingAbnerMing 评论0 收藏0
  • 记一次游戏H5开发经验

    记一次游戏H5开发经验

    摘要:为了实现物体随机出现的效果,让每个物体随机多少秒后开始出现最后一个物体出现完,多少秒后出现结束画面等等,需要理清楚各个定时器的关系,并对其添加语义化良好的标记,及时对未完结的定时器进行清除,防止定时器带来的意想不到的问题。 快到年终的...

    GitChatGitChat 评论0 收藏0
  • 前端开源项目周报0328

    前端开源项目周报0328

    摘要:由出品的前端开源项目周报第十四期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 由OpenDigg 出品的前端开源项目周报第十四期来啦。我们的前端开源周报集合了OpenDigg一周来新...

    李增田李增田 评论0 收藏0
  • HTML 邮件兼容问题与解决方案

    HTML 邮件兼容问题与解决方案

    摘要:因为微软一向地特立独行,使得成为了最难啃的骨头。这就意味着邮件中几乎只有这几个元素,尽量避免使用或是其他标签。 HTML 邮件内容虽然也是 HTML,但是和我们在网页上使用的 HTML 不同,因为安全原因,各大邮箱服务商及邮件客户端都会对邮件内容进行...

    RdouTypingRdouTyping 评论0 收藏0
  • 干掉F5,无需配置轻松实现浏览器页面自动刷新

    干掉F5,无需配置轻松实现浏览器页面自动刷新

    摘要:摘要在写页面的时候大家肯定都干过这种事情先在编辑器里改一个属性,保存再切回浏览器刷新页面看效果。本文介绍了一种让检测文件变化让浏览器自动刷新的办法,无需配置,操作简单。 摘要 在写web页面的时候大家肯定都干过这种事情:先在编辑器里改一个...

    ideaaideaa 评论0 收藏0
  • 前端入门教程——纯css制作二级菜单

    前端入门教程——纯css制作二级菜单

    摘要:首先,需要声明的是本教程是写给初级者参考的,如果您已经有一定的基础请直接忽略吧二级菜单是网站开发中很常见的功能模块,但是对于初级者来说却还是有些困难,下面我就拿几个常见的案例来讲好了。 首先,需要声明的是本教程是写给初级者参考的,如果...

    vslamvslam 评论0 收藏0
  • webkit内核浏览器自定义滚动条样式

    webkit内核浏览器自定义滚动条样式

    摘要:滚动条两端的按钮。内层轨道,滚动条中间部分除去。有如下功能若是水平滚动条,则属性不起作用,属性用来控制滚动条相应部分竖直方向高度若是竖直滚动条,则属性不起作用,属性用来控制相应部分的宽度。 CSS ::-webkit-scrollbar { /...

    AchillesAchilles 评论0 收藏0
  • webpack1学习笔记

    webpack1学习笔记

    摘要:基本介绍引入文件打包文件预览选项参数基本配置创建项目创建并引入创建可参考官网配置模块化输出指定文件为详解和的种单一字符串,数组,对象根绝不同而不同数组和打包成对象多页面应用 基本介绍 引入文件 // a.js require("./b.js") require("style-l...

    DevYKDevYK 评论0 收藏0
  • vue for contacts项目总结

    vue for contacts项目总结

    摘要:用来主要前台的请求,并处理返回相关的数据,做后台服务。总结做完这个项目,其中的过程还是挺艰辛的,毕竟都是边学边做,不过最后能完成还是挺开心的,终于有了一个从到的项目过程。虽然只是一个小小的练手项目,不过对于目前的我,感觉还是不错的。 ...

    ARGUSARGUS 评论0 收藏0
  • 纯CSS实现网站常用的五角星评分和分数展示交互效果

    纯CSS实现网站常用的五角星评分和分数展示交互效果

    摘要:技术我们使用一些特殊的选择器,然后配合单选框以及复选框自带的一些特性,可以实现元素的显示隐藏效果。当接口返回的分数是分的时候,刚好占据一半的星星,星半,只要计算出百分比就行,只用管数据,用上数据驱动的特点来动态展示样式这个简直不要太容...

    Tony_ZbyTony_Zby 评论0 收藏0
  • 二列布局

    二列布局

    摘要:宽度自适应两列布局两列布局可以使用浮动来完成,左列设置左浮动,右列设置右浮动,这样就省的再设置外边距了。横向两列布局页头导航左上右上左下右上右下页脚 1、宽度自适应两列布局  两列布局可以使用浮动来完成,左列设置左浮动,右列设置右浮动...

    stormgensstormgens 评论0 收藏0
  • SVG蒙版(mask)的基础使用教程

    SVG蒙版(mask)的基础使用教程

    摘要:接下来我先以为例,简单解释蒙版的工作原理。先创建红色前景和蓝色背景在中使用蒙版需要在使用前在中定义并为其设置一个唯一,然后在需要应用蒙版的元素上添加一条属性。在蒙版中的黑白渐变,应用到彩色图层上就会产生透明度的渐变。 蒙版工作原理 设...

    LittleLiByteLittleLiByte 评论0 收藏0
  • 神经病啊!——微信同层播放器接(踩)入(坑)总结

    神经病啊!——微信同层播放器接(踩)入(坑)总结

    摘要:估计踩过微信视频这个坑的,内心都想说上一句神经病啊而微信也终于出了个同层播放器接入规范,算是正常点了好了闲话不说,下边进入正题标签里的内联播放相关属性微信在标签上新增了一些的私有属性,分别是启用同层播放。 估计踩过微信视频这个坑的,内...

    liuchengxuliuchengxu 评论0 收藏0

热门文章

<