文章库ARTICLE COLUMN

  • 为什么要用postcss

    为什么要用postcss

    摘要:预处理器让前端开发人员大大提升了开发速度,跟类拟的还有。全局变量的污染,在多人开发过程当中,定义选择器时,需要顾及到其他地方是否使用了同样的命名。声称比预处理器快倍。 随着技术的发展,目前css已经发展到了第三阶段css3.css3能够支持更多的...

    zhonghanwenzhonghanwen 评论0 收藏0
  • 现代JS中的流程控制:详解Callbacks 、Promises 、Async/Await

    现代JS中的流程控制:详解Callbacks 、Promises 、Async/Await

    摘要:控制台将显示回调地狱通常,回调只能由一个异步函数调用。更多资源使更友好规范使用异步函数简化异步编码旅程异步编程是一项在中无法避免的挑战。 JavaScript经常声称是_异步_。那是什么意思?它如何影响发展?近年来这种方法有何变化? 请思考以下代...

    shadowbookshadowbook 评论0 收藏0
  • 前端每日实战:117# 视频演示如何用纯 CSS 创作一只愤怒小鸟中的红火

    前端每日实战:117# 视频演示如何用纯 CSS 创作一只愤怒小鸟中的红火

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。为头部增加阴影为眼睛增加阴影为嘴增加阴影大功告成 showImg("https://segmentfault.com/img/bVbfUe...

    AWangAWang 评论0 收藏0
  • 5分钟吃透React Native Flexbox

    5分钟吃透React Native Flexbox

    摘要:在中是主流布局方式。它有三种状态正数零与负数。来看下运行效果。这是为正数的情况,如果,控件的大小就会根据设置的与来固定显示。如果发现生效的方式请务必告知。在中有主轴与副轴之分,主轴控制的排列方向,默认为。默认值为,继承父容器的属性。 ...

    developerworksdeveloperworks 评论0 收藏0
  • 深入理解css之float

    深入理解css之float

    摘要:破坏文档流这是最本质的特性,因此设计的初衷就是破坏文档流。但是也有一种情况是,浮动元素前后并没有内联元素,因此也就不存在行框盒子,这时候就是浮动锚点在起作用。 前言 在css中,是存在流的概念的。在正常情况下,页面总是从左到右,从上到下布...

    NekronNekron 评论0 收藏0
  • 基于jQuery封装的分页组件(可自定义设置)

    基于jQuery封装的分页组件(可自定义设置)

    摘要:封装的分页组件前几天做了一个的组件分页,而现在需求是的分页,我就根据我自己的需求写了一个。在网上找了很久的基于的分页封装,可是都不是我想要的结果,那么今天我就给大家看一下我的这个分页。 jQuery封装的分页组件 前几天做了一个vue的组件分页...

    lmxdawnlmxdawn 评论0 收藏0
  • Hello Vue: Vue快速入门教程

    Hello Vue: Vue快速入门教程

    摘要:快速入门教程,此教程包括使用的组件。的核心是能够使用简单的模板语法以声明方式将数据呈现给。到目前为止,它看起来并没有太大的不同。如果我们点击下拉菜单,我们会得到两个选择或。在下拉菜单中选择不同的选项,上面的文本也将相应的发生变化。 Vu...

    Pines_ChengPines_Cheng 评论0 收藏0
  • 如何对GitHubPages上的静态资源进行CDN加速

    如何对GitHubPages上的静态资源进行CDN加速

    摘要:幸运的是,采用任播技术架设镜像服务器可解决该问题,并使得实际运行的根域名服务器数量大大增加。截至年月,全球共有台根域名服务器在运行。 前记 从我开始学习前端我就一直在做着我的个人简历网站,使用GitHubpPages的预览功能进行预览,但是由于最...

    SHERlocked93SHERlocked93 评论0 收藏0
  • 图片懒加载

    图片懒加载

    摘要:图片懒加载部分内容请看以下代码呈现正如以上呈现的部分相比较为简单主要是个组成,特别注意的有个属性后文会着重强调部分此部分内容用到部分的内容所以看不懂得小伙伴们可以先普及下的知识网页的全局样式解决兼容问题宋 图片懒加载 HTML部分: 内容请...

    amuqiaoamuqiao 评论0 收藏0
  • JavaScript 日期权威指南

    JavaScript 日期权威指南

    摘要:在内部,日期以年月日以来的毫秒数表示。以毫秒为单位记录原因。你也可以使用将返回一个时间戳以毫秒为单位而不是对象。如果您使用天数计算超过一个月,则不会出现错误,日期将转到下个月数月,小时,分钟,秒和毫秒都是如此。 简介showImg("https://s...

    ssshooterssshooter 评论0 收藏0
  • 从一个最简单例子写一个极简双向绑定

    从一个最简单例子写一个极简双向绑定

    摘要:目标你好上面是最常见的的用法现在我就只实现一件事改变执行这一句时页面会及时更新开始动工第一步先声明一个类我们一开始定义的属性是定义在中的我们想要这样赋值的时候和的相关联需要中间做一个代理修改代码执行函数实现代理观察的属性要想实现这样赋...

    zhaochunqizhaochunqi 评论0 收藏0
  • 前端每日实战:114# 视频演示如何用纯 CSS 和混色模式创作一个 loader 动画

    前端每日实战:114# 视频演示如何用纯 CSS 和混色模式创作一个 loader 动画

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbfIyK?w=400&h=303"); 效果预览 按下右侧的点击预览...

    BryanBryan 评论0 收藏0
  • 如何配置 vue-cli 3.0 的 vue.config.js

    如何配置 vue-cli 3.0 的 vue.config.js

    摘要:那么,我们该如何去配置自己的项目了其实这一切都是因为的项目初始化,帮开发者已经解决了,甚至绝大部分情形下的配置。 vue-cli 3 英文文档vue-cli 3 中文文档webpack 4 pluginswebpack-chain TLDR vue-cli 3 与 2 版本有很大区别 vue-cli 3 的 gith...

    xuweijianxuweijian 评论0 收藏0
  • mpvue的自定义组件中运行$emit函数时输入框光标抖动的解决办法

    mpvue的自定义组件中运行$emit函数时输入框光标抖动的解决办法

    摘要:记录一个中遇到的问题遇到问题在中运行时输入框的光标抖动。光标闪烁这个问题一般可以用官网推荐的方法修饰符解决,但是在此情况尝试无效。解决办法于是我用想象力,没错是想象力。 记录一个mpvue中遇到的问题 遇到问题 //css //vue export defaul...

    tangr206tangr206 评论0 收藏0
  • 神奇的hsl

    神奇的hsl

    摘要:今天我们看看这种色彩模式,能在中产生什么神奇的变化这是效果图代码在这儿像一串糖葫芦,下面贴代码一先给所有的一个样式二用伪类给圆圈加线条三给每一个圆圈设置变量通过这个简单的示例,可以掌握的用法以及变量 HSL色彩模式是工业界的一种颜色标准...

    MudOnTireMudOnTire 评论0 收藏0
  • JavaScript的几种循环方式

    JavaScript的几种循环方式

    摘要:本教程解释了现代中各种各样的循环可能性目录介绍提供了许多迭代循环的方法。引入了循环,它结合了的简洁性和破解能力注意使用。此循环在每次迭代中创建一个新范围,因此我们可以安全地使用它而不是。 JavaScript提供了许多通过LOOPS迭代的方法。本教...

    AllenAllen 评论0 收藏0
  • 《css揭秘》读书笔记

    《css揭秘》读书笔记

    摘要:但是根据本司机两年的开发经验来看,在实际开发中很少来使用这个单位。由于基本都是一些实用性的技巧,我就不一一列举了,建议自读。很好很实用的一本书。 第一章 引言 css编码技巧 在引言中,作者提到使用em与inherit来实现css代码的简洁与可维护性。...

    xiguadadaxiguadada 评论0 收藏0
  • 利用js实现等腰三角形

    利用js实现等腰三角形

    摘要:等腰三角形主要是利用中的循环考验对循环的灵活运用还有就是利用空格来调位置,来实现等腰三角形的排列。 等腰三角形 主要是利用js中的for循环考验对for循环的灵活运用还有就是利用空格来调*位置,来实现等腰三角形的排列。 for (var h = 9 - 1; h >=...

    lscholscho 评论0 收藏0
  • 前端常见问题——一像素显示

    前端常见问题——一像素显示

    摘要:关于一像素显示的问题可以参考从像素问题剖析像素及和屏幕揭秘。解决方案如何解决一像素显示问题可以参考博客种方法解决移动端屏幕边框问题。 关于一像素显示的问题可以参考 从1px像素问题剖析像素及viewport 和 iPhone 6 屏幕揭秘。 解决方案 如何解...

    fsmStudyfsmStudy 评论0 收藏0
  • 前端小姐姐学PHP之(二)

    前端小姐姐学PHP之(二)

    摘要:上次了我们配置好开发环境了,本小节主要讲述内容点的运行环境配置创建数据库数据表连接数据库一的运行环境配置版注版原文地址谢谢技术大大插图简单明了上图啦版配置好啦点击浏览器打开之后直接就可以看了,不用在删除端口了。 上次了我们配置好开发环...

    lindroidlindroid 评论0 收藏0
  • 盒模型的一些碎碎念

    盒模型的一些碎碎念

    摘要:盒模型的简介本文简单的总结了一些基本概念,知识点以及细节问题作为前端人员,盒模型是最基础的知识点,在排版与布局时不可避免与盒模型打交道。 1. 盒模型的简介 本文简单的总结了一些基本概念,知识点以及细节问题 作为前端人员,盒模型是最基础的...

    王伟廷王伟廷 评论0 收藏0
  • 2018我看过的书籍及好文推荐

    2018我看过的书籍及好文推荐

    摘要:非技术社会性动物我在秘密生长大话设计师解忧杂货铺正在读前端技术书籍深入理解墙裂推荐墙裂推荐正在读顺便补充一些不错的博客一共有六篇后面四篇就不一一列出了。就是文章很长,能耐心看完就很不错了想要电子版资源的可私信留下邮箱仅限技术书。 非技...

    zhangke3016zhangke3016 评论0 收藏0
  • 遮罩层  弹框  页面滚动

    遮罩层 弹框 页面滚动

    摘要:第一种情况比较简单,弹框和页面都不可滚动第二种情况是弹框可滚动,页面不可滚动移动端兼容性不好,可应用于端适用于移动端记录开始滑动的坐标,用于判断滑动方向未开始,已开始,滑动中核心部分判定一次就够 第一种情况比较简单,弹框和页面都不可滚...

    lily_wanglily_wang 评论0 收藏0
  • 前端每日实战:111# 视频演示如何用纯 CSS 创作一只艺术的鸭子

    前端每日实战:111# 视频演示如何用纯 CSS 创作一只艺术的鸭子

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbfy0O?w=400&h=300"); 效果预览 按下右侧的点击预览...

    toddmarktoddmark 评论0 收藏0
  • 如何在Vue里建立长按指令

    如何在Vue里建立长按指令

    摘要:首先,我们必须声明自定义指令的名称。这基本上注册了一个名为的全局自定义指令接下来,我们使用一些参数添加函数,这允许我们引用元素指令绑定,获取传递给指令的值并标识使用该指令的组件。 showImg("https://segmentfault.com/img/bVbfzuo?w=828&h=...

    jimhsjimhs 评论0 收藏0

热门文章

<