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

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

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

当前分类:

> 网页设计 > 脚本HTML >

  • 将HTML字符转换为DOM节点并动态添加到文档中08月20日

    将HTML字符转换为DOM节点并动态添加到文档中 将字符串动态转换为DOM节点,在开发中经常遇到,尤其在模板引擎中更是不可或缺的技术。 字符串转换为DOM节点本身并不难,本篇文章主要涉及两个主题: 1 字符串转换为HTML DOM节点的基本方法及性能测试 2 动态生成

    Tags:HTMLDOM
  • 微信网页悬浮窗交互效果的web实现06月07日

    一、微信的悬浮窗交互效果 微信更新后,发现多了个悬浮窗功能。公众号阅读,网页浏览回退后默认会出现。再点击,可以回到刚才阅读的地方。于是,再也不会遇到回复老婆的信息,再切换回来重新找刚才阅读东西的麻烦了。我个人觉得是很有用的一个功能。 其交互

    Tags:微信悬浮窗
  • 简单又好看 你的Markdown文稿也能加上个性化主题04月03日

    Markdown 简单实用,可以很快获得一份排版简约的文章,不过导出文稿时千篇一律的主题也让人感到单调。 这时,我们就可以通过 CSS(Cascading Style Sheets,层叠样式表)来自定义文章的样式,获得个性化的主题。许多 Markdown 编辑器都自带了 CSS 模板,还能

    Tags:Markdown个性化主题
  • 如何用Markdown写论文03月12日

    本文用简明的样例,介绍如何使用 Markdown 和自动化工具帮你处理数学公式、参考文献引用、图片交叉索引等学术论文写作中常见的棘手问题。快来试试吧。 苦恼 自从我学会了如何在数字文档上用红笔写写画画,跟学生合写文章和指导毕业论文的工作就变得轻松多了

    Tags:Markdown
  • 适配不同尺寸屏幕 自动拉伸位图9.图片的使用处理03月06日

    最近实在是太忙了,刚过完年,我还是坚持了那颗平静的心情,尽管技术博客现在很少人看了,洗脑文鸡汤文总是那么的惹人喜爱,我深信仍有一部分人和于哥一样,坚守在第一岗位,今天技术文继续撸起! 正文 前几节讲了关于适配屏幕尺寸一些常用的方法,除了weigh

    Tags:HTML屏幕适配
  • 以Web布局为例谈设计与技术03月04日

    本文基于跨界思维,以 WEB 布局为例,从3个方面,谈谈设计与技术的关系: 1 自适应布局与响应式布局 2 CSS 的布局特性演进 3 设计语言与 WEB 前端框架 1 自适应布局与响应式布局 从早些年,由于显示器的尺寸变化较少, WEB 布局大部分都采用自适应布局,即宽

    Tags:设计Web
  • 微信小程序实现流程进度功能01月17日

    最近正在做微信小程序,需要实现一个流程进度的图样式如下面 需求: 没完成的灰色小圆点表示 完成的使用蓝色小圆点设置 当前状态使用有外圈的小圆点表示 实现起来比较简单,实现思路,使用一个列表实现,列表中的每一个item的样式如下图 使用win10画板画的不

    Tags:微信小程序
  • 前端布局方式汇总及概念浅析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

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

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