• 1 单页面应用单页面应用:指的是一种类似原生客户端软件更流畅的用户体验的页面。在单页面应用中,所有的资源(HTML、Javascript、CSS)都是按需动态加载到页面中,且不需要服务端控制页面的转向。2 响应式设计
  • 伪类经常与伪元素混淆,伪元素的效果类似于通过添加一个实际的元素才能达到,而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。伪类与伪元素的本质区别就是是否抽象创造了新元素,具体的类别就不深入,从青铜到王者10个css3伪类使用技巧和运用众所周知,Animate/transition box-shadow 可以使用box-shadow属性来实现盒子阴影效果,但repaint消耗较多,于是这里提出
  • 使用CSS3的新特性实现各种图片边缘的模糊效果。1. 在图片标签外部套一层DIV标签:2. 为外层DIV添加一圈向内的
  • Elin今天分享滴是SkyRocket Pages是您即将推出的网站的新模板。模板灵活多样,可满足您的业务需求。该网站使用HTML,良好的CSS结构和可编辑的Javascript构建。此模板由bootstrap提供支持,并在任何设备中响应。设计极简,但引人注目,它包含倒数计时器,画廊,幻灯片,视频,社交图标和美丽的效果。已经有评论标签,因此您可以很容易地知道该部分用于。Mega Bundle – MultiPurpose SkyRocket Coming Soon图片不包括在内。(来自Unsplash的图
  • 前面的一些文章介绍,完全可以做一个简单的Web应用,但是如果用过PHP或者是Python等语言的框架开发Web应用的时候会发现,从结构目录上来说完全是一个成熟的架构了,但是对于Golang来说,似乎并没有什么成熟的架构,网上大多数现成的架构,也都是很随意,比如最流行的Beego,大概看了下,功能很齐全,可以直接上手使用,但是对于像我习惯MVC方式的,这不得不让我觉得,这样的写代码方式,似乎有些让我不习惯很习惯,下面让我来踩踩坑,做个适合自己开发的架构。首先我们把前面文章中的视图做下整理,将view.htm
  • 最近在测试 Kubernetes 1.11.2 新版本的相关东西,发现新版本的 Bootstrap Token 功能已经进入 Beta 阶段,索性便尝试了一下;虽说目前是为 kubeadm 设计的,不过手动挡用起来也不错,这里记录一下使用方式首先需要有一个运行状态正常的 Master 节点,目前我测试的是版本是 1.11.2,低版本我没测试;其次本文默认 Node 节点 Docker、kubelet 二进制文件、systemd service 配置等都已经处理好,更具体的环境如下:Master 节点 IP
  • 有用的就两句:
  • NG Bootstrap 3.0.0 已发布,NG Bootstrap 是基于 Angular 开发的 Bootstrap CSS 框架的指令集,它是专为 Bootstrap 4 开发的 Angular 组件,由1、ng-bootstrap 3.0.0 最低要求 Angular 6.1.0 版本2、该库现在通过 Angular Package Format (APF) v6.0 提供,@angular/cli 6
  • 通过上一节的学习,对DOM事件有了一个简单的了解。但这只是学习DOM事件相关知识的起步点。今天来了解一下DOM事件的模型。在Web应用程序或Web网站中,可以通过使用者操作或系统的事件,达到相应的响应。而在JavaScript中,事件在未得到标准化之前,各浏览器就有一个事件模型 ——在基本事件模型中,要在某个事件发生时,调用指定的函数,也就是上一节中介绍的
  • 这是一款css3鼠标经过动画特效。在该特效中,当鼠标经过图片时,图片略微放大,底部遮罩层出现,同时图片的描述文字和链接会以动画的方式出现在遮罩层之上,非常炫酷。
  • CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果,该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活,对于新手有点不容易理解。今天总结一下语法和 box-shadow 属性各种阴影效果。取值说明:–
  • 对于前端开发人员应该都很熟悉Photoshop的图层混合模式,就是几个图层按不同的模式进行混合,实现不同的图像效果。但是当我们前端同学在切这些效果图的时候,基本上就是一刀切的,即使是文字,当字体很炫的话,我们也不得不用切图来替代。实际上在16年CSS3就新增了一个很有意思的属性 -- mix-blend-mode,我们称之为混合模式,它类同于ps的混合模式,也就是说在CSS中我们也可以利用混合模式制作出一些效果。有这样一个需求,当文本跨越一个与自身颜色相似的区域时,怎么实现颜色反转?按照上面的做法,效果是
  • 本文介绍使用fullPage.js插件可轻易创建全屏滚动网站。很多网站只有一个首页,它是由多个可以滚动的全屏内容组成,使用鼠标滚动或方向键可控制滚屏,支持CSS3动画和手机触屏,效果非常高大上。