文章库ARTICLE COLUMN

  • 设计小课堂:浅谈界面中的文字字体

    设计小课堂:浅谈界面中的文字字体

    Image byWilli HeidelbachfromPixabay在UI设计中,文本是常用的元素之一,他是传递信息的主要工具。或许是因为它太过基础,很多时候我们会忽视它的存在,导致页面最终效果不够理想。对于注重用户体验的产品来说,每一个细节的偏差都可能成为致命伤。艺术是...

    ernest.wangernest.wang 评论0 收藏0
  • 什么是交互设计?

    什么是交互设计?

    导语▼上篇讲到产品的一致性是产品的金钥匙,通过对一致性的设计可以使产品在品牌标识、用户使用和开发效率等方面得到提升。交互设计对于产品有哪些价值呢?本质是站在多维角度挖掘,分析,梳理,提炼用户更深层的需求和痛点,利用交互理论方法,保证产...

    ernest.wangernest.wang 评论0 收藏0
  • 好快, 1分钟开发好一个下拉刷新,滚动加载列表

    好快, 1分钟开发好一个下拉刷新,滚动加载列表

    摘要:但本活又己交给音长争标识我。八说前它特用达圆是路看江才。开次他争从点军容给油很出。成育料技所心并精北酸间办元。除现七团一历积动两水矿花始线党党她。 好快, 1分钟写好下拉刷新,滚动加载自动分页列表 前言 欢迎关注BUI Webapp专栏 或者 bui神速...

    wemallwemall 评论0 收藏0
  • flex布局入门

    flex布局入门

    摘要:交叉轴的起点对齐交叉轴的终点对齐。默认值轴线占满整个交叉轴四项目配置除了对容器进行设置,对项目本身也可以进行设置。布局是不是简单又实用,理解容器项目主轴线交叉轴线这几个概念后就上手实用吧参考文章如有不妥,欢迎指正 一、 why flex 都知道...

    FrancisSoungFrancisSoung 评论0 收藏0
  • 如何把css'content的操作跟价值发挥到最大

    如何把css'content的操作跟价值发挥到最大

    摘要:属性需要与及伪元素配合使用,作用是可以定义伪元素所显示的内容,本文主要列举的可选值及实用的案例与技巧 showImg("https://segmentfault.com/img/bVbwuVr?w=900&h=383"); content属性需要与before及after伪元素配合使用,作用是可以定义伪元素所显...

    jindongjindong 评论0 收藏0
  • 【bug库】Safari浏览器white-space:nowrap不生效

    【bug库】Safari浏览器white-space:nowrap不生效

    摘要:复现验证浏览器显示例子蓝天白云花朵浏览器显示例子蓝天白云花朵总结文本不会换行,文本会在同一行上连续,直到遇到标签位置浏览器没有对属性生效疑问为什么在浏览器中没有生效呢 问题描述: 上传一个关键词csv文件,以换行符为分割点,上传后将文件内...

    only_doonly_do 评论0 收藏0
  • web前端开发中遇到的问题整理记录——2019-04

    web前端开发中遇到的问题整理记录——2019-04

    摘要:目录匹配下标是奇数或偶数的子元素获取屏幕高度小程序显示不出的原因小程序状态栏沉浸式小程序引用图标正文匹配下标是奇数或偶数的子元素奇数偶数获取屏幕高度获取览器显示区域的高度获取浏览器显示区域的宽度获取页面的文档高度获取页面的文 目录 1.c...

    leoperfectleoperfect 评论0 收藏0
  • 小程序云开发之初体验

    小程序云开发之初体验

    摘要:小程序云开发之初体验前言选型的时候前后端都准备自己搞,然后选中方案,搭建的时候,发现官方文档没有了,后来问客服,客服说方案是存量用户使用的,相关文档已经下线说是现在主推云开发,然后带着疑问和懵逼脸转向了云开发最后发现云开发的我是幸福的...

    LabradorsLabradors 评论0 收藏0
  • Grid网格布局学习(1)

    Grid网格布局学习(1)

    摘要:阮一峰的网格布局教程于月号发布正好学习一波布局。布局是二维布局将容器划分成行和列产生单元格然后指定项目所在的单元格。 阮一峰的网格布局(grid)教程于3月25号发布,正好学习一波grid布局。虽然grid布局还不能够支持商用,扩展一下知识面也是好的...

    JadenJaden 评论0 收藏0
  • 什么是BFC?

    什么是BFC?

    摘要:什么是再解释之前需要了解下面的一些概念有一个认识框它是组成页面的基本单元,一个界面可以由多个元素组成。浏览器支持,是规范中的一个概念。最常见的有简称和简称。即使存在浮动也是如此。根据布局规则第二条垂直方向的距离由决定。 什么是BFC? 再...

    superPershingsuperPershing 评论0 收藏0
  • BFC及应用学习总结

    BFC及应用学习总结

    首先回顾一下普通流,普通流对后面进一步了解BFC有很大的作用 普通流(Normal Flow) 普通流是网页中元素的默认排版,默认情况下 块级元素:以block flow direction排列(每一个块级元素新起一行,即以从上往下以列排列) 行内元素:不会另起一行,一个接...

    zorpanzorpan 评论0 收藏0
  • React中禁止页面滚动

    React中禁止页面滚动

    摘要:最近用做了一个端的页面,主要实现了一个弹层滑动选择的功能,效果如图遇到了一个问题,当在底部弹出层进行滚动选择城市区划时,蒙版后的页面也会随着滚动。所以为了让页面滚动的效果如丝般顺滑,从开始,在和上注册的和事件处理函数,会默认为设置。 ...

    suosuopuosuosuopuo 评论0 收藏0
  • CSS相关面试题——三栏等高布局

    CSS相关面试题——三栏等高布局

    摘要:题目最近在面试中遇到过这样一道面试题,让写出左中右,三栏布局,左栏右栏固定宽度,中间栏宽度自适应。代码如下效果如下所示乍一看实现了三列布局,但是题目要求等高,这个可就麻烦了。 题目 最近在面试中遇到过这样一道面试题,让写出左中右,三栏...

    fsmStudyfsmStudy 评论0 收藏0
  • vue学习组件之路之menu导航菜单

    vue学习组件之路之menu导航菜单

    摘要:后面就是和定位弹出框一样类似的操作,在导航菜单里面我并没有这么做,后面会改成这样的吧。一些多层嵌套的位置问题,尚未完成。在显示的时候会有高度抖动的问题。里面给某些子组件添加样式用到了深度作用。 效果尽量仿着element做。预览地址 组件之间...

    VixbVixb 评论0 收藏0
  • Node.js 配合 express 框架、mongodb 实践 &&  [使用 T

    Node.js 配合 express 框架、mongodb 实践 && [使用 T

    摘要:一默认使用的模块化方案,默认是的模块化方案,两者有本质区别。的去寻找引入的依赖时,如果是自带的模块,比如文件模块,只需要填写即可。这是版本入口文件使用了两个路由器路由,分别处理和请求逻辑。核心操作全部依赖模型对象来执行。 一、Node.js...

    xeblogxeblog 评论0 收藏0
  • 移动端布局方案汇总&&原理解析

    移动端布局方案汇总&&原理解析

    摘要:移动端布局方案汇总原理解析阿里布局版本该布局于年月日被版本取代实现原理假设稿宽设置的将屏幕分成份,实际屏幕宽度开发时直接填写设计稿宽度利用插件转换为实际阿里布局版本实现原理利用的理想视口,删除版本的缩放其他依旧和版本一样网易布局个 移...

    cnswordercnsworder 评论0 收藏0
  • 上天的Node.js之爬虫篇        15行代码爬取京东淘宝资源         【深入浅出】

    上天的Node.js之爬虫篇 15行代码爬取京东淘宝资源 【深入浅出】

    摘要:这里由于京东的分界面都使用了,所以我们可以用,总之他们开发能用的选择器,我们都可以用,否则就不可以。 难道爬虫只能用 python 做? 不,我们上天的 Node.js 也可以做! 需要准备的包 Node.js的最新版本 下载地址 Node.js官网 npm 包管理器下...

    kyanagkyanag 评论0 收藏0
  • 响应式导航如何实现 - W3Schools视频05

    响应式导航如何实现 - W3Schools视频05

    摘要:系列全部视频响应式网页布局响应式网页布局响应式网页布局幻灯片如何实现响应式导航如何实现 响应式导航即是让导航变成响应式。常见的做法是在小屏幕时不将全部导航项目列出,而是显示一个导航图标,点击该图标时才会显示出完整导航。今天我们就来按照...

    stackvoidstackvoid 评论0 收藏0
  • 灯箱效果如何实现 - W3Schools视频06

    灯箱效果如何实现 - W3Schools视频06

    摘要:灯箱效果是将图片放大弹出显示,并将背景变暗,以突出图片。灯箱效果教学灯箱效果例子视频连结站灯箱效果实现灯箱效果的重点在于预设隐藏灯箱。图片放大的效果可透过动画实现。 灯箱(Lightbox)效果是将图片放大弹出显示,并将背景变暗,以突出图片。...

    lvzishenlvzishen 评论0 收藏0
  • CSS html大杂烩

    CSS html大杂烩

    摘要:注意及更早版本不支持属性。定义和用法属性规定是否对元素内容进行拼写检查。浏览器会显示一个标准的字体。规定应该从父元素继承属性的值。 css属性:阴影 box-shadow:>=ie9html: pacleholder >ie9 //can i use 里显示ie10不支持,但实践验证已支持c...

    JohnLuiJohnLui 评论0 收藏0
  • css画图「不定时持续更新」

    css画图「不定时持续更新」

    摘要:最近项目有个侧边栏缩放的需求,用箭头按钮控制。不过本人是感觉用起来好理解一些。还有一个我更喜欢,代码更简洁的,个人感觉更加漂亮的,用两个旋转的正方形重叠的,如图参考文档纯实现箭头上下左右的箭头无敌制作上下左右箭头 最近项目有个侧边栏缩...

    AiryAiry 评论0 收藏0
  • viewport&像素

    viewport&像素

    摘要:屏幕分辨率是指一块屏幕中画面水平方向的像素值画面垂直方向的像素值。图像分辨率是指每英寸图像内的像素点数。图像分辨率是有单位的,叫像素每英寸。设备像素可能不相同物理像素不会改变,单位是。及英寸,而英寸等于厘米举个 viewport是什么 移动端...

    hankkinhankkin 评论0 收藏0
  • CSS3开发文档

    CSS3开发文档

    摘要:站点前端开发文档原文选择器原文继承属性原文核心模块原文盒子模型原文背景图像原文清除浮动原文定位选择器并集对选择器进行分组,被分组的选择器可以分享相同的声明。用逗号将需要分组的选择器开分。 站点:前端开发文档原文:CSS选择器原文:CSS继承...

    gplanegplane 评论0 收藏0
  • css-secrets  (css揭秘)  知识点目录,值得深入学习!

    css-secrets (css揭秘) 知识点目录,值得深入学习!

    摘要:通过模糊来弱化背景和滚动提示使用两层背景,控制交互式的图片对比控件范围输入控件方式书中有很详细的解答提醒自己要回顾。 1. 第一章 css编码技巧 第二章 边框与背景 半透明边框 hsla 多重边框 box-shadow outline 灵活的...

    DevWikiDevWiki 评论0 收藏0
  • 小程序显示弹窗时禁止下层的内容滚动

    小程序显示弹窗时禁止下层的内容滚动

    摘要:小程序显示弹窗时禁止下层的内容滚动小程序显示弹窗时禁止下层的内容滚动第一种方式利用禁止页面滚动一页面结构此处为整个页面的结构内容点击显示弹窗当为的时候显示弹窗此处为弹窗内容二部分添加一个类名把弹窗的下层内容定位为实现禁 小程序显示弹窗...

    ddongjian0000ddongjian0000 评论0 收藏0
<