文章库ARTICLE COLUMN

  • 学习Stylus

    学习Stylus

    摘要:函数这段代码声明了函数,并且接收了参数在使用时只需要像上面的代码那样输入函数名称和参数就可以设置属性。选择器这段代码被编译成在元素里面写样式的时候是使用一个键缩进来体现是属于该元素的样式。 关于stylus stylus是css的预处理框架,是以.sty...

    cncodercncoder 评论0 收藏0
  • JavaScript 高级程序设计(第三版)笔记

    JavaScript 高级程序设计(第三版)笔记

    摘要:以上是使用转换函数方法时会返回的值在用判断的时候,首先执行了,然后判断为真或假。对象的遍历返回一个数组,包括对象自身的不含继承的所有可枚举属性不含属性的键名。 tip:本文含部分Es6语法 1.if(a)的自动转换 数据类型    转换为true的值  ...

    tulayangtulayang 评论0 收藏0
  • 前端每日实战:154# 视频演示如何创作一个眼冒金星的动画效果

    前端每日实战:154# 视频演示如何创作一个眼冒金星的动画效果

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

    HwgHwg 评论0 收藏0
  • CSS实现反方向圆角

    CSS实现反方向圆角

    摘要:原理父级元素,子元素,然后通过来设置具体出现位置。结构样式虚线实现效果图 原理 父级元素 relative,子元素 absolute,然后通过top、left、right、bottom来设置具体出现位置。 DOM结构 showImg("https://segmentfault.com/img/bVbgTT2?w=26...

    LuDongWeiLuDongWei 评论0 收藏0
  • 搞清animation/transtion/transform/translate

    搞清animation/transtion/transform/translate

    摘要:规则内指定一个样式和动画将逐步从目前的样式更改为新的样式。功能若触发动画事件后在动画未结束前停止事件会放弃当前动画从此时的状态开始执行停止事件的动画。 css3动画 animation 使用css3动画需要2步 为指定元素添加animation属性及属性值。各浏...

    tain335tain335 评论0 收藏0
  • 懒加载和预加载

    懒加载和预加载

    摘要:使用默认是对象,如果是是指使用标签,可以跨域,三懒加载和预加载的对比两者都是提高页面性能有效的办法,两者主要区别是一个是提前加载,一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用,预加载则会增加服务器前端压力。 一、懒加载...

    appetizerioappetizerio 评论0 收藏0
  • react 应用多入口 配置 && 实践总结

    react 应用多入口 配置 && 实践总结

    摘要:如果不配置,则将所有的文件都注入。指明生成的路径,如果不配置就是。配置了新的,避免与第一个入口相互覆盖。甚至输入显然不存在的,也显示为的内容。这种现象,初步判断是服务器把所有请求重定向到了。至此,环境的多入口问题就解决了。前端根据自行...

    SikeSike 评论0 收藏0
  • 前端每日实战:155# 视频演示如何用纯 CSS 创作一只热气球

    前端每日实战:155# 视频演示如何用纯 CSS 创作一只热气球

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中有个子元素,代表伞盖,代表吊篮居中显示定义容器的尺寸,子元素和纵向居中布局先画伞盖。 showImg("h...

    2bdenny2bdenny 评论0 收藏0
  • 用小程序做一个类似于苹果AssistiveTouch功能

    用小程序做一个类似于苹果AssistiveTouch功能

    摘要:二我们做这个功能,第二步就是要想思路思路就是,利用微信中的滑动事件,外加控制样式,来完成这个功能。三这是项目的图,废话不多说,直接撸代码。 一、首先我先介绍一下,我们要做一个什么样的项目功能 项目功能就是一个音频点击播放,当点击为播...

    MarvinZhangMarvinZhang 评论0 收藏0
  • css之display

    css之display

    摘要:块级元素元素默认是块级元素默认也是块级元素块级元素的特点元素的内容会充满整行行内元素属性为的元素被称为内连元素。行内块级元素属性为的元素被称为行内块级元素。 display css定位属性Positioning display: none 不再页面渲染元素 ...

    RoctureRocture 评论0 收藏0
  • 学习笔记 - Sass的安装与使用手册

    学习笔记 - Sass的安装与使用手册

    摘要:现在将学习笔记整理在这里,供大家参考。的安装的编辑器安装方法有很多,大致能分为两种应用程序和命令行界面。如果已经安装过,也可以使用指令如果提示权限不足,在命令行前加上即可。参考网页编辑器的使用的使用很简单,记住两条指令即可。 最近因为...

    JeffJeff 评论0 收藏0
  • 如何居中一个元素(终结版)

    如何居中一个元素(终结版)

    摘要:源代码演示利用将要水平排列的块状元素设为,然后在父级元素上设置,达到与上面的行内元素的水平居中一样的效果。 前言 本文主要介绍水平居中,垂直居中,还有水平垂直居中各种办法,思维导图如下: showImg("https://segmentfault.com/img/bVblwhg?w=...

    HydrogenHydrogen 评论0 收藏0
  • 异步解决方案----Promise与Await

    异步解决方案----Promise与Await

    摘要:前言异步编程模式在前端开发过程中,显得越来越重要。随着新标准的到来,处理异步数据流又有了新的方案。接下来我们介绍这两种处理异步编程的方案。仍在继续执行,但执行结果将被丢弃。使得异步代码看起来像同步代码,再也没有回调函数。 前言 异步编...

    BlackjunBlackjun 评论0 收藏0
  • 浮动的label

    浮动的label

    摘要:下面就介绍一个用伪类实现的浮动。这种浮动的效果和的效果不同,前者是获取到焦点,立马开始浮动,而后者是当用户输入内容时也就是消失时,开始浮动。 在web项目中,有一个很重的模块就是登陆/注册模块,这个模块的主体部分就是一个form表单,这个form...

    AomineAomine 评论0 收藏0
  • rem, vw, 还是...? 各凭本事的移动端适配方案

    rem, vw, 还是...? 各凭本事的移动端适配方案

    摘要:另一种就是不缩放,对等问题多带带引入处理方案。彩蛋部分相信大多数同学也是有想法在实际开发中把融入到现有的移动端适配方案中的。 前言 2018年最后的法定假期都已经结束了,我相信大部分正在进行或曾经进行过移动端页面开发的同学都或多或少的了解...

    wangbinkewangbinke 评论0 收藏0
  • 从Java 调用JavaScript

    从Java 调用JavaScript

    showImg("https://segmentfault.com/img/remote/1460000016634175?w=1440&h=810");showImg("https://segmentfault.com/img/remote/1460000016634176?w=1440&h=810");showImg("http...

    dendoinkdendoink 评论0 收藏0
  • 深入浅出Node.js

    深入浅出Node.js

    摘要:深入浅出一直想致力于写一篇关于广义讲解系统的文章,苦于时间有限,资源有限。事件驱动机制是通过内部单线程高效率地维护事件循环队列来实现的,没有多线程的资源占用和上下文的切换。 深入浅出Node.js 一直想致力于写一篇关于广义讲解Node.js系统的...

    oujieoujie 评论0 收藏0
  • 前端进阶系列(一):SEO和HTML语义化

    前端进阶系列(一):SEO和HTML语义化

    摘要:语义化和的重要性约定,对所列出来的标签进行解析。比如,会根据某些特定的指令,直接给出针对性的结果,现在在搜索引擎可以直接查天气,查航班。我觉得这就是语义化标签出现的意义吧。 基本概念 SEO:(Search Engine Optimization)意为搜索引擎优化。...

    songjzsongjz 评论0 收藏0
  • 前端进阶系列(三):HTML5新特性

    前端进阶系列(三):HTML5新特性

    摘要:是对标准的第五次修订。新特性语义特性赋予网页更好的意义和结构文件类型声明仅有一型。新的属性用于与用于用于。索引数据库从本质上说,允许用户在浏览器中保存大量的数据。 HTML5 是对 HTML 标准的第五次修订。其主要的目标是将互联网语义化,以便更...

    spademanspademan 评论0 收藏0
  • 解决input 中placeholder的那些神坑

    解决input 中placeholder的那些神坑

    摘要:昨天后台小哥哥提到无法显示问题,我这边总结一下,顺便写个小文章分享给大家。。 **昨天后台小哥哥提到placehold无法显示问题,我这边总结一下,顺便写个小文章分享给大家。。** ============================================== 一、解决ie9以下inp...

    chnmagnuschnmagnus 评论0 收藏0
  • 如何构建大型的前端项目

    如何构建大型的前端项目

    摘要:如何构建大型的前端项目搭建好项目的脚手架一般新开发一个项目时,我们会首先搭建好一个脚手架,然后才会开始写代码。组件化一般分为项目内的组件化和项目外的组件化。 如何构建大型的前端项目 1. 搭建好项目的脚手架 一般新开发一个项目时,我们会首...

    lykopslykops 评论0 收藏0
  • 神奇的background——绘制图形

    神奇的background——绘制图形

    摘要:还可能有需要切一整张超大图的情况。作为一个优秀的前端,本着自己动手丰衣足食的理念,下面给大家介绍用来绘制这些特的图片。原理其实就是通过绘制每个图形设置位置和大小,最后就能得到想要图像。 相信大家在平时工作中少不了会被要求在某些元添加一...

    jollywingjollywing 评论0 收藏0
  • 百度网盘文件夹框选功能

    百度网盘文件夹框选功能

    摘要:案例说明使用原生完成桌面操作级应用,对于原生的掌握情况而言,是一个较为全面的综合型案例。本次课从事件相关的功能入手,给大家带来详细的分享。 showImg("https://segmentfault.com/img/bVbh1qw"); 案例说明:使用原生 JS 完成桌面操作级应用,对...

    jkyinjkyin 评论0 收藏0
  • 前端每日实战:153# 视频演示如何用 CSS 和原生 JS 创作一组 tooltip 提示框

    前端每日实战:153# 视频演示如何用 CSS 和原生 JS 创作一组 tooltip 提示框

    摘要:这里的常量存储了个方向,常量存储了个鼠标事件,常量包装了根据类名获取元素的操作为眼珠设置缓动时间,使动画平滑接下来制作提示框。 showImg("https://segmentfault.com/img/bVbh12C?w=400&h=303"); 效果预览 按下右侧的点击预览按钮可以在当前...

    高胜山高胜山 评论0 收藏0
  • vue中render函数的使用

    vue中render函数的使用

    摘要:函数通过来创建你的。什么情况下适合使用函数在一次封装一套通用按钮组件的工作中,按钮有四个样式。遇上类似这样的情况,使用函数可以说最优选择了。根据实际情况改写按钮组件首先函数生成的内容相当于的内容,故使用函数时,在文件中需要先把标签去掉...

    lei___lei___ 评论0 收藏0

热门文章

<