分类：WEB前端时间： 2015年8月19日 heX项目由有道团队发起，使用HTML5与Node.js构建桌面应用解决方案。heX跟node-webkit 基本是差不多的，提供了一种全新的构建桌面应用的方式，可以使用web技术快速构建跨平台的桌面应用。heX 基于CEF并且融合了 Chromium 与 Node.js，所以我们可以在 web页面中使用各种Node.js原生模块及第三方扩展，同时在这些模块及扩展中还可以访问到HTML中的DOM元素。 1. 下载 heX 二进制包...
ae做侧边栏菜单 今天要说的是ae表达式中的index，index应用在文字的动画中，请看下图： index在css中是用来表示元素在z轴上的层级的， 在ae中是用来表示图层编号的，如下图： 用好index可以帮助我们提高效率，并且能帮助我们精确的控制每一层动画。 由于是说index的应用，所以其他方面这里不做说明，有兴趣的可以下载源文件。 下面是简单的步骤： 1、输入文字 “我的作品”，将其居中对齐， 把锚点左...
在这个系列文章中，我们将演示如何手工渗透测试web应用程序而不使用自动化工具。世界上大多数公司都非常关注对web应用程序的手工测试，而不是运行web应用程序扫描器——因为它会限制你的知识和技能，影响在测试中寻找漏洞的视野。 在整个系列文章中，我将使用下面的程序： NOWASP Mutiliadae BURP Proxy NOWASP Mutiliadae NOWASP Mutiliadae是一个包含了40多个漏洞的web应用程序。它包括OWASP的to...
盒子模型的应用 *{ margin: 0px; padding: 0px;}.top{ width: 100%; height: 50px; background-color: black;}.top_content{ width: 75%; height: 50px; margin: 0px auto; background-color: blue;}.body{ margin: 20px auto; width: 75%; height: 1500px; background-color: blanchedalm...
微软已经发布了面向Windows 10 PC / Mobile双平台的HTML编辑器应用，尽管目前仍处于Alpha阶段，但它已支持编写HTML、CSS、PHP、JavaScript代码，并有许多辅助工具来帮助你提升效率。如果你曾经想过边走边不停地调试优化代码，现在微软已经帮你提供了一个实现的方法。你可以打开现有文件或新建一个，通过OneDrive加载或保存——意味着你可以从任何支持的设备上这么做。 该编辑器有如下几项重要特性： ...
原文： Packaging for Performance 杰微刊 兼职译者缪晨翻译， 杰微刊 审校及发布。 最近有个很有趣的主题，是关于web应用的静态资源（JS/CSS）打包的。 在当今前端界Craig Silverstein’s 和 Rebecca Murphey’s 在这个主题上的几篇文章表现出了对打包本质的深刻理解。现在面对的主要问题是：JavaScript与CSS的打包策略（基于现有最佳性能的实践）在迁移到HTTP/2的时候是否需要做一些改变？虽然在HTTP/2中打...
这篇文章发布于 2016年05月18日，星期三，01:07，归类于css相关。 阅读 65 次, 今日 65 次 byzhangxinxu from http://www.zhangxinxu.com 本文地址： http://www.zhangxinxu.com/wordpress/?p=5380 要使用标准的CSS3实现某元素的投影效果，有两个套路，第一个就是使用常见的 box-shadow , 第二个就是使用CSS3的 filter 阴影滤镜 drop-shadow ，那这两个阴影实现有什么具体的差异呢？ 一、兼容性不...
发表于 2016-05-18 10:22:15 阅读量(0) 发表于 2013 年 12 月 12 日 由 sisiyu an aria-label属性 正常情况下，会在表单里给input组件指定对应的label，当用户tab到输入框时，读屏软件就会读出相应label里的文本。 如：用户名： 当没有给输入框设计对应的label文本的位置时，aria-label属性为组件指定内置的文本标签。它不在视觉上呈现。 如：<input type=”text” aria-label=”用户名” /> ...
上一篇介绍了flex弹性盒子的语法，本篇用flex来实际布局一下。例如我们以前会用inline-block或float配合%百分比来实现自适应的三列等高布局。但margin / padding计算起来比较复杂，加加减减维护起来很麻烦。用flex弹性盒模型就简单多了。 首先弄出原始的HTML结构，左右侧边栏定宽220px * { margin: 0; padding: 0; }#header, #footer { width: 100%; }#left, #right { width: 220px; }header main left...
前端的哥们想必都接触过css中一个神奇的玩意，可以轻松选取你想要的标签并给与修改添加样式，是不是很给力，它就是“:nth-child”。下面我将用几个典型的实例来给大家讲解:nth-child的实际用途：Tips：还用低版本的IE浏览器的哥们请绕过！ :nth-child(2)选取第几个标签，“2可以是你想要的数字” .demo01 li:nth-child(2){background:#090} :nth-child(n+4)选取大于等于4标签，“n”表示从整数，下同 .demo01 li:nth-chi...
目录 [1]元素居中 [2]两端对齐 [3]底端对齐[4]输入框按钮[5]等分布局[6]自适应布局[7]悬挂布局[8]全屏布局 前面的话前面已经详细介绍过flex弹性盒模型的基本语法和兼容写法，本文将介绍flex在布局中的应用元素居中 【1】伸缩容器上使用主轴对齐justify-content和侧轴对齐align-items<style> .parent{display: flex;justify-content: center;align-items: center; } </style><div class="parent" style="background-color: lightgr...
想要实现这样一个父元素中的子元素都是居中的只需在父元素上加样式{display: flex;flex-direction: column;align-items:center;}设置为flexbox布局，方向为纵向排列，第三句是使其居中。 如果三个子元素的距离要自己设定，就设置margin-top或margin-bottom就好了； 如果让其自动调整，可以给父元素的样式再加上{justify-content：space-around;}这样剩余的空间会自动分配到各元素周边：） 刚开始觉得没什么必要用sass，现在发现很多...
在写网页过程中，会遇到这种需要使用多个小图标:如上图中的「女装」文字左边的图标。容易想到的解决方法是为每张图片加入标签，但这样做会增加HTTP请求数量，影响网站加载速度。比这更优的解决方案是：雪碧图sprite。所谓雪碧图就是把我们所需要的所有小图片用CSS sprite或者PS工具拼接成一张大图片，然后通过元素的background-image、background-positon属性完成图片的定位。为此，我做了个Demo。在学习的过程中，遇到了背景图片定...
点击这里返回网页教学网 HTML教程 栏目．想浏览CSS教程请点这里。上文：标记语言——精简标签。Chapter 10 应用CSS在第一部分主要的焦点放在标记语法的例子上，也探讨了如何在标签上应用CSS进行设计,指定样式细节.在第二章,我们将讨论几种把CSS应用到 点击这里返回脚本之家 HTML教程 栏目．想浏览CSS教程请点这里。上文：标记语言——精简标签。Chapter 10 应用CSS在第一部分主要的焦点放在标记语法的例子上，也探讨了如何在标...
HTML与CSS在Flash中的应用: 不小心看到同事Den在弄个小东西：在Flash里使用HTML和CSS，代码是这样：var myStyle:TextField.StyleSheet = new TextField.StyleSheet();myStyle.load("sample.css");content_txt.styleSheet = myStyle;content_txt.multiline= true;content_txt.wordWrap = true;content_txt.html = true;var story:XML = new XML();story.ignoreWhite = true;story.load("sample.html");story.onLoad = function (...