- 博客(14)
- 收藏
- 关注
RSS订阅原创 HTML/CSS 常见面试题汇总
HTML面试题1、<image> 标签上title属性与alt属性的区别是什么？alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户等。title属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息。title属性可以实现鼠标悬停提示的效果。2、请写出至少5个HTML5新增的
2021-08-30 21:07:48
1123
原创 Node Express框架快速入门教程
Express 框架介绍 Express 框架是什么Express 是一个基于 Node平台的Web应用开发框架，它提供了一系列的强大特性，帮助你创建各种Web应用。下载npm install expressExpress 框架特性提供了简洁的路由定义方式对获取 http 请求参数进行了简化处理对模板引擎支持程度高，方便渲染动态HTML页面拥有中间件机制有效控制 HTTP 请求拥有大量第三方中间件对功能进行扩展1、搭建 Express 开发环境# 安装express脚手
2021-08-24 21:17:10
281
原创 Node.js核心API
2.1、文件操作步骤：第一步，引入 fs 模块第二步，操作 API示例代码：var fs = require('fs')//同步写入let rel = fs.writeFileSync('./abc.txt','hello world')console.log(rel);//异步写入fs.writeFile('./hello.txt','你好，世界！',function(err){ if(err){ console.error('输出异常！', err)
2021-08-24 20:58:31
152
原创 Node.js 环境搭建(完整)
1、Node.js 环境搭建1.1、前置内容1.1.1、什么是 JavaScript概念： 遵循了 ECMAScript 标准，是 ECMAScript 的具体实现。并且支持了浏览器的 API，BOM 和 DOM 。并且支持 Node.js API 。1.1.2、什么是 Node.js概念： 基于 Chrome V8 引擎实现的 JavaScript 运行环境。1.2、npm是什么概念： npm其实是Node.js的包管理(package manager)。为啥我们需要一个包管理工具呢？因为
2021-08-23 21:49:35
759
原创 ES6模块化（js模块的导入与导出）
（一般在开发都会封装公用的js文件和一些功能性js文件，然后在哪个组件用到就在那个组件import引入）在ES6自带了模块化， 也是JS第一次支持module， 在es6以后 ，我们可以直接作用import和export在浏览器中导入和导出各个模块了， 一个js文件代表一个js模块；ES6的模块化的基本规则或特点：1、每一个模块只加载一次， 每一个JS只执行一次， 如果下次再去加载同目录下同文件，直接从内存中读取。 一个模块就是一个单例，或者说就是一个对象；2、每一个模块内声明的变量都是局部变量
2021-08-13 10:07:16
1495
原创 前端面试题 同步和异步的理解
同步的思想是：所有的操作都做完，才返回给用户。这样用户在线等待的时间太长，给用户一种卡死了的感觉（就是系统迁移中，点击了迁移，界面就不动了，但是程序还在执行，卡死了的感觉）。这种情况下，用户不能关闭界面，如果关闭了，即迁移程序就中断了。同步就相当于是当客户端发送请求给服务端，在等待服务端响应的请求时，客户端不做其他的事情。当服务端做完了才返回到客户端。这样的话客户端需要一直等待。用户使用起来会有不友好异步的思想是：异步是将用户请求放入消息队列，并反馈给用户，系统迁移程序已经启动，你可以关闭浏
2021-08-11 21:39:33
664
原创 [gulp] 什么是gulp ？gulp的好处？如何使用？
什么是gulp? 前端自动化构建工具gulp的好处？压缩html : gulp-htmlmin编译sass : gulp-sass压缩css : gulp-cssnano (cnpm) gulp-cssmin|gulp-cleancss (npm)重命名 : gulp-rename合并文件 ：gulp-concat压缩js : gulp-uglify压缩图片 ：gulp-imageminES6转ES5 ： gulp-babel如何安装gulp?先安装nodejsnpm|
2021-08-11 21:27:31
283
原创 javascript入门（第一天）
javascript概述什么是javascript: 是一门基于对象和事件驱动的客户端脚本语言。哪一年？哪个公司？谁写的？第一个名字叫什么？1995 网景 布兰登 liveScriptW3C每一个前端标准： ECMA-262js包含哪几部分？ECMAScriptBOMDOM如何引入Javascript内联（行内）脚本 : 行内： on事件=""内部脚本 ：<script></script>外部脚本 : <script sr
2021-08-11 21:08:46
73
原创 JS入门第一章（js简介）
JavaScript简介1.什么是Javascript？ JavaScript是一种编程语言 在浏览器上运行 js是可以嵌入到html中到一种脚本语言2.学习Javascript的意义 一个前端网页主要由三门语言组成，他们之间是缺一不可的关系HTML：确定网页的结构CSS：确定网页的样式JavaScript：确定网页的行为(交互) 众所周知，在前端开发中一个网页的源代码主要由三部分组成（HTML,CSS,Javascript）,其中HTML确定网页的
2021-08-11 21:05:33
77
原创 CSS 中px、em、rem、%、vw、vh单位之间各自代表的含义详解
css中rem em vw vh px各自代表的含义remrem是css3新增的一个相对单位，rem是相对于HTML根元素的字体大小来进行计算的，如果没有设置HTML字体大小，就会以浏览器默认字体大小，一般为16pxrem除了IE8及更早版本以外，所有浏览器都支持！emem子元素字体大小的em是相对于父元素字体大小元素的width/height/padding/margin用em的话是相对于该元素的font-size。如果父元素的字体尺寸未设置，则相对于浏览器默认字体大小备注：em跟随父元素字体
2021-07-30 10:15:39
418
原创 鼠标跟随特效
鼠标跟随鼠标跟随效果，顾名思义，就是元素会跟随着鼠标的移动而作出相应的运动代码<style> body{ height:5000px; } div{width:50px; height:50px; background:red; border-radius:50%; position:absolute;}</style>js 代码<script> window.onload = function(){
2021-07-27 15:44:46
2055
原创 弹性小球 ~ 注释详细
弹性小球源码css代码<style type="text/css"> html,body{ margin: 0; padding: 0; } #box{ width: 100px; height: 100px; border-radius: 50%; background: #FF0000; position: absolute; left: 0; top: 0; } </style&
2021-07-27 15:18:39
165
原创 纯js实现烟花效果
概述在网页背景中实现鼠标点击出现模拟烟花爆炸的特效思路/* document - 点击事件 - 坐标值 火花 - 接收坐标值 创建火花 设置样式 定位 - left = x top = document.documentElement.clientHeight - 50 添加到页面 运动到点击的位置 - 到达位置 - 火花消失 - 产生爆炸 = 传递坐标值 爆炸 数量
2021-07-20 09:06:21
1769
3
原创 JS轮播图
JS轮播实现功能：图片自动切换鼠标移入停止自动播放点击按钮，实现前后翻鼠标移入小圆圈，可以跳转到对应图片实现原理：/* 轮播图核心：当前下标 轮播图方式：left/top/opacity/z-index/display/background 一、添加元素，完善页面 左按钮： 创建元素(span) 设置id( ltBtn) 设置元素内容（<)
2021-07-19 22:01:04
143
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人