- 博客(20)
- 收藏
- 关注
RSS订阅原创 CSS梳理
CSS梳理学习前端一段时间后的查缺补漏式回顾定义样式表，让html专注于结构使用选择器类型选择类选择类名: 字母（开头）、数字、连字符、下划线适用于一组相同格式的一个标签应用多个类，便于修改ID选择器选取特定部分尽量不在CSS中使用ID选择器群组选择 ，通用选择 *后代选择 空格 不用列出所有直系伪类 ：link、hover、active、visited、::first-letter、::first-line、before、after、::sele
2021-09-01 09:24:16
208
原创 HTML梳理
HTML汇总梳理学习前端半年有余，回头回顾基础也有不少新的发现和感悟，梳理一下主要知识概念超文本标记语言web的骨架一套标记标签主要标签文本：机构化：标题h1、h2；段落：p；粗体b；斜体i；上下标：sup、sub；换行符br；水平线：hr；语义化：strong、em、blockquote（较长的一段引用）、abbr（title属性写全称）、cite（参考文献）、dfn（定义 ）、address、ins、del、s（不重要的删除）列表有序：ol、li无序： ul、li定义
2021-09-01 09:23:10
112
原创 JS知识梳理
JS知识梳理JS学习一段时间后的回顾概述定义：运行在客户端的脚本语言（不需要编译，JS引擎逐行解释执行）浏览器的两部分：渲染引擎（内核，解析HTML和CSS）、JS引擎（解析JS，如V8）JS组成：ECMAScript（编程语法和基础核心）、DOM（文档对象模型）、BOM（浏览器对象模型）变量存放数据的容器声明变量+赋值：var赋值更新覆盖，声明多个变量逗号隔开，只声明不赋值是undefined、不声明不赋值报错、不声明只赋值可以使用变成全局。数据类型：根据占用空间的不同划分数
2021-09-01 09:22:42
127
原创 正则表达式
概念定义： 匹配字符串中字符组合，是一个对象作用：表单验证（匹配）过滤敏感词（替换）获取特定部分 （提取）使用创建对象： var rg = new RegExp(/…/);字面量：var rg = /…/;测试： rg.test(str);在线测试https://c.runoob.com特殊字符边界符号^以什么开始$ 以什么结尾^…$ 精确匹配字符类[abc] 匹配任意一个，多选一^[abd]$ 三选一[a-z] 范围[a-zA-
2021-09-01 09:21:40
84
原创 Git学习---命令合集
Git简介Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。速度快，设计简单，对非线性开发模式的强力支持，完全分布式。Git使用初始化项目 git init添加文件到暂存区gti add <文件/文件夹>当你要将你的修改包含在即将提交的快照里的时候，需要执行 git add 文件git add . ：他会监控工作区的状态树，使用它会把工作时的所有变化提交到暂存区，包括文件内容修改(modified)以及新文件(new)，但不包括被删除的文件
2020-12-03 14:34:59
130
原创 元素添加click事件，点击无效
一种可能的原因是元素是由js动态添加的，DOM加载时候没有对应元素，解决方案可见：https://www.cnblogs.com/leiting/p/9323539.html
2020-11-26 15:14:43
851
原创 前端通过FormData上传文件/图片到后端，前后端nodejs解析
最近需要实现将图片从前端上传到后端，了解到了FormData类。使用过程中遇到了不少问题，都在此记录一下。FormData首先，对formdata的使用详见这篇文章https://segmentfault.com/a/1190000006716454ajax上传数据很多博文中用的方法如下...
2020-11-12 14:13:41
2749
原创 window.history对象属性
window.history对象属性在被人的代码中看到如下操作：$(document).ready(function () { if (window.history && window.history.pushState) { $(window).on('popstate', function () { window.history.pushState('forward', null, ''); window.his
2020-10-30 10:32:15
408
原创 Nodejs利用passport验证用户登录
passport验证用户登录最近学习用nodejs+express+session实现用户登录，绕不开使用passport，系统记录一下学习和实践过程Passport简介passport.js是Nodejs中的一个做登录验证的中间件，极其灵活和模块化，并且可与Express、Sails等Web框架无缝集成。passport模块本身不能做认证，所有的认证方法都以策略模式封装为插件，需要某种认证时将其添加到package.json即可。Passport策略passport功能单一，只做authen
2020-10-29 15:48:08
2078
原创 更改config.inc.php中的用户密码导致phpMyAdmin连接失败
改了config.inc.php中的用户密码，再打开phpMyAdmin显示如下问题：找了很多方法，都是说用户名密码不对，然而我已一次安装，并不知道啥密码是对的。。最后的解决方案是：恢复config.inc.php，改成原来默认的空密码。把config.inc.php文件中的$cfg['Servers'][$i]['auth_type'] = 'config'改成 $cfg['Servers'][$i]['auth_type'] = 'http'...
2020-10-23 09:47:54
379
原创 XAMPP介绍、安装及使用
XAMPP介绍、安装及使用小白第一次听说，汇总各总资料介绍下XAMPP介绍XAMPP(X-系统，A-Apache，M-Mysql，P-php，P-Phpmyadmin/Perl)，说明包含的文件：Apache web 服务器, MySQL数据库, PHP, Perl, FTP 服务程序(FileZillaFTP)和phpMyAdmin。简单的说，XAMPP是一款集成了Apache+MYSQL+PHP的服务器系统开发套 件，同时还包含了管理MySQL的工具phpMyAdmin，即可对MySQL进行可
2020-10-22 17:21:49
4007
原创 JS小项目合集-运动
JS小项目合集-运动来源：B站JS从入门到精通视频1.基础运动框架题目描述点击开始运动按钮，使得方块元素向右运动，并在300px处停止运动题目代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #div1{ width: 100px;height: 100px;background:
2020-06-30 21:04:57
1740
原创 JS项目合集-DOM相关操作
JS项目合集-DOM相关操作题目来源：B站视频JS从入门到精通1.插入元素题目描述点击按钮将文本框中的输入内容插入到第一行中题目代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload=function(){ var otext=document.ge
2020-06-27 09:52:31
245
原创 JS小项目实践-定时器应用
JS定时器应用题目来源：B站JS从入门到精通视频1.建议动态时钟题目描述通过定时器根据系统刷新显示时间。题目代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style> body { background: black; font-size:50px; color:white; } </style> &
2020-06-15 19:47:39
218
原创 JS小项目-静态日历
静态日历来源：B站JS从入门到精通视频题目描述建立如图所示静态日历，使得鼠标移入时动态变化并显示下方活动日程。题目代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/calin.css" /> <script> wind
2020-06-12 14:21:03
241
原创 JS小项目合集1
JS小项目合集1来源：B站JS从入门到精通视频1.换肤题目描述：通过按钮实现页面css文件的切换，达到换肤效果。题目代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <link id="link1" rel="stylesheet" href="css/css1.css"/> <title></title> <scrip
2020-06-12 11:05:38
1383
原创 JS小项目实践-鼠标移入移出改变元素样式
鼠标移入移出改变元素样式来源：B站JS从入门到精通视频题目描述通过函数实现鼠标移入移出改变元素样式，如从小红色方块变为大绿色方块题目代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #div1 { width: 100px; height: 100px; back
2020-06-11 11:11:46
1210
原创 JS小项目实践-勾选框提示
勾选框提示*题目来源：B站Js从入门到精通视频题目描述建立勾选框，定义事件使得鼠标移入时有内容出现，鼠标移出内容消失。题目代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #div1 { width: 100px; height: 50px; background
2020-06-11 10:43:53
302
原创 JavaScript小项目实践-鼠标点击按钮弹出
鼠标点击按钮-B站JavaScript从入门到精通计算机小白入门前端，深知实践才是学习的王道，四处寻找可以动手的例子复现。开博记录题目、答案和遇到的bug，争取入门到精通，而不是入土。。。题目描述搭建按钮，添加事件，使得鼠标点击后出现你好的提示框。代码```javascript<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title&g
2020-06-11 09:34:21
693
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人