内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

当前分类:

> 网页设计 > 脚本HTML >

  • 前端布局方式汇总及概念浅析01月16日

    又一个月没更博了,为了自己的第一个小窝连续奔波于苏沪两地。 恰逢最近团队有个关于前端布局的分享的作业,于是赶紧抓住机会认领,并总结成文。 关于布局 基础布局方式 0. 普通/文档流/Static 布局 早期 table , 后来 div ,再后来 HTML5 语意化标签按照自

    Tags:HTML
  • Tinder渐进式网页应用性能案例学习01月14日

    Tinder最近对移动端右滑了。他们最近出品的响应式的 渐进式网页应用 Tinder Online 已经可以在桌面和移动端使用了,应用采用了新技术做 JavaScript性能优化 ,并用 Service Workers 和 Push Notification 分别做了网络弹性和对话约会。今天我们来简单过一遍

    Tags:Tinder
  • 将html生成图片12月26日

    Liter 项目需求 1.前端添加管理员信息包括(姓名,年龄,头像等) 2.将管理员信息显示在具体背景图片上,将其生成图片的形式上传后台服务器( base64格式 或者 文件的格式 ) 实现思路 1.将管理员信息使用定位将其设置在指定背景图片上。 2.使用html2canvas

    Tags:html
  • 0学习成本实现HTML元素粘滞融合效果12月24日

    一、元素粘滞融合效果实现原来这么简单 页面任意位置塞入这么一段SVG代码: svg width=0 height=0 style=position:absolute; defs filter id=goo feGaussianBlur in=SourceGraphic stdDeviation=10 result=blur / feColorMatrix in=blur mode=matrix values=

    Tags:HTML
  • 禁止蒙层底部页面跟随滚动12月07日

    场景概述 弹窗是一种常见的交互方式,而蒙层是弹窗必不可少的元素,用于隔断页面与弹窗区块,暂时阻断页面的交互。但是,在蒙层元素中滑动的时候,滑到内容的尽头时,再继续滑动,蒙层底部的页面会开始滚动,显然这不是我们想要的效果,因此需要阻止这种行为

    Tags:HTML
  • 我不知道你知不知道的伪元素实用小技巧11月22日

    伪元素能做什么?我们要他有何用?它能为我们解决什么问题?和其他的方法相比她有什么有点?我们为什么要使用它? 伪元素和伪类一样,添加到选择器,但是不是描述状态,他允许我们为元素某些部分设置样式;利用伪元素,我们可以简化页面的html标签,同时用起

    Tags:伪元素
  • 编写Web组件的6个建议11月18日

    组件化是近几年web前端开发的趋势,关于如何设计出好的组件,本文总结了6点经验,希望对读者有所帮助。 减少依赖 尽量不要和其它组件共享变量,保持原子性,依赖过多会影响组件的可复用性和稳定性。 尤其不要从路由中取参数(导航栏等本身就依赖路由的组件除

    Tags:HTML
  • 移动端布局适配方案11月06日

    rem 做盒子的宽度, viewport 缩放 head 加入常见的 meta 属性 metaname=format-detectioncontent=telephone=nometaname=apple-mobile-web-app-capablecontent=yesmetaname=apple-mobile-web-app-status-bar-stylecontent=black!--这个是关键--metaname=view

    Tags:移动端适配
  • 初探WAI-ARIA10月24日

    文章背景 近期开发的一个项目,运行ESLINT某行提示报错 出错行代码 i className=eye-ico J_ping onClick={this.toggleInputType}/ jsx-a11y/no-static-element-interactions 查找文档出现关键词 WAI-ARIA WAI-ARIA是什么? WAI-ARIA (Web Accessibility Init

    Tags:WAI-ARIAHTML
  • MarkDown保存至印象笔记教程10月24日

    cmd + shift + p 打开command pattern 输入 Package Controll: Install Package ,回车 输入Evernote,等待安装成功。Evernote包地址: https://packagecontrol.io/packages/Evernote 安装结束后,在 Package Setting 中会有 Evernote cmd + shift + p 打开c

    Tags:MarkDown印象笔记
  • 详解HTML与标记属性10月14日

    网站部分:UI:AI、PS 前端:html、css、js 网站:是一个存放在网络服务器上的完整信息的集合体。由域名、空间服务器、网站程序、数据库等组成。由多个网页以一定的方式连接在一起,成为一个整体。 首页(index.html):制作首页要突出重点、分类准确、操作

    Tags:HTML
  • 浅析opacity和rgba10月14日

    背景: 我们既可以制作半透明的边框,又可以制作半透明的背景。 代码: .rgba{ background: rgba(255,0,0,0.5);}.opacity{ background: red; opacity: 0.5; } 当用这两种样式制作半透明背景时,产生效果: 金金金金.png 产生原因: 子元素 opacity 会继承父

    Tags:opacityrgba
  • 关于Hybrid开发模式实践的总结10月14日

    前言 随着公司业务不断发展,移动开发项目越来越多,项目任务时间紧,我们内部开发流程是以项目为导向,有别于一般公司对产品不断迭代的做法,但移动端开发人员资源有限,需要在不同项目之间做业务场景切换开发,就会经常出现项目完成时间 Delay。面对这样的

    Tags:Hybrid
  • 清洗html标签与文本提取详解10月05日

    一、工具准备 python3.6 正则表达式(别的语言思路一样,容易借鉴) python正则表达式:flags的应用 这里主要介绍一下 re.compile(pattern[, flags]) 里面的flags用法 标识符 作用 re.I 忽略大小写 re.L 表示特殊字符集 \w, \W, \b, \B, \s, \S 依赖于当前环境

    Tags:html文本提取
  • 深入分析Baseline设计原理10月05日

    前言:Baseline是很多前端人都用过的最基本的CSS属性之一,乍一看来,似乎很简单,但真的深究起来,Baseline可以算得上CSS最有深度的属性之一了。不信,那就继续往下看。 目录 字体大小 字体大小相同,高度不同 字体是如何制造出来的 Baseline的位置 不同dis

    Tags:Baseline
  • 利用Kotlin和Jsoup库实现一个极简的HTML Parser库10月05日

    当我们有了一个网页的源代码HTML,这个时候我们很想像在JavaScript中的DOM API一样操作解析这个页面的元素。 比如说,百度首页,我们在浏览器console中执行js document.getElementsByTagName(title)[0].innerHTML 我们会得到 百度一下,你就知道 我们使用后

    Tags:KotlinJsoupParserHTML
  • 学习伪类和伪元素笔记10月05日

    css2.1 Selectors章节中对伪类与伪元素的描述 : CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on information that lies outside the document tree. 也就是说,伪类和伪元素是用来修饰不在文档树中的部

    Tags:伪类伪元素
  • 详解word-break/word-wrap/word-spacing/white-space用法以及区10月05日

    1.word-break: normal / break-all / keep-all; ①break-all:允许打断单词换行,主要针对长的英文单词及阿拉伯长数据,在某一行空间不足自动换为下一行问题。 ②keep-all:不允许CJK(Chinese/Japanese/Korean)文本中的单词换行,只能在半角空格或连字符处换

    Tags:word-breakword-wrapword-spacingwhite-space
  • 微信小程序picker组件详解10月05日

    作为移动端的分发入口,微信小程序虽然没有当初期望的那么火,但是却是一个不能忽视的入口。撇开微信小程序对于腾讯生态的原因不说,微信小程序对于开发还是很方便的,特别是对于白痴选手来说,基本不需要多少过多的学习,就能写一个不错的小程序。 下面就微

    Tags:picker微信小程序
  • 微信小程序实现各种特效实例分析10月05日

    写在前面 最近在负责一个微信小程序的前端以及前后端接口的对接的项目,整体上所有页面的布局我都已经搭建完成,里面有一些常用的特效,总结一下,希望对大家和我都能有所帮助 实例1:滚动tab选项卡 先看一下效果图吧,能够实现点击切换,tab菜单部分可以实

    Tags:微信小程序特效

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号