文章库ARTICLE COLUMN

  • CSS中重要的BFC

    CSS中重要的BFC

    摘要:中有个重要的概念,搞懂可以让我们理解中某些原本诡异的地方。简介在解释之前,先说一下文档流。我们常说的文档流其实分为定位流浮动流普通流三种。使用包含浮动元素注意,这里触发并不能阻止其它形式的脱离文档流的元素覆盖正常流元素。 CSS中有个重...

    plus2047plus2047 评论0 收藏0
  • 【前端Talkking】CSS系列-css3之box-shadow介绍

    【前端Talkking】CSS系列-css3之box-shadow介绍

    摘要:基本上就是将单侧投影中的技巧运用两次,以如下所示在浏览器中的效果如下模拟边框使用属性可以模拟的效果,以如下所示在浏览器中的效果如下我们可以看到利用属性模拟了的效果,但是与不同的是,使用创建的边框效果并不会影响元素的尺寸。 1.写在前面 ...

    jackzoujackzou 评论0 收藏0
  • CSS定位

    CSS定位

    摘要:文档流简单说就是元素按照其在中的位置顺序决定排布的过程。只要不是和绝对定位方式布局的,都在文档流里面。位置设置为的元素,它始终会处于文档流给予的位置。但是,当注释代码取消注释生效后,就会相对文档流中应当呈现的位置进行移动。 1.文档流 ...

    waruqiwaruqi 评论0 收藏0
  • 【Amaple教程】2. 模块

    【Amaple教程】2. 模块

    摘要:模块更新时部分不需被替换的模块,检测到或参数变化增加移除或修改参数时触发,如所有页面的部分总是不变,此时它将不会被替换。模块函数将在模板指令与状态数据中讲解继续学习下一节教程模板指令与状态数据也可回顾上一节教程启动路由 正如它的名字,...

    OBKoro1OBKoro1 评论0 收藏0
  • 【Amaple教程】5. 插件

    【Amaple教程】5. 插件

    摘要:参数为循环遍历时的回调函数,它分别接收遍历项的值遍历下表遍历变量本身三个参数,当回调函数返回时将结束本次循环,而且此时执行结束后也将会返回一个,这在结束多层循环遍历时很有用,开发者可以通过再次推出上层循环。 Amaple 拥有非常强大插件功...

    lieepslieeps 评论0 收藏0
  • 使用Websocket框架之GatewayWorker开发电商平台买家与卖家实时通讯

    使用Websocket框架之GatewayWorker开发电商平台买家与卖家实时通讯

    摘要:我们的平台上有虚拟商品和实体商品两大分类,当时也考虑到了消息的读取状态。商家发送时间是否已读。看前端代码当前的所有代码并不是最终的,目前只是阶段性开发,后期在项目中逐步完善。 前段时间公司提了一个新的需求,在商品的详情页要实现站内买家...

    BaoyuanBaoyuan 评论0 收藏0
  • IFC

    IFC

    链接描述

    zhangke3016zhangke3016 评论0 收藏0
  • css垂直水平居中解决方案

    css垂直水平居中解决方案

    摘要:写在前面垂直水平居中即垂直与水平方向上都要居中,也就是视觉效果中的,处于视图的正中间。我们把需要垂直水平居中的设置为。使用使块级元素垂直居中是很简单的。 写在前面: 垂直水平居中即垂直与水平方向上都要居中,也就是视觉效果中的,处于视图...

    taoszutaoszu 评论0 收藏0
  • CSS进阶指南

    CSS进阶指南

    摘要:二正文脱离文档流脱离文档流的元素都是块级元素。参考资料什么是文档流指语言文本从左到右,从上到下显示,这是传统文档的文本布局。定位不脱离文档流,设置没有作用,对敏感。允许指定负的外边距值。 一 前言 要想掌握CSS部分的内容其实并不容易,尽...

    SolomonXieSolomonXie 评论0 收藏0
  • 正则:高亮多个相似关键词,如京东、京东物流、京东商城…

    正则:高亮多个相似关键词,如京东、京东物流、京东商城…

    摘要:最近项目遇到一个小需求,就是在一段文字中,高亮几个关键词,例如以下文字京东是中国一家自营式购物网站,创始人刘强东担任京东集团。年月日,京东集团宣布正式组建京东物流子集团。 最近项目遇到一个小需求,就是在一段文字中,高亮几个关键词,例如...

    cgspinecgspine 评论0 收藏0
  • css垂直居中布局总结

    css垂直居中布局总结

    摘要:简介总结记录一下经常需要用到垂直居中布局,欢迎补充空手套。。。 简介 总结记录一下经常需要用到垂直居中布局,欢迎补充(空手套。。。O(∩_∩)O) 以下栗子如果未特别标注同一使用这样的html结构 垂直居中布局 利用绝对定位和负margin 绝对定...

    lentoolentoo 评论0 收藏0
  • ios设备触发虚拟键盘输入后position:fixed 无效的一些简单另类的解决方法。

    ios设备触发虚拟键盘输入后position:fixed 无效的一些简单另类的解决方法。

    摘要:所以我也不用这种方式了。。监听失去焦点事件然后把的属性设置成。这样就好了。。。。总结来说就是触发虚拟键盘的时候把属性改成虚拟键盘消失的时候再把属性改回 首先看一下我要解决的问题,第一张图是正常的情况下,第二张图是点击了输入框之后的情况...

    hositionhosition 评论0 收藏0
  • 微信小程序实现连接蓝牙设备跑步APP

    微信小程序实现连接蓝牙设备跑步APP

    摘要:目标通过微信小程序实现来实现跑步类的功能。核心功能一连接蓝牙设备初始化蓝牙适配器。遇到的问题微信小程序的功能缺陷设备在息屏和后台运行的情况下均无法正常调用,只有切换到前台运行时,才能正常使用使用的是苹果。 背景 微信小程序兴起,有变成...

    OnlyLingOnlyLing 评论0 收藏0
  • 从0到1,开发一个动画库(1)

    从0到1,开发一个动画库(1)

    摘要:传送门从到,开发一个动画库如今市面上关于动画的开源库多得数不胜数,有关于甚至是渲染的,百花齐放,效果炫酷。当你看到的时候可能不大明白外界传入的到底是啥其实是一个数组,它的每一个元素都保存着独立动画的起始与结束两种状态。 传送门:从0到1...

    jerryjerry 评论0 收藏0
  • 标准盒模型与怪异盒模型 + box-sizing

    标准盒模型与怪异盒模型 + box-sizing

    摘要:标准盒模型标准所有元素可以看作盒子,在中,这一术语是用来设计和布局时使用。在标准盒模型中盒子占位高度与之一样。不幸的是,和在怪异模式中使用自己的非标准模型。 标准盒模型(w3c标准) 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是...

    SimpleTriangleSimpleTriangle 评论0 收藏0
  • 关于响应式设计的一些关键点

    关于响应式设计的一些关键点

    摘要:这里使用到的最多的中的属性,即媒体查询响应式设计实践原则渐进增强渐进增强英语是网页设计的一种策略,强调可访问性,语义标记,外部样式表和脚本技术。 1、响应式设计关键点在于: 媒体查询、流动网格、弹性图片,而不是flex布局或者是自适应布局 ...

    golden_hamstergolden_hamster 评论0 收藏0
  • vue——一个页面实现音乐播放器

    vue——一个页面实现音乐播放器

    摘要:用做进度条本身的样式很难看,并且不同的浏览器呈现出来的效果也不一样。背景滤镜模糊将图片设置为背景的感觉很棒,可以说整个播放器的颜值这背景提供了一半。正确写法错误写法待优化手动修改进度,偶尔会不生效。 请忽略下面这段文字年关将至,时间...

    genednagenedna 评论0 收藏0
  • CSS Grid 系列(下)-使用Grid布局构建网站首页

    CSS Grid 系列(下)-使用Grid布局构建网站首页

    摘要:我们还需要调整其他元素的填充以匹配对于下一个临界值,我们对网格项重新排列,使它们排列在一个列中。 by Chris House 译者:若愚老师想要更好的阅读体验可在饥人谷技术博客 查看原文要看懂这篇文章,推荐先简单过一遍姊妹篇 CSS Grid 系列(上)-Grid...

    MertensMertens 评论0 收藏0
  • Parcel上手——又一个打包工具

    Parcel上手——又一个打包工具

    摘要:是什么极速零配置应用打包工具说到打包工具,大多人应该都用过,也是这一类工具。这里结合文件命名你应该知道为什么会有两个文件了。直接上结论在内部引用的情况下,修改文件内容并不会实时更改页面效果,内部引入时无此问题。 Parcel是什么? 极速零...

    printempwprintempw 评论0 收藏0
  • CSS中选择器的权重值

    CSS中选择器的权重值

    摘要:内联样式外部样式选择器类型选择器栗子标签属性伪类伪元素相邻选择器子代选择器权重计算规则内联样式,如,权值为。选择器,如,权值为。之所以有这样的错觉,是因为确实行间为第一等的权重,所以它的权重是最高的。通配符子选择器相邻选择器等的。 CS...

    BlackHole1BlackHole1 评论0 收藏0
  • 第三方库

    第三方库

    摘要:微信支付,支付宝支付,银联支付三大支付总结支付宝植入总结支付宝的植基于和百度地图的组件库基于百度地图封装的组件库,使用这个库最好需要先了解和百度地图。 Commento - 多说 & Disqus 开源替代品 Commento - 多说 & Disqus 开源替代品 anime.js ...

    gityuangityuan 评论0 收藏0
  • 总结开发过程踩到的坑(一)

    总结开发过程踩到的坑(一)

    摘要:触摸情况下,如果释放时没有达到过渡条件而回弹时不会触发这个函数获取当前索引回调函数,当你轻触后执行。设置回调函数,用来处理服务器响应,使用。 在日常工作中,时常会碰到各种各样的坑,有时真的觉得很多时候开发的经验都是踩坑踩出来的。在通往...

    zeyuzeyu 评论0 收藏0
  • 移动端h5轮播插件swipe

    移动端h5轮播插件swipe

    摘要:在移动端的页面里,我们经常会有轮播图的需求,如果不需要太多的效果,只是简单的手指滑动和自动轮换效果的话,我比较推荐插件,不过百度搜索到的这个插件,里面介绍的不是很完整,我给大家补充下可能需要的功能。 在移动端的h5页面里,我们经常会有轮...

    JuvenJuven 评论0 收藏0
  • NPM酷库:classnames 快速组合CSS类

    NPM酷库:classnames 快速组合CSS类

    NPM酷库,每天两分钟,了解一个流行NPM库。 在前端开发中,我们经常需要JS来判断生成DOM节点CSS类,比如: let className="btn-primary"; if(active){ className+=" active"; } return Save; 在上述代码中,我们需要判断active变量来控制生成的按钮的CSS...

    HydrogenHydrogen 评论0 收藏0
  • css 元素的竖向百分比设定是相对于容器的高度吗?

    css 元素的竖向百分比设定是相对于容器的高度吗?

    摘要:结论是,如果是的话,是相对于容器高度,如果是则是相对于容器的宽度。 结论是,如果是height的话,是相对于容器高度,如果是padding-height,margin-height则是相对于容器的宽度。 举例说明: JS Bin height .wrapper{ h...

    SleepySleepy 评论0 收藏0

热门文章

<