文章库ARTICLE COLUMN

  • vux-ui的ViewBox的坑

    vux-ui的ViewBox的坑

    摘要:链接该组件为高布局,可以解决部分键盘输入的问题,但是同时会在中出现向下滚动时无法自动隐藏工具栏和底部栏的问题。在里元素定位为,效果等同于。 链接 https://doc.vux.li/zh-CN/comp... 该组件为100%高布局,可以解决部分键盘输入的问题,但是同时...

    用户83用户83 评论0 收藏0
  • css元素不可见方法

    css元素不可见方法

    摘要:使元素不可见的三个方法隐藏元素不占据空间结构子元素显示状态始终跟父元素保持一致,会引起回流和重绘,不会遮挡其他元素的触发事件。 css使元素不可见的三个方法:display: none / visibility: hidden / opacity: 0 display: none 隐藏元素不占据...

    X1nFLYX1nFLY 评论0 收藏0
  • 2018.12月问题整理杂记

    2018.12月问题整理杂记

    摘要:布局如下对于这块,我不是很理解,后发现,注销这个样式,用可以解决。后查阅一些资料,到了原因。 -12.24-:html布局如下: html css javascript vue css: tab{ width: 600px; margin: 0 auto; } .tab-tit{ width: 600p...

    wudengzanwudengzan 评论0 收藏0
  • 2018.12.24 无障碍学习小计

    2018.12.24 无障碍学习小计

    摘要:在中的规范,包括关于角色可以使用哪些元素和不使用哪些元素的指导英不启用将网页某个部分标记为,以便及时向用户显示更新内容,而不是用户浏览这部分网站时更新可能位于初始页面加载中不同的屏幕阅读器和辅助技术对不同更改的响应不同,如果辅助技术不...

    FundebugFundebug 评论0 收藏0
  • 简析 js 碰撞检测原理与算法实现

    简析 js 碰撞检测原理与算法实现

    摘要:碰撞检测边界检测在前端游戏,以及涉及拖拽交互的场景应用十分广泛。这就涉及到碰撞检测或者叫边界检测的问题了。若四边均未发生重合,则未发生碰撞,反之则发生碰撞。目前业务有遇到碰撞需求,所以抽时间整理了下。 碰撞检测(边界检测)在前端游戏,...

    MiyangMiyang 评论0 收藏0
  • 火狐浏览器table表格th、td填充背景描边后设置position: relative边框失效问题

    火狐浏览器table表格th、td填充背景描边后设置position: relative边框失效问题

    摘要:解决方法去掉的背景色,把背景色填充在的上,这样就能完全解决这个问题,如下在火狐浏览器查看效果解决方法给设置一个属性,这样也能完全解决这个问题,如下在火狐浏览器查看效果扩展阅读 一般在开发管理系统的时候经常会用到表格,在使用表格式时通常...

    objc94objc94 评论0 收藏0
  • Angular2模板语法总结

    Angular2模板语法总结

    摘要:模板语法插值表达式如模板表达式模板表达式产生一个值。如双向数据绑定一绑定语法概览提供了各种各样的数据绑定,本章将逐一讨论。这个目标可能是元素组件指令的元素组件指令的事件,或极少数情况下名。类绑定绑定的语法与属性绑定类似。 1、模板语法 ...

    RiverLiRiverLi 评论0 收藏0
  • 前端常用小工具

    前端常用小工具

    摘要:移动端适配计算工具兼容写法生成器渐变在线生成图片在线无损压缩,,,在线生成小程序字体图标转换 移动端适配 rem & vw 计算工具 showImg("https://segmentfault.com/img/bVblELo?w=1179&h=485");http://www.jq22.com/demo/jque... css兼容写法生成器...

    wenduxwendux 评论0 收藏0
  • 理解 line-height 和 vertical-align

    理解 line-height 和 vertical-align

    摘要:我认为应该将理解为。如果的值是,高度就是等于。中所有的最高点以及最低点决定了它的高度该计算包括了的高度,后文会提到。非替换元素的的,以及并不会影响高度的计算。并不是两条之间的距离。元素的垂直中点位置与父元素的基线加上一半的位置对齐。 ...

    jzzleejzzlee 评论0 收藏0
  • 前端 CSS : 4# CSS 实现暖暖的小火堆

    前端 CSS : 4# CSS 实现暖暖的小火堆

    摘要:介绍原文链接感謝大佬的前端每日实战效果预览浏览源代码地址代码解读首先是完成结构常规样式初始化天上的星星原文中星星是固定位置并且不会闪烁的而这里我们将会改变这一状态而且为了避免重复手动给星星固定位置及大小所以采用了库来减少麻烦首先将改 ...

    malakashimalakashi 评论0 收藏0
  • JavaScript引擎

    JavaScript引擎

    摘要:由于这些是驱动的工具,因此它们由引擎提供支持。两个主要引擎是的和的引擎。然后,四个即时进程启动,分析并执行解析器生成的字节码。简单来说,这个引擎获取源代码,将其分解为字符串,获取这些字符串并将它们转换为编译器可以理解的字节码,然后执行...

    马龙驹马龙驹 评论0 收藏0
  • webapp字号大小跟随系统字号大小缩放

    webapp字号大小跟随系统字号大小缩放

    摘要:和安卓同事商量后,他去获取系统放大的参数,然后将参数传递给内部,内部来自定义控制缩放。这种方案必须确保先让的适配先执行,然后判断是否是安卓,如果是安卓就执行方法才有效,否则会被里面的方法覆盖掉,造成页面先放大后缩小或者先缩小后放大的现...

    hover_lewhover_lew 评论0 收藏0
  • CSS

    CSS

    摘要:合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。定位一切皆为框或元素常常被称为块级元素。与之相反,和等元素称为行内元素,这是因为它们的内容显示在行中,即行内框。元素的位置通过以及属性进行规定。 基础概念 CSS 规则由两个主...

    andong777andong777 评论0 收藏0
  • 表单短标题不同字数两端对齐问题

    表单短标题不同字数两端对齐问题

    摘要:方法一利用属性和参考热门搜索电视机性感漂亮高跟鞋手机对齐牛仔裤小家碧玉家居这个值是看最长能显示几个文字,如,则为如果需要个字两端对齐,则为这里是同上如果需要个字两端对齐,则为这里是同上方法二利用透明字占 方法一:利用letter-spacing属性...

    vibiuvibiu 评论0 收藏0
  • 符合ARIA的radiogroup

    符合ARIA的radiogroup

    摘要:省略,是核心,以下为部分核心代码上面为和添加上为监听器函数这个属性不用初始化,可以在焦点改变时修改 HTML Name: Drink Options Wat...

    MiracleMiracle 评论0 收藏0
  • ES6新语法(一)

    ES6新语法(一)

    摘要:的简称是于年月正式发布的语言的标准报错报错报错可以重复定义并无块级作用域,不能重复定义有块级作用域,定义常量赋值报错在解构赋值过程总,必须左右结构相同箭头函数中的普通函数箭头函数方便以后多次调用箭头函数中当参数只有一个的时候可以省略括...

    levy9527levy9527 评论0 收藏0
  • FE.B-理解浏览器的同源策略与跨域方案

    FE.B-理解浏览器的同源策略与跨域方案

    摘要:方案浏览器设置一级域名。场景完全不同源的网站,需要窗口通信方案父子窗口互相写互相监听子窗口写后跳回同域父窗口读浏览器跨文档通信场景请求非同源地址方案架设服务器代理参考资料浏览器同源政策及其规避方法阮一峰前端常见跨域解决方案全跨域几种方...

    oujieoujie 评论0 收藏0
  • 用css完成根据子元素不同书写样式

    用css完成根据子元素不同书写样式

    摘要:我们需要达到的效果需要什么张图片的,张图片的,张图片的样式各不相同。 我们需要达到的效果: showImg("https://segmentfault.com/img/bVblGHy?w=439&h=704"); 需要什么 1张图片的, 2张图片的, 3张图片的样式各不相同。可以使用js完成子元素的判断...

    chuyaochuyao 评论0 收藏0
  • CSS 专业技巧

    CSS 专业技巧

    摘要:将该值设置为会将元素的属性更改为其初始值注意所有速记在中不被支持,目前正在考虑的支持。注意这一技巧对于无障碍,特别是屏幕阅读器而言并不理想。回目录隐藏没有静音自动播放的影片这是一个自定义用户样式表的不错的技巧。CSS 专业技巧目录专业技巧...

    txgcwmtxgcwm 评论0 收藏0
  • CSS中有哪些常用选择器?

    CSS中有哪些常用选择器?

    摘要:一选择器有哪些中的选择器很多,比如选择器,类选择器,通配符选择器,伪类选择器等等,接下来主要介绍常用的几个。组选择器语法选择器,选择器,选择器为为,为和的元素共同设置样式。子元素选择器语法父元素子元素选中父元素的指定子元素。一、CSS选...

    VioletJackVioletJack 评论0 收藏0
  • CSS阶段总结

    CSS阶段总结

    摘要:布局之左右布局与左中右布局方法为子元素设置浮动,然后在其父元素上使用类来清除浮动。 CSS布局之左右布局与左中右布局 方法:为子元素设置浮动,然后在其父元素上使用clearfix类来清除浮动。代码示例: html部分: a b c CSS部分: .child{...

    daryldaryl 评论0 收藏0
  • vue 前端项目技术选型、开发工具、周边生态

    vue 前端项目技术选型、开发工具、周边生态

    摘要:有目录结构书写方式组件集成项目构建等的约束,整个应用中是没有文件的,所有的响应都是动态渲染的,包括里面的元信息路径等。更多参考细说后端模板渲染客户端渲染中间层服务器端渲染开发工具开发时主要会用到的工具。 vue 前端项目技术选型、开发工具...

    AwbeciAwbeci 评论0 收藏0
  • 前端技能拾遗

    前端技能拾遗

    摘要:本文主要是对自己前端知识遗漏点的总结和归纳,希望对大家有用,会持续更新的解释语言和编译型语言解释型语言与编译型语言的区别翻译时间的不同。命令会有变量声明提前的效果。硬绑定参考不同是返回对应函数,便于稍后调用则是立即调用。 本文主要是对...

    lyninglyning 评论0 收藏0
  • 如何做活动页面的滚动动画?让用户体验MAX的demo在这里!

    如何做活动页面的滚动动画?让用户体验MAX的demo在这里!

    摘要:此时需要判断当前位置是否大于或者小于,若超过这个极限值需要重设目标位移及帧位移,使其在极限值内。判断第二次滑动是否与第一次不同方向,若不同向需重置上次帧位移为。以免上次帧位移太大影响移动方向。 本文由云+社区发表 最近的一个活动页面需要...

    rollbackrollback 评论0 收藏0
  • mix-blend-mode及background-blend-mode实现炫酷的图片样式

    mix-blend-mode及background-blend-mode实现炫酷的图片样式

    摘要:在网上看到了有如相机功能的实现比较好看的图片样式,自己也想弄下,在这里记录下效果图相关属性正常正片叠底滤色叠加变暗变亮颜色减淡颜色加深强光柔光差值排除色相饱和度颜色 在网上看到了有如相机功能的mix-blend-mode实现比较好看的图片样式,自己...

    gougoujianggougoujiang 评论0 收藏0

热门文章

<