文章库ARTICLE COLUMN

  • CSS-字体对应的字重

    CSS-字体对应的字重

    摘要:场景设计师给的标注文件经常会出现一个情况,字重总是通过直接设置具体的字体来指定字重。对应关系但对于开发而言,指的应该是这个字体包含的所有,所以字重应该就用表示,其对应关系大致符合 场景 设计师给的标注文件经常会出现一个情况,字重总是通...

    leviuslevius 评论0 收藏0
  • DIV+CSS规范命名大全集合

    DIV+CSS规范命名大全集合

    摘要:网页制作中规范使用命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体命名规则命名大全内容篇。 网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大...

    wangtdgoodluckwangtdgoodluck 评论0 收藏0
  • 亚马逊CTOWerner Vogels将出席CSS 2019,对话腾讯汤道生探讨全球云安全新趋势

    亚马逊CTOWerner Vogels将出席CSS 2019,对话腾讯汤道生探讨全球云安全新趋势

    摘要:全球领先的科技企业腾讯亚马逊将在今年月日聚首第五届互联网安全领袖峰会,简称,探讨全球云安全新趋势。最新议程披露,亚马逊副总裁和首席技术官将出席今年并进行主题演讲。据了解,此次圆桌不仅将聚焦腾讯和亚马逊关于云安全的趋势分享和应用前瞻。 ...

    2json2json 评论0 收藏0
  • CSS/CSS3 实现 居中(水平&垂直)

    CSS/CSS3 实现 居中(水平&垂直)

    摘要:,水平居中行内元素把行内元素放在一个属性块元素中,然后设置父层元素属性居中,水平居中块状元素设置外边距,水平居中多个块状元素把块状元素属性,然后设置父层元素属性居中,水平居中多个块状元素布局实现把块状元素的父元素属性和,如下设置, 1...

    levy9527levy9527 评论0 收藏0
  • 移动端的3种适配方法

    移动端的3种适配方法

    摘要:做移动端页面以来,经常会听说移动端的适配这个问题,但是并没有认真分析过是如何适配各种机型的。目前公司用的是手淘的进行页面适配的。手淘那个还有的地方看不懂,还是自己太了,但是看不懂车不影响老司机开车。 做移动端页面以来,经常会听说移动端...

    dockerclubdockerclub 评论0 收藏0
  • 常见的CSS布局样式

    常见的CSS布局样式

    摘要:在定义样式前要设定一些默认样式一列布局两个要点页面内容区域有一个固定宽度。自适应宽的列根据浏览器窗口的大小自动判断宽度,主要放置主体内容。 在定义样式前要设定一些默认样式 *{margin:0;padding:0;} html body{height:100%;} 一列布局 两个...

    derek_334892derek_334892 评论0 收藏0
  • 16进制颜色代码#FF000000

    16进制颜色代码#FF000000

    摘要:以黑色为例前两位为透明度,透明度分为阶,计算机用进制表示。 以黑色为例 #FF000000 前两位为透明度,透明度分为256阶(0-255),计算机用16进制表示(00-FF)。 换算方法:透明度百分比 * 255 = 值(10进制)需要转换成16进制 转换参照表, 透...

    KrossKross 评论0 收藏0
  • H5新增标签与样式及让元素水平垂直居中

    H5新增标签与样式及让元素水平垂直居中

    摘要:元素的水平垂直居中利用标签,自带的功能测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试效果效果效果 元素的水平垂直居中 1、利用tabl...

    atinosunatinosun 评论0 收藏0
  • Web性能优化

    Web性能优化

    摘要:性能可以通过以下几方面来优化方面减少请求合并文件精灵减少查询缓存将资源分布到恰当数量的主机名减少元素数量方面使用配置对组件使用压缩方面减小大小方面将样式表放到页面顶部不使用表达式使用不使用方面将脚本放到页面底部将和从外部引入压缩和删除...

    tinylcytinylcy 评论0 收藏0
  • 16进制转rgba

    16进制转rgba

    function hexToRgba(hex, opacity) { return rgba( + parseInt(0x + hex.slice(1, 3)) + , + parseInt(0x + hex.slice(3, 5)) + , + parseInt(0x + hex.slice(5, 7)) + , + opacity + );}使用方法hexToRgba(#00c154, 0....

    fnngjfnngj 评论0 收藏0
  • vertical-align 简明指南

    vertical-align 简明指南

    摘要:部分样式代码总结因为用的不多其他对齐方式并没有举例。 起因 内容垂直居中在前端布局中, 是经常遇到的需求。虽然可以用 浮动 float、position:absolute、 来解决, 不过文档流都会受到影响。笔者常用的是 flex, 用起来顺手, 有些地方用起来感觉小题大...

    wqj97wqj97 评论0 收藏0
  • 简单好用的CSS命名规范和JS代码风格

    简单好用的CSS命名规范和JS代码风格

    摘要:命名规范命名法是由团队提出的一种前端命名规范。更严格一点来说不能影响自身布局,最好不要设置和,也不要使用元素选择器和选择器。是修饰,定义和的外观状态或者行为。代码风格推荐去看地址。 这是我的个人博客,有兴趣的可以去看看,说不定有收获。...

    KnewOneKnewOne 评论0 收藏0
  • 基于 vw 单位的移动端适配方案学习笔记

    基于 vw 单位的移动端适配方案学习笔记

    摘要:基于单位的移动端适配方案学习笔记回顾并总结一下移动端适配的一些知识前提要求里添加兼容性让它自个儿玩去吧计算的设计稿宽度设计稿上对应设备上多少个单位的表示设备屏幕宽度的的大小同时也是单位的大小为了方便后面的尺寸计算放大倍即设计稿上 基于...

    Mr_houziMr_houzi 评论0 收藏0
  • JavaScript 实现 iOS 下的计算器

    JavaScript 实现 iOS 下的计算器

    摘要:最后一次更新于效果演示图计算器该项目可在浏览器页面上实现计算器。需要实现的功能是每当用户点击按钮,文本框要实时显示被更新的表达式。如果当前表达式无法被计算,被异常处理捕获并在文本框显示。 最后一次更新于2019/07/08 效果演示图 showImg("h...

    Forest10Forest10 评论0 收藏0
  • 小程序转换工具

    小程序转换工具

    摘要:地址闲话说起来也是话长,本来是干端的活。后来因为公司体系的缘故,去年开始各种折腾小程序。 「地址」https://github.com/CaMnter/ap... 「闲话」说起来也是话长,本来是干端的活。后来因为公司体系的缘故,去年开始各种折腾小程序。我之前是干 Andr...

    darcranddarcrand 评论0 收藏0
  • React的移动端和PC端生态圈的使用汇总

    React的移动端和PC端生态圈的使用汇总

    摘要:调用通过注册表调用到实例,透过的,调用到中的,最后通过,调用,根据参数相应模块执行。京东的,多端解决方案是一套遵循语法规范的多端开发解决方案。 showImg("https://segmentfault.com/img/bVbuMkw?w=1304&h=808"); 对于一项技术,我们不能停留在...

    TravisTravis 评论0 收藏0
  • JS动态解析浏览器和网页的各种宽高属性

    JS动态解析浏览器和网页的各种宽高属性

    摘要:获得各种宽高的属性还有公式网页可见区域高滚动条宽度测试的文字网页可见区域宽滚动条宽度测试的文字的总高度滚动条宽度边框宽度测试的文字的总宽度滚动条宽度边框宽度测试的文字的解释元素内容高度的度量,包括由于溢出导致的视图中不可见内容滚动总高...

    galoisgalois 评论0 收藏0
  • mask-image的应用

    mask-image的应用

    摘要:大概的效果就是被遮罩层与遮罩层不透明的部分重叠的部分是可见的,而遮罩层是不显示的。利用能做出一些不错的效果,比如。想到用这个属性正合适,于是要来了心型图片,拿到设计师导出的文件,用压缩下得到一个。 遮罩层,如果学过Flash的同学应该都听...

    HollisChuangHollisChuang 评论0 收藏0
  • (面试题)垂直居中的几种实现方式

    (面试题)垂直居中的几种实现方式

    摘要:尤其是在实际页面中,有很多特殊的场景,导致水平居中实现起来比较麻烦。这篇文章旨在纪录一些我知道的居中方式。以一道经典面试题为例一个的在一个水平垂直居中,用实现。首先定义元素层和垂直居中无关的样式直接定义在里。 相比较水平居中,垂直居中...

    cheukyincheukyin 评论0 收藏0
  • 单/多行文本溢出省略

    单/多行文本溢出省略

    摘要:单行文本溢出省略注一定要给容器定义宽度少了,文字会撑到容器外面少了,文字会被裁切少了,没有省略号,文字不会隐藏。多行文本溢出省略注,块元素显示的文本行数,可以改成想要的行数,该属性规定子元素应该被垂直排列。 单行文本溢出省略: overflo...

    RayKrRayKr 评论0 收藏0
  • 如何把一个项目从Git本地仓库上传到github上

    如何把一个项目从Git本地仓库上传到github上

    摘要:打开该文件,鼠标右击进入通过命令把这个文件夹变成可管理的仓库通过把项目添加到仓库或把该目录下的所有文件添加到仓库,注意点是用空格隔开的在这个过程中你其实可以一直使用来查看你当前的状态。用日志把项目提交到仓库。 1、在桌面上创建一个文件...

    cocopeakcocopeak 评论0 收藏0
  • 在Vue项目中使用ElementUI(一)

    在Vue项目中使用ElementUI(一)

    摘要:这是一段内容标题名称确定点击确定后的回调函数确认消息弹框提示用户确认其已经触发的动作,并询问是否进行此操作时会用到此对话框。。 初始化一个Vue项目 F:Test>vue init webpack Test1 ? Project name test1 ? Project description A Vue.js projec...

    NicolasHeNicolasHe 评论0 收藏0
  • uni-app scroll-view 实现滑动菜单

    uni-app scroll-view 实现滑动菜单

    摘要:月文本不会换行,文本会在在同一行上继续,直到遇到标签为止。只有加入这句话组件才能够滑动此处为横向滑动 {{ month }}月 .monthDescTab { width: 100%; /* * 文本不会换行,文本会在在同一行上继续,直到遇到 标...

    InvokerInvoker 评论0 收藏0
  • CSS零碎之em、rem

    CSS零碎之em、rem

    摘要:移动端的开发基本很少直接使用作为单位了,目前最常用的是。一般移动端页面的开发流程是设计人员以某个机型作为标准,设计好。前端开发针对这个机型的做开发,然后其它机型相对的去等比例缩放。 移动端的开发基本很少直接使用px作为单位了,目前最常用...

    IntegInteg 评论0 收藏0
  • 前端面试汇总(html+css)

    前端面试汇总(html+css)

    摘要:前端页面有哪三层组成分别是什么有什么作用前端页面由结构层,表示层,行为层组成。作用标准模式与兼容模式有什么区别声明位于文档的第一行,处于标签之前,告知浏览器的解析器用什么文档标准解析这个文档,不存在或者格式不正确会导致文档以兼容模式存...

    CarbsCarbs 评论0 收藏0

热门文章

<