- 博客(12)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 字体图标的便捷
字体图标图片是有诸多优点的，但是缺点很明显，比如图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”，因为图片放大和缩小会失真。 我们后面会学习移动端响应式，很多情况下希望我们的图标是可以缩放的。此时，一个非常重要的技术出现了，额不是出现了，是以前就有，是被从新"宠幸"啦。。 这就是字体图标（iconfont)字体图标优点可以做出跟图片一样可以做的事情,改变透明度、旋转度，等…但是本质其实是文字，可以很随意的改变颜色、产生
2020-06-30 18:18:05
145
转载 CSS精灵技术(sprite)原来可以这么轻巧
CSS精灵技术(sprite)图所示为网页的请求原理图，当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。然而，一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSS Sprites、CSS雪碧）。精灵技术本质简单地说，CSS精灵是一种处理网页背景图像的方式。它将一个页面涉及到的所有零星背
2020-06-23 22:24:19
769
原创 如何优雅的限制文字显示
如何优雅的限制文字显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; padding: 0; } body { padding: 30px; } li { resize: none; /*防止拖拽*/ list-st
2020-06-23 21:33:06
233
原创 vertical-align你一定得知道
vertical-align参数值描述baseline默认。元素放置在父元素的基线上。sub垂直对齐文本的下标。super垂直对齐文本的上标top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐middle把此元素放置在父元素的中部。bottom把元素的顶端与行中最低的元素的顶端对齐。text-bottom把元素的底端与父元素字体的底端对齐。length%使用 “line-
2020-06-23 15:51:30
162
1
原创 异步编程之回调地狱嵌套
异步编程可以知道异步操作是不用管前面代码是否执行的，他可以自己干自己的因此：var fs = require('fs')fs.readFile('./data/a.txt', 'utf8', function (err, data) { if (err) { // return console.log('读取失败') // 抛出异常 // 1. 阻止程序的执行 // 2. 把错误消息打印到控制台 throw err } consol
2020-06-10 16:45:55
373
原创 还觉得数据库难学？看看Mongoose
Mongoose官方-中文：https://mongoosejs.com/官方指南：http://www.mongoosejs.net/docs/guide.html官方API文档：http://www.mongoosejs.net/docs/api.htmlMongoDB数据库的基本概念数据库集合一个数据库中可以有多个集合（表）文档一个集合中可以有多个文档（表记录）文档结构很灵活，没有任何限制MongoDB非常灵活，不需要像MySQL一样先创建数据库、 表、设计表结
2020-06-10 10:35:12
142
原创 简单明了认识MongoDB
MongoDB简介表就是关系，者说表与表之间存在关系。所有的关系型数据库都需要通过sql 语言来操作所有的关系型数据库在操作之前都需要设计表结构而且数据表还支持约束唯一的主键默认值非空非关系型数据库非常的灵活有的非关系型数据库就是key-value对儿但是MongoDB是长的最想关系型数据库的非关系型数据库数据库-》数据库数据表-》集合(数组)表记录-》(文档对象)MongoDB不需要设计表结构也就是说你可以任意的往里面存数据，没有结构性安装Mon
2020-06-10 09:23:10
136
原创 品一品，捋一捋，回调函数获取异步操作数据
一段函数中包含着异步执行结果，则无法直接获取到其中的数据例如：function fn(){ var data = '默认数据' setTimeout(() => { var data = 'hello' }, 1000); return data}// 掉用fnconsole.log( fn())可以发现，并没有得到hello这个值那么要想获得函数中异步操作的结果，必须通过回调函数来获取function fn(callback){
2020-06-05 21:34:41
203
原创 快速上手Node.JS中的express
Express安装基于 Node.js 平台，快速、开放、极简的 Web 开发框架基本使用const express = require('express')const app = express()const port = 3000app.get('/', (req, res) => res.send('Hello World!'))app.listen(3000, () => console.log(`Example app listening on port 300
2020-06-05 16:01:20
223
原创 3步？俩步帮你搞定nodemon无法启动项目问题！
nodemon我们使用一个第三方工具，nodemon来帮助解决频繁修改代码重启服务区的问题nodemon是一个基于node.js开发的一个第三方命令行工具，使用时需要独立安装# 在任意目录执行该命令都可以# 也就是说，所有需要 --global安装的包都可以再任意目录执行npm install --global nodemon安装完毕后，使用：node app.js# 使用nodemonnodemon app.js只要通过nodemon app.js启动服务，则它会监视你文件的
2020-06-05 13:56:37
4202
1
原创 清除浮动太多没必要，适合自己是最好
页面样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g
2020-06-04 21:52:01
133
原创 ART-TEMPLATE高性能模块渲染引擎
ART-TEMPLATE高性能 JavaScript 模板引擎介绍art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。在线速度测试特性拥有接近 JavaScript 渲染极限的的性能调试友好：语法、运行时错误日志精确到模板所在行；支持在模板文件上打断点（Webpack Loader）支持 Express、Koa、Webpack支持模板继承与子模
2020-06-02 18:16:59
826
jaxen-1.1.1-patched-shani-1.4.17.jar
2021-07-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人