• 理解rem实现响应式布局原理及js动态计算rem

    动态为根元素设置字体大小 function init(){/获取屏幕宽度 var width=document.documentElement.clientWidth/设置根元素字体大小。此时为宽的10等分 document.documentElement.style.fontSize=width/10+'px' }/首次...
    文章 2017-11-22 2248浏览量
  • 移动端自适应布局的最好工具-rem

    提到rem,大家首先会想到的是em/px/pt这类的词语,大多数人眼中这些单位是用于设置字体的大小的,没错这的确是用来设置字体大小的,但是对于rem来说它可以用来做移动端的响应式适配哦 先看看兼容性,关于移动端: ios:6.1...
    文章 2017-11-09 6158浏览量
  • js获取不带单位的像素值

    所谓获取不带单位的像素值就是获取比如元素的宽度、高度、字体大小、外边距、内边距等值但是去掉像素单位。比如:某一个元素的宽度是100px,现在我要获取这个这个值但是不带单位“px”,对于这种问题你会怎么解决?...
    文章 2017-11-26 773浏览量
  • js获取不带单位的像素值

    所谓获取不带单位的像素值就是获取比如元素的宽度、高度、字体大小、外边距、内边距等值但是去掉像素单位。比如:某一个元素的宽度是100px,现在我要获取这个这个值但是不带单位“px”,对于这种问题你会怎么解决?...
    文章 2017-11-09 719浏览量
  • 图标字体化浅谈[转]

    3、把SVG格式的图标导入到icomoon、fontello、iconfont字体生成器,去生成所要的图标字体,以下介绍一下几种字体生成器的用法:(1)图标字体生成器http://icomoon.io/app/ IcoMoon!一个可以通过个性化设置来创建...
    文章 2016-04-22 1975浏览量
  • 浅谈移动端的自适应问题——响应式、rem/em、利用Js...

    说到底,rem实现移动端自适应的原来在于它本身的特性,它可以始终根据根元素的字体大小去改变自己的值。目前各种常见手机的屏幕尺寸大小如下图所示: 我们想实现手机端自适应,就是可以让页面的元素字体、间距、宽...
    文章 2018-03-30 1961浏览量
  • 轻松实现 Web 性能优化

    你无法从页面中获取价值,你无法欣赏它的美学。图1.速度对用户有多重要?我们知道性能对用户很重要,但它又像是一个寻找从哪里开始优化的秘密。幸好有一些工具可以帮助我们。Lighthouse ——性能工作流的基础 ...
    文章 2019-08-06 3346浏览量
  • 新的设计工具和网页插件分享

    一个photoshop扩展工具,主要用来预览和检查,很多小功能,比如点击某图层就能直接预览对应CSS代码样式、字体、颜色、SVG等等,具体没有测试过,因为目前是内测,大家可以输入自己的邮箱去获取。进入Avocode网站 3...
    文章 2017-11-09 1193浏览量
  • Ckeditor的使用方法和配置

    设置字体大小时 使用的式样 plugins/font/plugin.js config.fontSize_style={ element:'span', styles:{ 'font-size':'#(size)' }, overrides:[{ element:'font',attributes:{ 'size':null } }] };是否强制复制来的...
    文章 2017-11-09 1468浏览量
  • 阿里云前端周刊-第 19 期

    本文首先介绍了 Node.js 中流的基础概念与如何获取文件体积、从文件创建流并且获取块的大小等基本 API,然后介绍了如何搭建服务器并且添加合适的路由以返回视频流,最后介绍了前端如何利用 HTML5 的 video 标签实现...
    文章 2017-08-08 1855浏览量
  • [译]构建世界上最快的会议网站

    在@font-face 规则添加 font-display:fallback,可以阻止字体绘制时对下载的阻塞,基于上面的原因我们在脚本添加了这样的代码。不可变的 URL 我希望 wintersmith 能有一个真正的资源管道(asset pipeline)。它...
    文章 2019-08-31 694浏览量
  • 【原】行内元素产生水平空隙是bug吗

    可见行内元素之间的水平间距从无到有,并不断变大,说明行内元素之间产生间距是由换行符、tab(制表符)、空格等字符引起的,那么设置字体大小font-size:0可以是不是可以在所有浏览器除去这些间距呢?经过测试后,可...
    文章 2016-04-29 1392浏览量
  • 真的,移动端尺寸自适应与dpr无关

    原因是一般我们的字体大小的设置不会使用rem,而是使用px单位,这里的字体大小没有随布局视口的放大而增大,却随页面的整体缩放而缩小了,这里就得要针对不同的dpr做响应的处理,在淘宝的代码我们可以看到 docEl....
    文章 2018-07-17 3835浏览量
  • iOS:在OC调用JS脚本

    3.滑动滑动条来改变网页字体大小 (void)SliderChanged{ NSString*str1=[NSString stringWithFormat:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust='%f%'",_slider.value];[_webView ...
    文章 2017-10-11 847浏览量
  • CKeditor 配置使用

    72/72px'/设置字体大小时 使用的式样 plugins/font/plugin.js config.fontSize_style={ element:'span',styles:{ 'font-size':'#(size)' },overrides:[{ element:'font',attributes:{ 'size':null } }]};...
    文章 2013-04-27 833浏览量
  • Web前端知识体系

    还有一种是用户的操作,比如改变浏览器大小,改变浏览器的字体大小等(回流+重绘) 4、本地存储 本地存储最原始的方式就是 cookie,cookie 是存放在本地浏览器的一段文本,数据以键值对的形式保存,可以设置过期时间。...
    文章 2017-11-16 1114浏览量
  • Web前端知识体系精简

    还有一种是用户的操作,比如改变浏览器大小,改变浏览器的字体大小等(回流+重绘) 4、本地存储 本地存储最原始的方式就是 cookie,cookie 是存放在本地浏览器的一段文本,数据以键值对的形式保存,可以设置过期时间。...
    文章 2017-08-01 719浏览量
  • layui框架IE8下的兼容问题收录一

    5).Img 的src字符串的大小在ie8最大限制为32kb 对于一些较大的base64字符串需要进行压缩处理方式一:字写函数,但是需要用到canvas,canvas在ie8 不兼容,需要引入excanvas.js文件注意只能在head里边引入。...
    文章 2021-09-22 20浏览量
  • H5项目开发分享——用Canvas合成文字

    1.这里使用了canvas的fillText来渲染文本,在渲染的时候还通过font设置了字体,fillStyle设置了颜色,MDN上有篇canvas的基础教程。2.canvas的drawImage就是用来嵌入图片的,设置好起始坐标和图片大小后就能将...
    文章 2017-11-12 1302浏览量
  • H5项目开发分享——用Canvas合成文字

    1.这里使用了canvas的fillText来渲染文本,在渲染的时候还通过font设置了字体,fillStyle设置了颜色,MDN上有篇canvas的基础教程。2.canvas的drawImage就是用来嵌入图片的,设置好起始坐标和图片大小后就能将...
    文章 2017-11-15 1065浏览量
  • JsChart组件使用

    setGraphLabelFontSize(integer fontsize)设置自定义图表水印标签的字体大小,默认8. setGraphLabelOpacity(float opacity)设置自定义图表水印标签的透明度。setGraphLabelPosition(string position)设置自定义图表...
    文章 2018-03-04 945浏览量
  • 《微信小程序:开发入门及案例详解》—— 2.3 框架...

    App()函数必须在app.js中注册,且不能注册多个,其参数属性如下: onLaunch:生命周期函数,监听小程序初始化。当小程序初始化完成时,就会触发onLaunch,onLoaunch事件全局只会触发一次。onShow:生命周期函数,...
    文章 2017-05-02 2124浏览量
  • Vue开发入门看这篇文章就够了

    解释:{{}}从数据对象data中获取数据 说明:数据对象的属性值发生了改变,插值处的内容都会更新 说明:{{}}中只能出现JavaScript表达式 而不能解析js语句 注意:Mustache 语法不能作用在 HTML 元素的属性上 lt;h1>...
    文章 2019-06-03 10515浏览量
  • H5页面快速搭建之高级字体应用实践

    第二种方案是调用 iconfont.cn 的服务接口,通过传递字体和文字内容来获取字体文件。这种方案的优点是可以直接利用现有成熟平台,开发成本低,可靠。缺点是增加了外部依赖,不但面临合作方配合的限制,而且无法自行...
    文章 2016-04-22 1920浏览量
  • 基于 HTML5 Canvas 的交互式地铁线路图

    现在我就可以在这个 div 上乱涂乱画了~首先我获取下载好的地铁线路图上的点,我将它们放在 subway.js ,这个 js 文件全部都是下载的内容,我没有做其他的改动,主要是将这些点根据线路来分分配添加到数组中,比如...
    文章 2018-06-14 1428浏览量
  • 验证码-简单实现

    循环4次,画4个字符设置字的颜色为随机设置字体大小为18,将每个字符画到图片,x增加,y不变。10+(i*20),20线的位置是随机的,x范围在width之,y的范围在height之。画8条干扰线,每条线的颜色不同将缓存的图片...
    文章 2019-07-18 786浏览量
  • 前端开发规范文档

    2)全局定义以及全站公共部分共用文件common.css,开发过程,每个页面请务必都要引入,此文件包含reset,常用规则(链接、字体、隐藏、清浮动等)、布局、各种模块基本样式及头部底部样式,此文件不可随意修改;3)选择符...
    文章 2013-05-02 4517浏览量
  • Web性能优化 – 关键渲染路径以及优化策略

    方式一:即阻塞的JavaScript,HTML解析过程遇到script标签,发出网络请求获取script.js,在网络请求返回后,解析并执行script.js,然后浏览器继续HTML解析。方式二:async,完全的异步操作,HTML解析遇到该标签后...
    文章 2018-07-13 1762浏览量
  • 手把手教你webpack3(9)File-Loader配置简述

    然后打包后,css 代码通常会被打包到 js 文件,于是根据之前所获取的【路径关系】,来保存打包好的图片文件;举例来说: 图片路径:src/img/logo.png;css 路径:src/style/style.css;useRelativePath 设为 true...
    文章 2017-12-12 1598浏览量
  • 深入浅出javascript DOM编程

    标准js中的写法-页面加载完成 window.onload=function(){ var root=document.documentElement;DOM根节点-文档节点 var farDIV=document.getElementById("farther");根据ID获得DOM的“元素节点” 元素节点的一些常用...
    文章 2011-10-27 610浏览量
1 2 3 4 5 >

云产品推荐

视频直播 大数据计算服务 MaxCompute 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 新零售智能客服 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT 阿里云科技驱动中小企业数字化