前端学习笔记
文章平均质量分 94
雨宝口
我爱java!
展开
-
【学习笔记】React.js
React 学习笔记原创 2022-07-15 01:40:02 · 3017 阅读 · 1 评论 -
【学习笔记】WebAPI
文章目录导读什么是 API?什么是 DOM?DOM 树DOM操作获取页面元素根据ID获取根据标签名获取通过HTML5新增的方法获取特殊元素获取改变元素内容密码显示隐藏案例标签属性操作获取属性更改属性移除属性修改类名classList 类名操作修改元素样式自定义属性节点操作节点概述:获取父节点获取子节点获取兄弟节点创建和添加元素节点document.writeinnerHTML和createElement()效率对比:事件事件三要素执行事件的步骤排他思想鼠标事件鼠标焦点事件鼠标经过和离开事件mouseente原创 2020-07-31 18:07:00 · 952 阅读 · 0 评论 -
【学习笔记】jQuery.js
文章目录什么是javascript库?jQuery的概念jQuery的优点jQuery的入口函数jQuery的顶级对象$DOM对象和jQuery对象DOM对象和jQuery对象的相互转换jQuery基础选择器jQuery层级选择器jQuery设置css样式隐式迭代jQuery筛选选择器jQuery筛选方法jQuery链式编程jQuery操作css方法jQuery类名操作jQuery动画效果自定义动画:鼠标事件复合写法动画队列及其停止排队方法设置或获取元素固有属性值设置或获取元素自定义属性值数据缓存jQuer原创 2020-07-31 10:15:35 · 7855 阅读 · 0 评论 -
【学习笔记】ES6 基础语法
变量letlet 关键字就是 var 的升级版,它具有以下特点:不能重复声明不能随便修改声明的是块级变量,而不是 var 的函数级:var 只有函数内的变量有作用域,其他地方 var 出来的变量都是全局作用域(包括 for,if),外部均可调用let 的作用域以前我们实现点一个按钮,就弹出当前按钮的索引值,使用的如下代码:for (var i = 0; i < btns.length; i++) { (function (i) { btns[i].onclick = f原创 2020-07-30 21:11:58 · 124 阅读 · 0 评论 -
【学习笔记】Linux 命令大全
文章目录Linux 导读Linux 指令路径跳转指令文件相关指令文件查看文件操作基本文件操作文件复制文件重命名创建快捷方式find 文件搜索文件预览指令grep 文件内容搜索文件权限修改用户相关指令用户操作查看用户信息用户组操作影子文件其他指令终端操作指令查看命令位置echo 回响命令Linux 导读linux 一般用来做服务器的操作系统Ubuntu 里的命令行叫 terminal,也叫终端linux 只有一个根目录,没有盘符的概念linux 对后缀的概念并不严谨,有的文件都没有后缀一般带后缀的原创 2020-07-30 19:07:06 · 167 阅读 · 0 评论 -
【学习笔记】Vue.js
认识Vue.jsVue(读音/vju:/,类似于view)Vue是一个渐进式框架,什么是渐进式的呢?渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,(如可以将以前的JQuery项目中的某一张页面重构成Vue框架)如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统Core + Vue-router + Vuex也可以满足你各种需求Vue有很多特点和Web开发中常见的高级功能:解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOMVue.js安装原创 2020-07-30 17:03:02 · 595 阅读 · 0 评论 -
【学习笔记】webpack + Vue 组件化开发
安装安装webpack前要先安装Node.js全局安装webpack(这里先指定3.6.0版本,因为vue cli2依赖该版本,可以进行手动配置,便于学习)局部安装webpack:进入到项目根目录,输入npm install [email protected] --save-dev为什么需要安装局部webpack因为一个项目往往依赖特定的webpack版本,全局的版本可能很这个项目的webpack版本不一致,导出打包出现问题所以通常一个项目,都有自己局部的webpack执行局部webpack打包:原创 2020-07-26 14:47:07 · 263 阅读 · 0 评论 -
【学习笔记】ECharts数据可视化
文章目录可视化面板介绍01-使用技术02- 案例适配方案03-基础设置04-header 布局05-mainbox 主体模块06-公共面板模块 panel07-柱形图 bar 模块(布局)08-中间布局09-Echarts-介绍10-Echarts-体验11-Echarts-基础配置12- 柱状图图表(两大步骤)13-柱状图2定制14-折线图1 人员变化模块制作15-折线图2 播放量模块制作16-饼形图 1年龄分布模块制作17-饼形图2 地区分布模块制作(南丁格尔玫瑰图)18-Echarts-社区介绍19原创 2020-07-09 15:31:44 · 925 阅读 · 0 评论 -
【学习笔记】5个小案例快速入门VUE(含axios)
文章目录VUE基础VUE简介第一个VUE程序el:挂载点data:数据对象本地应用v-textv-htmlv-onv-on补充v-showv-ifv-bindv-for简单数组类型复杂数组类型v-model网络应用axios引入axios使用axiosGET请求POST请求axios + VueVUE基础VUE简介JavaScript框架简化Dom操作响应式数据驱动第一个VUE程序导入开发版本的VUE.JS(代码提示比较全)创建VUE实例对象,设置el属性和data属性使用简洁的模板原创 2020-07-06 22:58:33 · 456 阅读 · 0 评论 -
【学习笔记】AJAX笔记(含XML+JSON+COOKIE+HASH)
文章目录AJAX介绍使用AJAX的五个步骤获取服务器响应数据IE浏览器中的AJAXIE创建异步对象IE浏览器GET缓存问题AJAX代码封装AJAX的POST请求方式JQuery中的AJAX使用AJAX实现点击按钮切换商品内容html部分php部分XML介绍XML文件格式获取XML数据的案例JSONCookie哈希HashAJAX介绍AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的原创 2020-07-05 17:36:09 · 158 阅读 · 0 评论 -
【学习笔记】PHP进阶
文章目录表单传值概念为什么使用表单传值表单传值方式GET传值POST传值GET传值和POST传值的区别PHP接收数据的三种方式PHP处理复选框数据复选框单项的命名方式单选按钮的数据处理多选按钮的数据处理无选中情况文件上传原理表单编写在PHP中接收文件$_FILES变量详解移动临时文件到目标位置多文件上传对多文件上传的文件信息的读取MySQL扩展连库基本操作连接数据库服务器设置连接编码确定要使用的数据库关闭连接执行增删改操作查询操作执行查询语句获取结果集行数解析结果集其他相关函数有关字段信息有关出错信息其他函原创 2020-07-03 21:37:51 · 720 阅读 · 0 评论 -
【学习笔记】MySQL学习笔记
文章目录数据库概念数据库分类数据库的另一种区分方式:基于存储介质关系型数据库关系模型由三部分组成:SQL介绍SQL分类MySQLMySQL介绍启动和停止MySQL服务登陆和退出MySQL系统MySQL服务端架构数据库基本操作创建数据库显示数据库语句结束符选择数据库修改数据库删除数据库数据表操作创建数据表复制已有表结构显示数据表显示表结构显示表创建语句设置表属性修改表结构数据操作插入数据查询操作删除操作更新操作修改服务器端变量修改mysql字符集列类型(字段类型)整数类型无符号标识设定:显示长度小数类型时间日原创 2020-06-23 14:06:30 · 582 阅读 · 0 评论 -
【学习笔记】PHP基础
PHP简介php定义php是一种服务器端的HTML脚本/编程语言,是一种简单的、面向对象的、解释型的、健壮的、安全的动态的脚本语言。尤其适合web开发并可以嵌入HTML的多用途脚本语言。它的语法接近C,Java和Perl且容熙学习。该语言让WEB开发人员快速的书写动态生成的网页php前身Personal HomePage:个人主页,使用Perl语言开发的一种写个人主页的语言PHP:PHP Hypertext Preprosessor,php超文本预处理器,底层使用C语言静态网页特点静态网原创 2020-05-24 10:05:23 · 635 阅读 · 0 评论 -
【学习笔记】web移动端网页开发笔记
移动端开发导读:我国移动端浏览器都是基于webkit修改的,所以在照顾兼容性方面只需要考虑webkit内核即可作为前端开发,不建议纠结于dp,pt,ppi等单位移动端调试方法:1.谷歌浏览器模拟手机调试2.搭建本地web服务器,手机和服务器在同一局域网内可通过手机访问服务器3.搭建外网服务器,通过ip或域名访问视口:视口viewport就是浏览器显示页面内容的屏幕区域,视口可...原创 2020-05-02 17:29:47 · 814 阅读 · 0 评论 -
【学习笔记】CSS3学习笔记
CSS3部分CSS选择器就是选择标签用的选择器又分为基础选择器和复合选择器两个大类基础选择器是由单个选择器组成的基础选择器又包括:标签选择器、类选择器,id选择器和通配符选择器标签选择器:以html标签作选择器,直接全选出来标签 {属性:属性值;}类选择器单独选一个或者某几个标签,可以用类选择器类选择器不能用标签名命名,要自己起一个标签可以指定多个类选择器,用空...原创 2020-05-02 14:28:51 · 639 阅读 · 0 评论 -
【学习笔记】HTML5学习笔记
H5+CS3部分浏览器内核(渲染引擎):负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。web标准包括结构(html)、表现(css样式)和行为(交互,如javascript)三个方面<!DOCTYPE html>就是告诉浏览器使用哪种html版本来显示网页,这里是html5版本lang定义网页显示的语言 en为英文,zh-CN为中文,如果是en,则谷歌会提示“是否...原创 2020-05-01 22:06:44 · 410 阅读 · 0 评论