死亡是一座永恒的灯塔

0%

发表于 更新于 分类于
本文字数： 2k 阅读时长 ≈ 2 分钟

指令 (Directives) 是带有v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况，稍后我们再讨论)。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。

数据绑定

表达式

用于动态改变内容

1
2
3
<div id="app">
  {{ message }}
</div>
阅读全文 »

发表于 更新于 分类于
本文字数： 1.6k 阅读时长 ≈ 1 分钟

问题描述：

hexo更新主题next报错应用程序未找到
hexo版本：3.7.1
next版本：7.4.1

报错信息：

91d3f82d-8c77-4450-b9aa-02b197d13b18.png

a9290383-eb46-46e4-8f83-3e0397b3523b.png

解决过程：

定位报错文章

一步步重现我更新的操作，发现时移入文章后开始报这个错，然后定位报错的文章（一个个试看哪个移动后报错），定位到了如下文章：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
---
title: 目前流行的组件库有哪些？css，js各有哪些流行的库？
categories:
  - 层叠样式表CSS
  - 深度思考
date: 2019-10-11 22:17:53
tags:
---
# CSS流行组件库

## Bootstrap 

Bootstrap，让你的页面更简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、更简单。它还提供了更优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。有着丰富的网格布局系统以及丰富的可重用组件，还有强大的支持十几的JavaScript、jQuery插件以及组件定制等。

Bootstrap中文网地址：http://www.bootcss.com/



# JS流行组件库

## jQuery 

jQuery是最常用的JavaScript库，它革命性的在客户端开发，将CSS选择器引入到DOM节点检索加链接来应用事件处理程序，动画和Ajax调用.jQuery近年来备受青睐，对于一个很需要的的JavaScript的功能的项目来说，jQuery的的的绝对是一个可行的选择。

官网地址： https://jquery.com/ 

## ElementUI

Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是Mint UI 。适合于Vue的UI框架；

官网地址：http://element-cn.eleme.io/#/zh-CN

## Ant Design

服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。 

官网地址：<https://ant.design/index-cn> 

## UI Bootstrap

基于Angular2的一款组件库，有手风琴，日期选择器，弹出窗口等组件。

官网地址：<https://angular-ui.github.io/bootstrap/>

阅读全文 »

发表于 更新于 分类于 ，
本文字数： 545 阅读时长 ≈ 1 分钟

CSS content

content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。

实例：

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<style>
a:after {content: " (" attr(href) ")";}
</style>
</head>

<body>
<p><a href="https://tianxintiandisheng.github.io">天心天地生的个人博客</a> - 免费的在线笔记</p>
<p><b>注意:</b>仅当 !DOCTYPE已经定义 IE8支持 content属性</p>
</body>
</html>
阅读全文 »

发表于 更新于 分类于 ，
本文字数： 2.9k 阅读时长 ≈ 3 分钟

微格式

建立在已有的、被广泛采用的标准基础之上的一组简单的、开放的数据格式（microformats.org官方定义）。

是把语义嵌入到HTML以便有助于分离式开发而制定的一些简单约定，是兼顾人机可读性设计的数据表达方式，对Web网页进行语义注解的方法。

这种方法依托于标准的Web页面写作技术，例如，XHTML，这样引入语义信息对浏览器等所有现存的Web技术冲击最小。采用Microformat的 Web页面，在XHTML文档中给一些标签（Tag）增加一些属性（attribute），这些属性对信息的语义结构进行注解，处理XHTML文档的软件，

阅读全文 »

发表于 更新于 分类于 ，
本文字数： 534 阅读时长 ≈ 1 分钟

HTML5 提拱更好的本地存储规范 localStorage 和 sessionStorage , 它们将数据存储在本地，而且在http请求时不会携带 Storage 里的信息, 使用方式也很简单: 

1
2
3
4
5
6
localStorage.setItem('key', 'value');
localStorage.getItem('key');
localStorage.removeItem('key');
sessionStorage.setItem('key', 'value');
sessionStorage.getItem('key');
sessionStorage.removeItem('key');
阅读全文 »

发表于 更新于 分类于 ，
本文字数： 308 阅读时长 ≈ 1 分钟

渐进增强

在网页开发中，渐进增强认为应该专注于内容本身。一开始针对低版本的浏览器构建页面，满足最基本的功能，再针对高级浏 览器进行效果，交互，追加各种功能以达到更好用户体验。

总结： 以最低要求，实现最基础功能为基本，向上兼容.

优雅降级

在网页开发中，优雅降级指的是一开始针对一个高版本的浏览器构建页面，先完善所有的功能。然后针对各个不同的浏览器进行测试，修复，保证低级浏览器也有基本功能 就好，低级浏览器被认为“简陋却无妨 (poor, but passable)” 可以做一些小的调整来适应某个特定的浏览器。但由于它们并非我们所关注的焦点，因此除了修复较 大的错误之外，其它的差异将被直接忽略。

阅读全文 »

发表于 更新于 分类于 ，
本文字数： 826 阅读时长 ≈ 1 分钟

Quirks怪癖模式是什么

从IE6开始，引入了Standards模式，标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。

在IE6之前CSS还不够成熟，所以IE5等之前的浏览器对CSS的支持很差， IE6将对CSS提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果IE6 支持CSS则将令这些页面显示不正常，如何在即保证不破坏现有页面，又提供新的渲染机制呢？ 在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强大的功能，尤其是新功能不兼容旧功能时。遇到这种问题时的一个常见做法是增加参数和分支，即当某个参数为真时，我们就使用新功能，而如果这个参数 不为真时，就使用旧功能，这样就能不破坏原有的程序，又提供新功能。IE6也是类似这样做的，它将DTD（文档类型定义）当成了这个“参数”，因为以前的页面大家都不会去写DTD，所以IE6就假定 如果写了DTD，就意味着这个页面将采用对CSS支持更好的布局，而如果没有，则采用兼容之前的布局方式。这就是Quirks模式（怪癖模式，诡异模式，怪异模式）。

阅读全文 »

发表于 更新于 分类于 ，
本文字数： 689 阅读时长 ≈ 1 分钟

CSS流行组件库

Bootstrap

Bootstrap，让你的页面更简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、更简单。它还提供了更优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。有着丰富的网格布局系统以及丰富的可重用组件，还有强大的支持十几的JavaScript、jQuery插件以及组件定制等。

阅读全文 »