文章库ARTICLE COLUMN

  • 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
  • canvas应用一:简易时钟

    canvas应用一:简易时钟

    摘要:时钟的实现主要是应用上下文的简单变换文本添加及周期性调用方法。在绘制表盘及时针过程注意使用及方法添加用以保存或返回上一个画布设置属性。思路编写两个构造函数,分别代表表盘和时针,最后利用函数加以实现。 写在之前 canvas 元素中提供了看似...

    MobServiceMobService 评论0 收藏0
  • css常见布局

    css常见布局

    摘要:圣杯布局对于三栏布局来说,左右两栏一般放置目录等简要信息,中间一栏是主要信息。无论是三栏布局还是两栏布局,以上方法都适用。纯浮动布局左右两栏分别向左右浮动,中间设置值,宽度自适应。 圣杯布局 对于三栏布局来说,左右两栏一般放置目录等简...

    douziflydouzifly 评论0 收藏0
  • 【译】表单数据校验

    【译】表单数据校验

    摘要:本文介绍的,就是如何在表单所在页面对表单数据进行校验。输入框的值若大于指定的值,就会校验不通过。对于数字输入框,和特性也提供了校验约束。表单的校验更多是个用户界面的问题而非真正的数据校验。 系列文章说明 原文 当你需要经常在服务器上校...

    SexySixSexySix 评论0 收藏0
  • IndexedDB--HTML5本地存储

    IndexedDB--HTML5本地存储

    摘要:相比更加高效,包括索引事务处理和查询功能。在本地存储中,存储的数据是最多的,不像的,存储空间是无上限且永久的。由于受到的推崇。存储数据如果调用添加的数据与已存在的数据有相同的,浏览器会将新数据替换已存在的数据。 什么是IndexedDB indexe...

    SikeSike 评论0 收藏0
  • 小程序内存问题--图片懒加载

    小程序内存问题--图片懒加载

    摘要:内存不足起因小程序对用户内存使用进行了限制,如果一个页面的图片过多,会导致内存不足的内部错误解决办法对图片进行懒加载,不影响体验的前提下,只渲染当屏的图片,屏外图片,显示缺省图实践分析图片最多的情况就是列表头图或图片列表,为了性能,一...

    Barry_NgBarry_Ng 评论0 收藏0

热门文章

<