文章库ARTICLE COLUMN

  • 前端每日实战:72# 视频演示如何用纯 CSS 创作气泡填色的按钮特效

    前端每日实战:72# 视频演示如何用纯 CSS 创作气泡填色的按钮特效

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

    MarvinZhangMarvinZhang 评论0 收藏0
  • 小程序自定义switch组件

    小程序自定义switch组件

    摘要:如上图,小程序中的组件只能自定义颜色,不能自定义宽高,所以就开始了自己写组件。自定义组件构思从父组件传来值有高度,宽度,选中时背景,未选中背景,是否选中的状态值宽高单位为。 showImg("https://segmentfault.com/img/bVbds1i?w=1744&h=926")...

    Little_XMLittle_XM 评论0 收藏0
  • 前端每日实战:74# 视频演示如何用纯 CSS 创作一台 MacBook Pro

    前端每日实战:74# 视频演示如何用纯 CSS 创作一台 MacBook Pro

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

    用户84用户84 评论0 收藏0
  • 前端每日实战:73# 视频演示如何用纯 CSS 创作一只卡通狐狸

    前端每日实战:73# 视频演示如何用纯 CSS 创作一只卡通狐狸

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含个元素,即头和尾巴,再包含个元素,表示脸颊眼睛耳朵和鼻子。 showImg("https://segmentfault.co...

    IlikewhiteIlikewhite 评论0 收藏0
  • 伪元素 ::after 和 ::before 应该这么用(一)

    伪元素 ::after 和 ::before 应该这么用(一)

    摘要:伪元素被当做的样式来进行展现,用法和普通的元素用法是一样的。中的伪元素使用个冒号,在中,为了区分伪类和伪元素,规定伪元素使用个冒号。伪元素的特点优点不占用节点,减少节点数。不仅块级元素可以设置伪元素,大部分行级元素也可以。 1 什么是伪...

    BlackMassBlackMass 评论0 收藏0
  • 百度MIP技术快速入门(上)

    百度MIP技术快速入门(上)

    摘要:百度在一年前推出了称为的前端开发组件,主要目的是加速移动端网页的显示。不过呢,百度已经在开发了,的亮点即整站化,包括提供更多强大的组件更容易编写代码默认用开发自定义组件以及更快的运行速度等。 前言 「本文假定读者已经有初级的前端开发知...

    ityouknowityouknow 评论0 收藏0
  • 移动端总结

    移动端总结

    摘要:移动端的字体最开始的的方案是升级后的方案以前版本降级使用。在处理移动端边框的时候有两种方案,其中一种方案就是将还有一种方案就是通过伪类来处理。固定项栏页面基本上市面上所看到的移动端的页面都是固定头部和底部,少量的会加入侧边工具栏。 1...

    cjiecjie 评论0 收藏0
  • 前端每日实战:68# 视频演示如何用纯 CSS 创作一本色卡

    前端每日实战:68# 视频演示如何用纯 CSS 创作一本色卡

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

    JerryWangSAPJerryWangSAP 评论0 收藏0
  • css3 动画(二)贝塞尔曲线

    css3 动画(二)贝塞尔曲线

    摘要:根据方程的最高阶数,可以分为线性贝塞尔曲线二次贝塞尔曲线三次贝塞尔曲线以及更高次的贝塞尔曲线。贝塞尔曲线扫盲在中使用的函数,是一个三次贝塞尔曲线函数。三次贝塞尔曲线中四个点,在中第一个点和最后一个点是固定坐标的和是传入函数中的参数的。...

    soasmesoasme 评论0 收藏0
  • 对企业网站的一些看法

    对企业网站的一些看法

    摘要:网站样式减少冗余和污染不滥用选择器网站行为对人类友好,多注释,要为了写功能而写代码,尽量不要为了炫技而写语法糖。 前言 见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正。 为什么要写此文章?把自己感觉对的用文字的形式记录下来...

    EsgynChinaEsgynChina 评论0 收藏0
  • CSS字体和文本相关

    CSS字体和文本相关

    摘要:本博文主要分为两部分,第一部分介绍字体属性,第二部分则介绍了文本常用属性二字体属性字体系列首先介绍一下什么是字体系列所谓字体系列我理解的就同一字体下的不同风格的具体字体的集合。这里的楷体,就可以看做是一个多带带的字体系列。 一 前言 目...

    xiaokaixiaokai 评论0 收藏0
  • CSS选择器

    CSS选择器

    摘要:一前言目前在做的练习,初步学习到内容,所以做了总结。这篇博文主要介绍了的选择器相关概念。 一 前言 目前在做IFE的练习,初步学习到CSS内容,所以做了总结。这篇博文主要介绍了CSS的选择器相关概念。 二 选择器类型 2.1 类型概述 CSS选择器 可以被...

    hlcfanhlcfan 评论0 收藏0
  • 前端每日实战:69# 视频演示如何用纯 CSS 创作一个单元素抛盒子的 loader

    前端每日实战:69# 视频演示如何用纯 CSS 创作一个单元素抛盒子的 loader

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,只有个元素居中显示画出一根木条用伪元素在其上画出一个盒子让图案倾斜,形成盒子在坡上的效果接下来制作动画。 showImg("https://segmentfault.com/img/bVbc4IU?w=500&h=500"); 效果预...

    _ang_ang 评论0 收藏0
  • CSS基本知识介绍

    CSS基本知识介绍

    一 前言 目前在做IFE的练习,初步学习到CSS内容,所以做了总结。本博文 主要分为两部分,第一部分介绍HTML的发展,第二部分则介绍了CSS基本概念 二 HTML的发展 2.1 语义化和结构化的重要性 S1 便于搜索引擎建立内容索引;S2 便于开发和维护;S3 便于盲人等特...

    YPHPYPHP 评论0 收藏0
  • BUI Webapp用于项目中的一点小心得

    BUI Webapp用于项目中的一点小心得

    摘要:接触也有一段时间,也用在了移动端的项目开发中,总的来说,该框架用起来也挺灵活的,控件可以自由定制,前提是自己能认真地学习该框架的,因为里面说的东西比较详细,如果没有仔细看的,可能有些功能点没有看到而导致一些效果弄不了,以下是我学习运用...

    harriszhharriszh 评论0 收藏0
  • 前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽

    前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽

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

    kelvinleekelvinlee 评论0 收藏0
  • sublime text3 - 打造成小程序开发神器

    sublime text3 - 打造成小程序开发神器

    Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,插件在手,界面可以很华丽,代码可以很优雅,操作可以更简便,如果你是个喜欢折腾(喜新厌旧)的人,它绝对值得你拥有,花式玩转代码 最讨厌废话,直接上步骤 !!!!!!!!伸手党福利...

    dailybirddailybird 评论0 收藏0
  • 用vue开发一个公众号商城SPA——1.前期准备和写页面

    用vue开发一个公众号商城SPA——1.前期准备和写页面

    摘要:使用开发公众号商城第篇记录项目准备搭建,写页面遇到第问题以及总结,持续更新公司最近接了个商城项目,包括端商城微信公众号网页商城后台管理系统。这几天在做微信公众号商城,又新接触了很多东西。 使用vue开发公众号商城 第1篇记录项目准备、搭建...

    snowLusnowLu 评论0 收藏0
  • 埋坑一: vue中子组件调用兄弟组件方法

    埋坑一: vue中子组件调用兄弟组件方法

    摘要:小计开发中遇到子组件需要调用兄弟组件中的方法,如下写个小记录下心得,如果你有好的方法,请到评论区域指教父组件示例代码组件功能解析通过获取子组件事件,通过调用子组件中事件,实现子组件二的事件调用兄弟组件一中的事件子组件子组件引 小计: ...

    grafgraf 评论0 收藏0
  • 【Jquery】添加loading过渡遮罩

    【Jquery】添加loading过渡遮罩

    摘要:用打包一个项目,也打包在里,加载稍慢就会有有几秒钟页面呈现出一个没有样式的丑态,所以想设置一个白色遮罩,等加载完毕消失。然后等加载完之后执行消失的方法,这里利用的回调函数,过渡更加自然一些,想要花功夫调的话也有很大空间。 用webpack打...

    SolomonXieSolomonXie 评论0 收藏0
  • cssModules从计划使用到放弃

    cssModules从计划使用到放弃

    摘要:随着工程中代码量的增加,一套有效的管理规范也是必须和必要的。鉴于以上两种问题,放弃使用,如同行有好的解决方案欢迎留言。现在我们工程中的做法,每个组件一个组件名称功能日期,然后使用的天然嵌套方式在此类下进行书写。 在实际开发中,大部分人...

    stormgensstormgens 评论0 收藏0
  • 如何机制地回答浏览器兼容性问题

    如何机制地回答浏览器兼容性问题

    摘要:前言有过面试经验的同学应该都被问过浏览器兼容性的问题,对于面试官的问题,常常猝不及防,因为通常他们都是这么问的。来谈谈浏览器兼容的问题吧,你对浏览器的兼容性有了解过吗,那么如何才是我们正确回答这个问题的姿势呢。 前言 有过面试经验的同...

    RindiaRindia 评论0 收藏0
  • 基于Vue+Vuex+iView的电子商城网站

    基于Vue+Vuex+iView的电子商城网站

    摘要:这是一个基于做的一个电商网站前端项目附带前后端分离实现版本在分支,欢迎或项目地址项目预览地址说明分支是单纯的前端项目,分支为与后端接口结合的前端项目,附后端项目地址本项目仅供学习参考分支为纯前端项目,所以登陆密码是写死的,体验账号密 ...

    dendoinkdendoink 评论0 收藏0
  • JS基础入门篇(三十六)—面向对象( 三 )

    JS基础入门篇(三十六)—面向对象( 三 )

    摘要:所以不会报错函数声明可以先调用再声明函数声明解析时,不会放到前面。所以会报错报错多个方法之间直接书写不需要隔开我会说话解析其中方法和方法之间并没有用逗给开。 1.class class es6 中 为 关键字用来声明 一个 类 1.只能通过new调用 2.不存在变...

    diabloneodiabloneo 评论0 收藏0
  • 前端学习札记

    前端学习札记

    摘要:学习工作中遇到的问题,和容易忘记的零碎知识,部分为摘抄,如若侵权,请告知。将构造函数的指向这个新创建的对象即将指向这个新对象。取消冒泡这种相当于全局取消事件冒泡。前端性能的优化避免全局查找,全局查找需要涉及作用域链上的查找。 学习工作...

    yzdyzd 评论0 收藏0

热门文章

<