文章库ARTICLE COLUMN

  • JS组件开发---调色按钮

    JS组件开发---调色按钮

    摘要:下面是我用写调色按钮的整个过程首先我需要做的是一个调色按钮四个按钮依次代表颜色中的四个参数。代码有很大一部分可以复用的,也没有做优化。暂时先这样,有时间再修改 在学习到实践的过程中,我想应该需要有以下的步骤: 首先要有一个明确的目标,...

    mist14mist14 评论0 收藏0
  • 纯CSS实现对白框

    纯CSS实现对白框

    摘要:如果一个盒子的长宽都为零,那么它的四条就会碰到一起,变成实心的,而且每一条都是一个三角形我们就可以利用三角形来实现对白框的尖下巴。可以用和伪元素来实现,也可以在大盒子里放置小盒子再绝对定位。 如果一个盒子的长宽都为零,那么它的四条bord...

    jlanglangjlanglang 评论0 收藏0
  • 你的 css 也需要模块化

    你的 css 也需要模块化

    摘要:局部样式通过,部分解决的模块化的问题。全局样式的特点,导致难以维护,所以需要一种局部样式的解决方案。也就是彻底的模块化,进来的模块,需要隐藏自己的内部作用域。 css 局部样式 sass、less 通过 @import ,部分解决的 css 模块化的问题。 ...

    PikachuPikachu 评论0 收藏0
  • MSCI 720

    MSCI 720

    MSCI 720 Monday Jan 9 Lec 3/36 Syllabus TREC Agreement Summary-Review Architecture TREC text format Tokenization Tutorials will be used to tutor and help students to complete the assignments Outcome...

    DevTalkingDevTalking 评论0 收藏0
  • [note]布局:列等高,水平垂直居中,固定页脚

    [note]布局:列等高,水平垂直居中,固定页脚

    摘要:等高列布局两列结构两边都加上跟相等的负值,可以实现边框效果等同两列流体布局多列值要够大结构三列固定宽度结构三列自适应布局实用结构多列布局现代浏览器结构水平垂直 等高列布局 两列/marginLeft html结构:.wrap>.container>.sidebar+.mainmargi...

    ChaoChao 评论0 收藏0
  • vue2.0子组件修改父组件数据

    vue2.0子组件修改父组件数据

    摘要:从升级至之后的被去除因此直接在子组件修改父组件的值是会报错的目的是为了阻止子组件影响父组件的数据那么在之后如何在子组件修改父组件传过来的值呢思路是通过子组件发射一个方法在父组件使用子组件的地方用绑定这个自定义事件然后在父组件定义这个 ...

    zhonghanwenzhonghanwen 评论0 收藏0
  • HTML5 Canvas圆盘抽奖应用DEMO

    HTML5 Canvas圆盘抽奖应用DEMO

    摘要:圆盘抽奖应用页面圆盘抽奖应用演示抱歉浏览器不支持。 HTML5 Canvas圆盘抽奖应用DEMO html页面 HTML5 Canvas圆盘抽奖应用DEMO演示 抱歉!浏览器不支持。 抱歉!浏览器...

    sunsmellsunsmell 评论0 收藏0
  • Sass 学习笔记

    Sass 学习笔记

    摘要:有利于版权等关键信息的保留。变量后加上则变为全局变量。字符串运算符根据左边的字符判断最终结构是否有引号。若使用,则两个类必须同时使用,增加维护负担。一组重用的使用引入,可携带参数。 1. 什么是Sass css预处理器,帮助你书写更简单、可维持...

    lingdududulingdududu 评论0 收藏0
  • div+css图片列表布局(一)

    div+css图片列表布局(一)

    摘要:接下来我会以行列的图片列表为列子介绍两种常用的切图方案布局布局首先来讲布局的方法布局非常简单,一般我会使用布局然后给每个元素定一个宽度并向左浮动。是不是很简单详细代码可以参考下一篇文章图片列表布局二关注作者吧 前端切图的时候经常会遇到...

    TravisTravis 评论0 收藏0
  • 我的CSS Flex印象

    我的CSS Flex印象

    摘要:具体的属性说明,请查看网上各大教程。推荐飘零雾雨整理的参考手册。本文是对于我在使用过程中的碰到的一些问题的记录,留下来的印象。它的表现为所有子元素的宽度都是它自身内容即的宽度不使用来改变盒模型,且不换行。具体的解释见上的回答。 具体的...

    xiangzhihongxiangzhihong 评论0 收藏0
  • 清除浮动(clearfix)的常见方法

    清除浮动(clearfix)的常见方法

    摘要:此时可能会对周围的布局产生影响,所以清除浮动,显得十分重要。主要的方法一使用属性添加伪元素通过在父元素后面添加一个伪元素,设置为并清除左右浮动解决问题。目前这个方法是最新的。总结如上所述,清除浮动有两大方法,使用属性和建立。 背景 当...

    KahnKahn 评论0 收藏0
  • 一篇文章说清浏览器解析和CSS(GPU)动画优化

    一篇文章说清浏览器解析和CSS(GPU)动画优化

    摘要:相信不少人在做移动端动画的时候遇到了卡顿的问题,这篇文章尝试从浏览器渲染的角度一点一点告诉你动画优化的原理及其技巧,作为你工作中优化动画的参考。浏览器渲染提高动画的优化不得不提及浏览器是如何渲染一个页面。 相信不少人在做移动端动画的时...

    gekylingekylin 评论0 收藏0
  • vue2.0组件间事件派发与接收

    vue2.0组件间事件派发与接收

    摘要:官方给出的最简单的升级建议是使用集中的事件处理器而且也明确说明了一个空的实例就可以做到因为实例实现了一个事件分发接口在中在初始化之前,给添加一个名字为的空对象某一个组件内调用事件触发另一个组件内调用事件接收在组件销毁时接除事件绑定使用...

    luckywluckyw 评论0 收藏0
  • JQuery+css3实现滑动开关效果

    JQuery+css3实现滑动开关效果

    摘要:前言为了前端的美观和用户体验的友好,有时我们会将某些选项的开关做成点击滑动显示的效果,特别是手机上。那么这里我将为大家讲解下如何使用实现该效果。效果的话,最简单的自然就是中的动画了。 前言 为了前端的美观和用户体验的友好,有时我们会将...

    YangyangYangyang 评论0 收藏0
  • div+css图片列表布局(二)

    div+css图片列表布局(二)

    摘要:本文默认你已经看过了我的上一篇文章图片列表布局一,接下来我们来实现复杂一点的图片列表布局。以下面的样式为例为了方便,我只列出的布局示例。好了,完美接下来把标题加上图片标题效果如图详细的代码可以参阅上一篇文章图片列表布局一 本文默认你已...

    ifloveiflove 评论0 收藏0
  • 【学习笔记】行高 line-height 的基本概念

    【学习笔记】行高 line-height 的基本概念

    摘要:整理一下关于行高的一些基本概念。行框的高度是这一行行内框的最高点到最低点的距离。所以在没有设置固定高度的元素中,高度是由这个元素中所有行框高度叠加而成的。提示有种说法是行框的高度等于这一行中行内框中最大的,这种说法是错误的。 整理一下...

    littleGrowlittleGrow 评论0 收藏0
  • 2016百度前端技术学院Task02

    2016百度前端技术学院Task02

    摘要:的演示整个项目的地址的地址起初只是想简单开始重新做一遍百度前端技术学院的任务,但是在做的过程中萌生了要记录下自己在过程中遇到的一系列问题的想法。现在我把自己完成的小项目的源码在上分享出来,希望可以帮到广大前端初学者们。 Task02的演示D...

    venmosvenmos 评论0 收藏0
  • 行内元素在设置float后,就可以设置width和height

    行内元素在设置float后,就可以设置width和height

    摘要:可以给任何元素设置,但只会应用于生成了非绝对定位盒的元素。其它内容排列在盒的右侧,从开始见属性与类似,但盒向右浮动,并且其它内容排列在盒的左侧,从开始盒不浮动所以在一个行内元素指定后,该行内元素转化为块元素,所以可以设置行高了。 由CS...

    hzxhzx 评论0 收藏0
  • 手机端效果(一)滑块效果

    手机端效果(一)滑块效果

    摘要:现在写前端代码有各种各样的框架和库,轻轻松松就实现我们要的功能,写久了,原生可能会模糊,为了巩固,会陆续写一些原生的代码,今天就从这个开始。先上效果手机端的滑块效果,做的可能都会遇到过,下面来一次实现。 现在写前端代码有各种各样的框架...

    MuninnMuninn 评论0 收藏0
  • JavaScript实现简单的购物车

    JavaScript实现简单的购物车

    摘要:最近刚好在了解的知识,恰巧被朋友问及有没有做过购物车的功能,想了一下还真没有,然后试着写了这么一个例子。只是单纯的一个页面实现了购物车逻辑上的一些简单的功能添加商品,以及购物车列表动态添加删除,并实现商品总价格的更新。 最近刚好在了解...

    BlackHole1BlackHole1 评论0 收藏0
  • CSS_Flex

    CSS_Flex

    摘要:的属性采用布局的元素,称为容器,简称容器它的所有子元素自动成为容器成员,称之为项目简称项目容器默认存在两根轴水平主轴和垂直的交叉轴。子项在容器的当前行侧轴纵轴方向上的对齐方式对影响与交叉点的起点对齐。负值对该属性无效。 CSS3 弹性盒子(...

    jamesjames 评论0 收藏0
  • 谷歌HTML/CSS规范

    谷歌HTML/CSS规范

    摘要:通用格式规范缩进一次缩进个空格,不要使用或者混合和空格的缩进。语义化根据使用场景选择正确的元素有时被错误的称为标签。格式规范引号属性值用双引号。风格规范和命名使用有含义的和名称。 背景 这篇文章定义了 HTML 和 CSS 的格式和代码规范,旨在...

    whataawhataa 评论0 收藏0
  • 微信小程序开发-断网重新加载问题

    微信小程序开发-断网重新加载问题

    摘要:分析微信小程序目前没有提供刷新,所以要自己去记录当前操作,点击刷新重新执行一遍效果点击重新加载重新加载页面实现由于做项目时,页面渲染离不开接口请求,所以我封装了一下来判断是否断网,及断网后记录本次请求请求参数请求成功回掉当前实例执行时...

    codecookcodecook 评论0 收藏0
  • vue  v-if 和v-show

    vue v-if 和v-show

    摘要:是真实的条件渲染,因为它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件。有时侯我们把一个元素当做包装元素,并在上面使用,最终的渲染结果根据条件的真假显示。适合运营条件不大可能改变适合频繁切换。 1、v-show(1)无论条...

    URLOSURLOS 评论0 收藏0
  • 简单记录个a标签点不上的bug

    简单记录个a标签点不上的bug

    摘要:简单记录下问题官网页面移动端测试时,发现底部页脚的标签无论如何点不动。因为该标签不需要响应点击事件,所以直接加了句,问题解决。 官网改版时碰到的问题。简单记录下: 【 问题 】 官网index页面移动端测试时,发现底部页脚的a标签无论如何点不动...

    neuSnailneuSnail 评论0 收藏0

热门文章

<