恰好-CSDN博客

原创前端图片性能优化

前端图片性能优化图片懒加载原理图片预加载1. 用 CSS 和 JavaScript 实现预加载2. 使用 JavaScript 实现预加载图片懒加载懒加载是一种网页性能优化的方式，它能极大的提升用户体验。图片一直是影响网页性能的主要元凶，现在一张图片超过几兆已经是很经常的事了。如果每次进入页面就请求所有的图片资源，那么可能等图片加载出来用户也早就走了。所以进入页面的时候，只请求可视区域的图片资源。总结就是可以，减少资源的加载，页面启动只加载首屏的图片，这样能明显减少了服务器的压力和流量，也能够减小浏

2021-05-25 11:15:27 318 1

原创 React

文章目录React 学习虚拟 DOMjsxReact 面向组件编程组件三大属性statepropsref功能界面的组件化编码流程组件化编码受控组件与非受控组件生命周期获取当前时间React 脚手架react ajaxaxios组件间通信react-routerreact-uiredux React 学习官网：https://react.docschina.org/ 用于构建用户界面的 JavaScript 库 https://www.bootcdn.cn/ 虚拟 DOM <!DOCTYPE htm

2020-11-25 10:12:41 143

原创 webpack 安装

目录webpack的概念webpack的基本使用a.创建项目目录并初始化b.创建首页及js文件c.安装jQueryd.导入jQuerye.安装webpack设置webpack的打包入口/出口设置webpack的自动打包配置html-webpack-pluginwebpack中的加载器Vue单文件组件在webpack中使用vue使用webpack打包发布项目 webpack的概念 webpack是一个流行的前端项目构建工具，可以解决目前web开发的困境。 webpack提供了模块化支持，代码压缩混淆，解决js

2020-11-12 17:38:19 379 1

原创 Vue 学习

文章目录Vue 学习目标概述基本使用模板语法指令数据响应式事件绑定Class 与 Style 绑定条件渲染常用特性表单操作修饰符自定义指令侦听器过滤器生命周期数组相关组件化开发组件化开发思想组件注册Vue 调试工具组件间数据交互组件插槽前后端交互Promise实例方法对象方法fetchaxiosasync/await前端路由路由后端路由前端路由Vue Router命名路由编程式导航 Vue 学习目标基本用法模板语法常用特性实现案例效果概述官网：https://cn.vuejs.org/

2020-11-05 20:15:57 1158

原创 ES6

文章目录ES6let 关键字块级作用域变量的解构赋值字符串模板字符串数组函数rest 参数箭头函数对象键值对集合Set 对象Set 集合与 Array 对比WeakSet 对象Map 集合Map 集合与 Object 对比WeakMap 对象Promise 对象Promise 对象原型的方法Promise 对象的方法async 函数await 表达式迭代器与生成器迭代器for...of 语句返回迭代器对象的方法生成器Class静态方法类的继承 ES6 ECMAScript 和 JavaScript 的关系

2020-10-29 19:25:57 160

原创 Node.js——博客系统

文章目录Node.js——博客系统Node.js 的真正用途学习 Node.js 的困惑Node.js 安装node.js 和 javascript 的区别server 开发和前端开发的区别博客项目介绍目标需求技术方案开发接口（不用任何框架）搭建开发环境开发接口MySqlmysql 介绍、安装和使用操作数据库node.js 连接 mysqlAPI 连接 mysql登录cookie 和 sessionsession 写入 redis开发登录功能，和前端联调（用到 nginx 反向代理）日志安全express

2020-10-24 08:54:27 1102

原创转盘抽奖项目

文章目录前言一、转盘1. html2. css二、抽奖1. js 代码（jQuery）三、中奖1. html2. css3. js三、登录注册1. html2. css3. js总结前言先进行项目分析，把项目分成及格步骤 1. 转盘 2. 抽奖 3. 中奖 4. 登录注册页面不能跳转，思路清晰，目标明确一、转盘 1. 可以用[Canvas](https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API)绘制转盘 2. 可以用 *

2020-09-23 15:40:20 539

原创京东投票项目

系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例

2020-09-17 11:06:28 350

原创 jQuery 学习

文章目录jQueryjQuery 下载引用 jQuery解决 jQuery 冲突问题jQuery 核心函数jQuery 对象jQuery 静态方法each() 方法map() 方法trim()isWindow()isArray()isFunction()jQuery 内容选择器jQuery 属性操作attr()prop()prop() 和 attr() 区别jQuery 类相关操作方法jQuery 文本值相关操作jQuery 操作样式方法jQuery 尺寸和位置操作jQuery 事件绑定jQuery 事件冒

2020-09-10 17:47:23 162

A_A_0_0的博客