html

使用 Vue + Vue.js 构建单页应用

原文地址:https://coligo.io/learn-vuex-by-building-notes-app/前言:在最近学习 Vue.js 的时候,看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多,自己在它的例子的基础上进行了一些优化和自定义功能,在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来

一款支持响应式界面的前端编辑器

Responsive Design Playground & Frontend Editor. Use, compare & test responsive frameworks. Find code snippets & examples. 地址:http://www.codeply.com/ 关键字:html, frontend, snippets

容易混淆的client-*,scroll-*,offset-*

容易混淆client-,scroll-,offset-*Truth comes from practice 上来不说话,先抛出几个问题:offsetWidth offsetHeight offsetLeft offsetTopclientWidth clientHeight clientLeft clientTopscrollWidth scrollHeight scrol

CSS不常用属性---Tips1文本样式

字体样式font-variant设置字体是否以小型大写字母显示。p{ font-variant: small-caps; /* 让小写字母以小型大写字母显示。*/}font字体设置简写组合方式。格式如下:[是否倾斜|是否加粗|是否转小型大写] 字体大小 字体名称;p{ font: bold italic 20px 楷体;}文本样式text-decoration设

bigSlide 插件应用

一、 插件官网bigSlide.js二、 基本代码侧边栏控制开关用一个 标签来控制侧边栏的开关。# menu 用来指向 id 为 menu 的侧边栏,menu-link 为这个 标签的类名。☰侧边栏代码实例侧边栏代码如下,由于需要实现的效果各不相同,所以各个 1. 标签中设置的 style 并不一样,这样的代码看起来很乱,其实还是应该写在css中,并根据效果进行分类。

深入解析 float

0.前言float属性在css2中是一个热门的属性,被广泛应用于布局之中,同时由于不当使用float带来的问题也非常多,本文结合自己对float的理解以及实际项目中碰到float的相关问题,做一个详细总结,欢迎一起探讨,但未经同意禁止转载。以下是文章的目录float的特性float与absolute的区别float与inline-block清除浮动的方法及优缺点1. flo

浅谈DOMContentLoaded事件及其封装方法

我们在开发时,经常需要检测页面是否加载完毕,以确保脚本安全运行,下面我们就来浅谈一下检测页面是否加载完毕的那些事件们。1. onload 事件在页面的所有资源加载完成时,window对象上会触发一个onload事件。该事件通常被用以执行一些逻辑代码。比如,你需要通过JS去访问一个DOM。 console.log(document.getElementById('nam

Tree v3.5 Demo 演示 OutLook 样式的左侧菜单

简介为了让朋友们更容易的学习 zTree,官网给出了大量的 Demo,不同的图标,不同的风格,好学易懂,这是官网链接:zTree v3.5 Demo 演示。由于工作需要,这里只是把组合功能中OutLook 样式的左侧菜单参考Demo源码实现了,分享给大家我的学习所得。Html和CSS下载zTree v3.5 Demo 演示的源码,将下图所示的文件整合出来,并创建一个outl

css使文字显示两行后显示省略号

本人喜欢把一些实用的东东拿过来,写成文章或者收藏起来。于是乎... 直接上代码: .article {color: # 000000;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all; }狠狠的点击,查看

设计模式---状态模式在web前端中的应用

在vue.js之类的mvvm的框架大行其道的当下,开发中最常见的场景就是通过改变数据来展示页面或模块的不同状态,当我们把mvvm玩的不亦乐乎的时候,有时也会停下了想想:在某些项目中不能用vuejs之类的框架时,我们怎么通过改变数据来修改页面或者模块的状态呢。嗯。说到状态,就想到了状态模式状态模式:在很多情况下,一个对象的行为取决于一个或多个动态变化的状态属性,这样的对象叫做