关注
分享
纸黑墨白
小白记录，这里是从什么都不会到一步一步成长的过程
看过一句话是，当你的面前是一片黑影时，其实你的背后是一片阳光
展开
-
Node.js 第二天（http模块、模块化的基本概念、npm与包）
3.5 时钟案例（受篇幅影响，开头接上篇）案例实现的步骤创建两个正则表达式，分别用来匹配 style 和 script 标签使用fs模块，读取需要被处理的HTML文件自定义resolveCSS方法，来写入index.css样式文件自定义resolveJS方法，来写入index.js脚本文件自定义resolveHTML方法，来写入index.html 文件...原创 2022-02-12 17:43:08 · 488 阅读 · 0 评论 -
Node.js 第一天（初识Node.js、文件系统模块、path路径模块）
1. 初始Node.jsHTML CSS JavaScript 基本的前端技术JavaScript：JS核心语法、WebAPI为什么JavaScript可以在浏览器中被执行有解析引擎的存在，可以解析待执行的JS代码不同的浏览器使用不同的JavaScript解析引擎：Chrome 浏览器 => V8FireFox 浏览器 => OdinMonkey（奥丁猴）Safri 浏览器 => JSCoreIE 浏览器 => Chakra（查克拉）其中Chrome 浏览器原创 2022-01-14 20:40:57 · 440 阅读 · 0 评论 -
前端的第二十八天（数据格式、AJAX的封装、JQuery中对于AJAX的封装）
一、数据格式1.XML数据格式1.1 标签包裹数据>>XML文件1.2 头声明>>在XML文件中<?xml version="1.0" encoding="UTF-8"?>1.3 标签必须成对出现，标签名称可以自定义>>XML文件1.4 XML文件缺点元数据占用的数据量比较大，不利于大量数据的网络传输解析不太方便1.5 解析XMLxhr.responseXML使用dom解析注：nodeType获取节点类型，innerHTML原创 2021-12-13 17:04:26 · 564 阅读 · 0 评论 -
前端的第二十七天（预定义变量、使用AJAX来实现局部刷新、同步和异步的理解、get和post完整代码演示）
前端的第二十七天一、预定义变量1.$_GET get请求参数在url中，以?进行连接，多个参数以&符号进行连接。所有的参数都是key value 键值对的形式出现。一个key对应一个值2.$_POST post请求请求参数在请求体中二、使用AJAX来实现局部刷新1.创建XMLHttpRequest对象var xhr = new XMLHttpRequest();兼容处理var xhr = null;if(window.XMLHttpRequest){原创 2021-12-10 19:04:34 · 117 阅读 · 0 评论 -
前端的第二十六天(初识AJAX、客户端和服务器、网络相关概念、通信协议、服务器环境的安装、网站、PHP基础语法)
一、初始AJAX1.url地址展示网页 、提供数据2.异步刷新避免整个界面刷新，加载更快、省流量3.同步刷新不影响当前界面现有的操作二、客户端与服务器一般情况下服务器的硬件配置都要高一些，因为访问量大的话容易宕机。像淘宝双11的时候，除了服务器硬件配置要很高之外，也需要做软件层面的优化和网络访问层面的优化。1.服务器就是提供服务的1、服务器是可以提供数据的，服务器为什么要提供数据，为了保证客户端的数据能随时更新2、从狭义层面上，url是有两种使用情况，一种是这个url展示的是网页，原创 2021-12-08 20:39:15 · 60 阅读 · 0 评论 -
前端的第二十五天（事件、其他方法）
前端的第二十五天（事件、其他方法）一、事件1.jQuery 事件注册2.jQuery 事件处理3.jQuery 事件对象二、其他方法1.jQuery 拷贝对象2.多库共存3.jQuery 插件原创 2021-12-06 21:42:24 · 504 阅读 · 0 评论 -
前端的第二十四天（jQuery入门、常用API）
前端的第二十四天（jQuery入门、常用API）一、jQuery入门二、jQuery常用API原创 2021-12-05 20:23:07 · 549 阅读 · 0 评论 -
前端的第二十三天（本地存储以及下一阶段的学习）
前端的第二十三天（本地存储以及下一阶段的学习）一、window.sessionStorage<body> <input type="text" class="ipt"> <button class="set">存储数据</button> <button class="get">获取数据</button> <button class="remove">删除数据</button&g原创 2021-12-02 11:15:20 · 255 阅读 · 0 评论 -
前端的第二十二天（PC端网页特效）
前端的第二十二天（PC端网页特效一、PC端网页特效1.元素偏移量 offset 系列2.元素可视区 client 系列3.元素滚动 scroll 系列4.动画函数封装5.常见网页特效案例原创 2021-11-29 20:42:23 · 89 阅读 · 0 评论 -
前端的第二十一天（BOM 浏览器对象模型）
前端的第二十一天（BOM 浏览器对象模型）一、BOM 浏览器对象模型1.BOM 概述2.window 对象的常见事件3.定时器4.JS执行机制5.location 对象 <style> div { width: 100px; height: 50px; border: 1px solid black; text原创 2021-11-25 21:47:20 · 336 阅读 · 0 评论 -
前端的第二十天（DOM、事件高级）
前端的第二十天（DOM、事件高级）一、事件高级1.注册事件（绑定事件）2.删除事件（解绑事件）3.DOM事件流4.事件对象5.阻止事件冒泡6.事件委托（代理、委派）7.常用的鼠标事件 <style> img { position:absolute; } </style></head><body>原创 2021-11-24 21:34:08 · 72 阅读 · 0 评论 -
前端的第十九天（DOM）
前端的第十九天原创 2021-11-23 20:26:04 · 443 阅读 · 0 评论 -
前端的第十八天（Web APIs 简介、DOM）
前端的第十八天（）原创 2021-11-22 17:02:11 · 76 阅读 · 0 评论 -
前端的第十七天（JavaScript内置对象、简单类型与复杂类型）
前端的第十七天（JavaScript内置对象、简单类型与复杂类型）一、JavaScript内置对象1.内置对象2.查文档MDN：点击跳转3.Math函数 <script> var myMath = { PI : 3.1415926, max : function(){ var max = arguments[0]; for(var i=1原创 2021-11-21 19:32:40 · 442 阅读 · 0 评论 -
前端的第十六天（JavaScript作用域、预解析、对象）
前端的第十六天（JavaScript作用域、预解析、对象）一、作用域1.作用域 <script> var num = 321; if(true){ var num = 123; console.log(num); } console.log(num); //输出为123 </script>2.变量的作用域3.作用域链答案是原创 2021-11-20 22:00:46 · 203 阅读 · 0 评论 -
前端的第十五天（数组、函数）
前端的第十五天（数组、函数）一、数组1.数组的概念2.创建数组3.获取数组中的元素 <script> var arry = ['星期一','星期二','星期三','星期四','星期五','星期六','星期天']; for (var i=0 ; i <7 ; i++){ alert(arry[i]); } </script>4.遍历数组 <s原创 2021-11-20 15:36:47 · 329 阅读 · 0 评论 -
前端的第十四天（流程控制—循环、命名规范以及语法格式）
前端的第十四天（）一、JavaScript流程控制—循环1.循环2.for 循环3.双重 for 循环4.while 循环5.do while 循环6.continue break二、JavaScript命名规范以及语法格式1.标识符命名规范2.操作符规范3.单行注释规范4.其他规范5.作业...原创 2021-11-19 13:24:20 · 360 阅读 · 0 评论 -
前端的第十三天（运算符、流程控制 - 分支）
一、JavaScript运算符1.运算符2.算术运算符3.递增和递减运算符4.比较运算符5.逻辑运算符6.赋值运算符7.运算符优先级原创 2021-11-18 21:46:33 · 213 阅读 · 0 评论 -
前端的第十二天（计算机编程基础、初识JavaScript、变量、数据类型、扩展阅读）
前端的第十二天（计算机编程基础、初识JavaScript、变量、数据类型、扩展阅读）一、计算机编程基础1.编程语言2.计算机基础二、初识JavaScript1.初识JavaScript更多参看MDN:点击跳转2.JavaScript注释3.JavaScript输入输出语句三、变量1.变量的概述2.变量的使用 <script> var name = '旗木卡卡西'; var a原创 2021-11-17 20:52:28 · 516 阅读 · 0 评论 -
前端的第十一天（移动端的特点、百分比布局、Flex布局、实战演练）
前端的第十一天（移动端的特点、百分比布局、Flex布局、实战演练）一、移动端特点1、移动端和PC端网页不同点2、谷歌模拟器在这里插入代码片3、分辨率4、视口5、二倍图二、百分比布局三、Flex布局1.Flex布局查询CSS、JS、HTML5、CSS、SVG在个中流行浏览器钟的特性和兼容性的网站Can I Use，点我跳转2、主轴对齐方式：justify-content3、侧轴对齐方式：align-items4、伸缩比四、实战演练...原创 2021-11-16 21:54:15 · 96 阅读 · 0 评论 -
前端的第十天（空间转换、动画）
前端的第十天（空间转换、动画）一、空间转换1、空间转换—简介2、空间位移3、透视4、空间旋转5、立体呈现6、案例-3D导航7、缩放二、动画1、动画2、动画的实现步骤3、动画属性4、逐帧动画5.案例—全民出游季<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-原创 2021-11-15 21:47:46 · 137 阅读 · 2 评论 -
前端的第九天（CSS进阶：字体图标、平面转换、渐变）
项目搭建第一天1.Header部分开发2.Footer部分开发3.网站入口xtx-entry部分开发4.新鲜好物面板 xtx-new-goods 部分开发5.生鲜商品面板 xtx-new-goods 部分开发原创 2021-11-14 20:43:38 · 401 阅读 · 0 评论 -
前端的第八天（CSS样式补充、项目前置认知、项目结构搭建）
前端的第八天（CSS样式补充、项目前置认知、项目结构搭建）一、CSS样式补充1.精灵图2.背景图片大小3.文字阴影4.盒子阴影5.过渡二、项目前置认知1.网页和网站的关系2.骨架结构标签3.SEO三大标签4.ico图标设置5.版心三、项目结构搭建...原创 2021-11-12 21:35:33 · 77 阅读 · 0 评论 -
前端的第七天（定位、装饰）
前端的第七天（定位、装饰）一、定位1.定位的基本介绍2.定位的基本使用3.静态定位4.相对定位5.绝对定位6.子绝父相7.固定定位8.元素的层级关系二、装饰三、选择器拓展原创 2021-11-10 21:01:04 · 287 阅读 · 0 评论 -
前端的第六天（浮动）
前端的第六天（浮动）一、结构伪类选择器二、伪元素三、标准流四、浮动1.浮动的作用2.浮动的代码3.浮动的特点五、清除浮动1.清楚浮动的介绍2.清除浮动的方法六、综合案例1.综合案例1—小米模块案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati原创 2021-11-10 13:13:30 · 170 阅读 · 0 评论 -
前端的第五天（盒子模型）
前端的第五天（CSS基础）1.PxCook的基本使用PxCook下载链接2.盒子模型1.盒子模型介绍2.内容区域的宽度和高度3.边框（border）4.内边距（padding）5.外边距（margin）3.综合案例1.综合案例1-新浪搜索导航<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met原创 2021-11-09 22:24:23 · 199 阅读 · 0 评论 -
前端的第四天（选择器进阶、背景属性、元素显示模式、CSS三大特性）
第四天学习原创 2021-11-08 22:18:38 · 71 阅读 · 0 评论 -
前端的第三天（选择器、文本样式、调试工具）
CSS基础学习一、基础认知1.CSS初识CSS：层叠样式表2.CSS引入方式二、基础选择器1.标签选择器2.类选择器3.id选择器4.通配符选择器原创 2021-11-05 22:07:19 · 87 阅读 · 0 评论 -
前端的第二天（HTML）
HTML标签学习（下）一、 列表标签1. 无序列表2.有序列表3.自定义列表二、 表格标签1.表格的基本标签2.表格的相关属性3.表格标题和表头单元格标签4.表格的结构标签（了解）5.合并单元格...原创 2021-11-04 22:33:58 · 64 阅读 · 0 评论 -
前端的第一天（HTML）
Web标准要求页面实现：结构、表现、行为三层分离HTML（结构：页面元素）CSS（表现：页面样式）JavaScript(行为：页面交互动态效果)HTML：超文本标记语言通过HTML标签对页面中的文本、图片、音频、视频等内容进行描述HTML页面固定结构：<html><head> <title>网页的标题</title></head><body> 网页的主体内容</body><原创 2021-11-01 21:42:17 · 181 阅读 · 0 评论