文章库ARTICLE COLUMN

  • 使用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
  • checkbox,radio自定义美化表单

    checkbox,radio自定义美化表单

    摘要:原理利用标签,包裹的时候,点击等同于点击再用背景图片显示选中和取消选中状态效果图片复选我你他单选男女 原理 利用label标签,包裹input的时候,点击label等同于点击input,再用背景图片显示选中和取消选中状态 效果 showImg("https://segmentfault....

    lixianglixiang 评论0 收藏0
  • 博客园自定义样式

    博客园自定义样式

    摘要:个人比较喜欢用来编写博客,但是博客园自带的编辑器真的不是很友好啊。。。。。还好,博客园比较人性化的有页面样式的自定制功能。 碎碎念: 已经很长时间没有更新过博客了,分析一下,一个是太懒了。。。所以很久没整理一下了。 还有就是嫌弃博客园...

    ASCHASCH 评论0 收藏0
  • 关于web前端开发,区别用户使用的终端设备代码

    关于web前端开发,区别用户使用的终端设备代码

    摘要:对前端开发,熟知不同的浏览器,的解析是基本技能,下面,我就向大家展示一下,如何获得当前用户所用的终端设备。 对web前端开发,熟知不同的浏览器,的解析是基本技能,下面,我就向大家展示一下,如何获得当前用户所用的终端设备。车子一发动,请准...

    mo0n1andinmo0n1andin 评论0 收藏0
  • CSS Grid 系列(上)-Grid布局完整指南

    CSS Grid 系列(上)-Grid布局完整指南

    摘要:浏览器已经宣布将支持标准的语法,但暂未支持。重复网格区域的名称导致内容扩展到这些单元格。点号表示一个空单元格。中间一行将由两个区域一个空单元格和一个区域组成。只要这些点号之间没有空格,他们就代表了一个单一的单元格。 by Chris House 译...

    yy13818512006yy13818512006 评论0 收藏0
  • 【CSS】nth-child 与 nth-of-type辨析

    【CSS】nth-child 与 nth-of-type辨析

    摘要:和是的两个伪选择器。就是要找第二个子元素,也就是第二步检查是否匹配。你以为会匹配到结果并没有解释的查找过程也有两步找出同标记类型下的第个元素。那么这个样式应用成功,因为匹配。但是则应用失败,因为的里没有。 nth-child 和 nth-of-type是CS...

    wtheewthee 评论0 收藏0

热门文章

<