- 博客(73)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 前端面试有这几篇就够了--HTML篇
1.前端需要注意哪些 SEO合理的 title、description、keywords：搜索对着三项的权重逐个减小，title 值强调重点即可，重要关键词不要超过2次，而且要靠前，不同页面 title 要有所不同；description 把页面内容高度概括，长度适合，不可过分堆砌关键词，不同页面的 description 有所不同；keywords 列出重要关键词即可。语义化的 HTML 代码，符合W3C 规范：语义化代码让搜索引擎理解网页重要的 HTML代码放在最前面：搜索引擎抓取 HTML 顺
2020-05-20 17:59:20
572
原创 vue+nodejs+element 实现drawio绘图效果
draw项目地址：github个人博客：smilestation.info类似drawio效果，本项目采用前后端分离模式开发前台采用 vue + element后端采用 nodejs数据库采用 MySQL文件夹说明server 后端文件夹client 前端文件夹主要内容说明：实线箭头drawArrow (Object)ctx: context对象fromX: 开始点x坐标值类型numberfromY: 开始点y坐标值类型numbertoX:
2020-07-11 12:38:30
4486
2
原创 【net】音乐播放器
本文首发：smile个人博客项目介绍音乐是情感的艺术，美妙动听的音乐来源于情感，又潜移默化地影响情感，让我们进入现丽多彩的虚化与现实的意境之中。本次设计的目的在于结合C#语言提供的多样的媒体控制手段，综合用户使用音乐播放器的习惯和对媒体播放器的要求，设计了一款界面清楚明了，操作简单实效的一个可以播放MP3格式音乐文件,并且能控制播放、暂停、上一曲、下一曲、随机切歌、查看歌词等功能的音乐播放器。【net】音乐播放器以WinForm为基本框架进行开发，通过API来获取音乐信息，并显示在WinF..
2020-06-05 16:12:36
1240
原创 【前端】相信你会用到的一篇笔记---CSS篇（2）
1.文档流正常：自上向下，自左向右如果两个相邻元素都在其上设置外边距，并且两个外边距接触，则两个外边距中的较大者保留，较小的一个消失2.布局模式在网页中，元素有三种布局模型：流动模型（Flow） 默认的浮动模型 (Float)层模型（Layer）流动（Flow）模型是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动层模型有三种形式：1、相对定位(position: re
2020-05-24 10:55:34
1807
原创 【前端】相信你会用到的一篇笔记---CSS篇（1）
1.什么是 CSS ？ CSS有什么用？css 是层叠样式表，用于改变网页的布局。例如字体，颜色，大小，间距等2. CSS语法CSS是一种基于规则的语言，您可以定义规则来指定应应用于网页上特定元素或元素组的样式组h1 { color: red;}css 声明包括：选择器和属性组（属性名:属性值）3. CSS 是如何工作的？浏览器加载HTML将HTML转换为DOM浏览器将获取HTML文档链接的大多数资源，例如嵌入式图像和视频…以及链接的CSS浏览器解析提取的CSS，并根据选择
2020-05-23 15:56:07
277
原创 【前端】相信你会用到的一篇笔记---HTML篇
个人博客：smile小站欢迎来访，欢迎互换友链1.什么是 HTML ？HTML 是一种超文本标记语言HTML 是一种标记语言而非编程语言HTML 是网站的骨架，负责整个网站的结构HTML5 ：HTML5是构建Web内容的一种语言描述方式HTML5是Web中核心语言HTML的规范HTML5在从前HTML4.01的基础上进行了一定的改进HTML5 是最新的 HTML 标准。HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。HTML5 拥有新的语义、图形以及.
2020-05-22 20:55:37
301
原创 原来闭包也可以这么简单
闭包是js开发常的技巧，那么什么是闭包呢？闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁简而言之：闭包就是一个函数。15稍微具体点：闭包就是能够读取其他函数内部的函数...
2020-05-19 17:17:07
296
原创 个人博客升级改造ing
本文介绍由于上个版本个人博客的UI,功能等存在着许多不完善的地方，因此决定对博客进行升级改造计划.致力打造出更优秀的个人博客改造日记开始个人博客改造计划 2020/4/20原博客展示博客以wordpress建站主页内容页博客介绍博客采用node从前台到后台进行搭建开发技术前端三剑客Nodeejsexpressexpress-sessionmysq...
2020-04-24 21:26:13
289
原创 每日一练||第二周汇总
题目来源牛客网-前端技能挑战获取字符串的长度题目描述如果第二个参数 bUnicode255For1 === true，则所有字符长度为 1否则如果字符 Unicode 编码 > 255 则长度为 2输入'hello world, 牛客', false输出17参考代码function strLength(s, bUnicode255For1) { let len =0...
2019-10-27 15:24:02
139
原创 17/18/19每日一练汇总
题目来源牛客网day17：数组去重题目描述为 Array 对象添加一个去除重复项的方法输入[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a', NaN]输出[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a']参考代码Array.prototype.uniq ...
2019-10-19 14:28:46
130
原创 dom 节点查找
来源：牛客网题目要求时间限制：3秒空间限制：262144K热度指数：16954题目描述查找两个节点的最近的一个共同父节点，可以包括节点自身知识点学习博客参考代码方式一：function commonParentNode(oNode1, oNode2) { if (oNode1.contains(oNode2)) { return oNode1; } else ...
2019-10-16 18:11:38
224
原创 修改 this 指向
来源：牛客网题目要求时间限制：2秒空间限制：262144K热度指数：37649题目描述封装函数 f，使 f 的 this 指向指定的对象知识点学习call、apply和bind的用法与说明bind会创建一个新绑定函数,它包装了原函数对象fun.bind(context, arg1, arg2, ...)参数说明：context :在 fun函数运行时指定的this值,...
2019-10-15 19:02:16
130
原创 获取 url 参数
来源：牛客网题目要求时间限制：2秒空间限制：262144K热度指数：33135题目描述获取 url 中的参数指定参数名称，返回该参数的值 或者 空字符串不指定参数名称，返回全部的参数对象 或者 {}如果存在多个同名参数，则返回数组示例1输入http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe ...
2019-10-14 19:32:28
149
原创 关系代数运算集（数据库）
传统的集合运算举个栗子：现有两个课程关系表Course1 和 Course2表 2-1 Course1CourseIDCourseNameCredit101计算机网络4102数据库原理3103网络开发4表 2-2 Course2CourseIDCourseNameCredit101计算机网络4202中国...
2019-10-12 18:53:31
537
原创 课程笔记--复习专用
前言本文主要记录大三学习笔记，加之自己对知识的理解。可供复习和学习使用，助同学们在知识的道路上披荆斩棘，一路向前。如有不足还望留言或 小窗 进行提醒补充。本文主要涉及科目有：《数据库原理与SQL Server 2012》、《微机原理与接口技术》、《物联网与短距离无线通信技术》文章开始前首先要感谢老师的认真指导以及同学们的支持鼓励更新列表数据库第二章/下篇/ （2019/10/3）数...
2019-10-12 17:12:46
454
2
原创 数据模型（下篇）
4. 关系数据库关系数据库采用关系模型作为数据组织方式的数据库。关系数据库是应用数学的方法来处理数据库中的数据4.1 关系模型的组成关系模型由关系数据结构，关系操作集合和关系完整性约束三部分组成关系操作：4.2关系的数学定义在关系模型中，数据在用户观点下是一个逻辑结构为二维表的数据模型。而关系模型是建立在关系代数的基础上的定义1： 域是一组具有相同数据类型的值的集合定义2： ...
2019-10-03 14:36:43
235
1
原创 数据模型（上篇）
前言本文主要对教材第二章主要知识点进行汇总。若有不足还请见谅。适用教材：《数据库原理与SQL Server 2012》(第二版）点击此处学习其他章节随着科技的发展我们的世界变得越来越多姿多彩，在这样丰富的世界中信息也成为了重要的一部分，今天我们就来随着本文一起来感受一下计算机中的信息世界。说了这么多，那么什么是信息呢？让我们用教材中的定义来解释一下。信息就是通过各种方式传播的能被感...
2019-09-28 16:47:36
646
原创 数据库系统概述
前言本文主要对教材第一章主要知识点进行汇总。若有不足还请见谅。适用教材：《数据库原理与SQL Server 2012》(第二版）1.数据库技术的发展历史人工管理阶段数据基本不保存没有对数据进行管理的软件系统没有文件的概念数据不具有独立性文件系统阶段数据可以长期保存由文件系统管理数据文件的形式已经多样化数据具有一定的独立性数据库系统阶段采用复杂的结构化...
2019-09-26 17:49:59
424
原创 vue+element+node构建单片机控制系统
前言应课程设计要求目前在做一个单片机控制系统（软件模块），其中主要包括前端部分，后端部分，服务器部署三块。目前正在开发前端界面。开发环境· 系统：win10· 编辑器：Visual Studio Code· 服务器：阿里云轻量级应用服务器框架结构...
2019-09-12 13:54:38
911
3
原创 课程表
前言继前两版课程表之后迎来了新版课程表，此版本采用简约模式，布局一切从简。第一版采用背景图来衬托整体视觉效果第二版采用了渐变来渲染介绍本次课程表采用自定义填充模式，添加，删除课程简单，代码清晰易于理解。状态可根据时间进行自动调整。代码结解构骨架（HTML）<!DOCTYPE html><html lang="en"><head> &...
2019-09-05 16:26:53
1634
原创 js小游戏---扫雷
前言扫雷小游戏已推入giiHub点击此处试玩欢迎各位体验，菜鸡的练手小项目，轻喷。同样可在留言处或在线咨询提出您宝贵的意见，祝您玩得愉快介绍扫雷小游戏通过洗牌算法进行随机布雷，通过用户点击对旁边区域进行搜索判断，达到空白的展开效果目前游戏中有9*9，15*15，20*20三张地图，后期会加入更多。雷数可自己调节或随机生成难点详解洗牌算法：洗牌算法可实现集合的随机排序，且各排序...
2019-08-29 19:42:17
177
2
原创 Map 与 Set
Map 与 Set在javaScript 中Map 和 Set可以用容器来理解记忆，类似的Array可以当作队列容器和栈容器MapMap对象以键值对的形式存在，任何值都可以作为一个建或一个值在Map中，键和值呈一一对应的关系注意：键值具有唯一性Map的创建与使用可以用let myMap = new Map()来创建一个Map对象通过myMap.set(key, value)方法来向...
2019-08-21 15:32:39
213
原创 Array
上一节我们已经说过了string,接下来我们谈一谈js中另一种常见对象Array介绍JavaScript的Array对象是用于构造数组的全局对象，数组是类似于列表的高阶对象那么如何创建一个数组，又怎么使用数组呢？下文中会详细介绍。创建数组在 js 中，我们用[]来表示一个数组元素，我们可以通过let arr = []的方式来创建一个空的数组，当然我们也可以通过let arr = new ...
2019-08-19 15:28:30
224
2
原创 String
介绍javaScript 中字符串可分为字符串对象和基本字符串两种。通过单引号或双引号定义 和 直接调用String方法的字符串都是基本字符串。JavaScript会自动将基本字符串转换为字符串对象，只有将基本字符串转化为字符串对象之后才可以使用字符串对象的方法。转义字符字符输出\0空字符\'单引号\"双引号\\反斜杠\n换行...
2019-08-18 15:58:34
154
原创 call、apply和bind的用法与说明
介绍call、apply、bind的作用是改变函数运行时this的指向，欲了解函数，首先需知thisthisthis到底是什个什么样的东西呢？this即“这个”的意思,在代码中this指向调用函数的主体对象。举个栗子：在一个代码中，例如：var obj = { foo: function(){ console.log(this) }}var bar = obj.fo...
2019-08-17 16:42:40
592
原创 js事件流
事件HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等事件流"DOM2事件流"规定的事件流包括三个阶段：事件捕获阶段处于目标阶段事件冒泡阶段事件绑定可采用 addEventListener(事件名,事件处理函数,处理方式)事件名：String事件处理函数：function事件处理方式：boolfalse ...
2019-08-13 17:24:01
183
原创 js游戏-首页优化
小游戏demo持续更新中...（2019/8/30）新增扫雷小游戏布局优化1.采用网格+响应式可根据设备尺寸调整每行元素个数2.用圆角属性来对new,hot,活动显示3.增加信息多行省略交互优化1.增加交互性，可自动生成游戏代码解析：内容超出显示省略号单行：.game-info { overflow: hidden; text-o...
2019-08-09 17:59:08
679
原创 js 小游戏
js 小游戏点击demo即可开始代码：gitHub## 知识点- javascriptJavaScript 是轻量级解释型语言- 定义：是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画...- api 通常分为两类- 浏览器 API 内建于 web 浏览器中- 文档对象模型 API（DOM（Document Object Model）API）...
2019-08-08 18:18:56
1247
原创 css动画
css动画CSS animations使得可以将从一个CSS样式配置转换到另一个CSS样式配置。动画包括两个部分:描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧。动画配置创建动画序列，需要使用animation属性或其子属性动画的实际表现是由@keyframes规则实现animation属性：animation-name指定由@keyframes描...
2019-08-07 19:15:41
169
原创 温故知新----css布局
css布局本文针对多种css布局进行解析在线demo代码：gitHub布局：浮动布局 定位 弹性盒子 表格 网格- 浮动(float)- left 将元素浮动到左侧。- right 将元素浮动到右侧- none(默认) 不浮动- inherit 继承父元素的浮动属性- 定位(position)- static(默认) 静态定位: 将元素放在文档...
2019-08-07 15:39:49
422
原创 md（Markdown）文件编辑
md文件编辑在线Markdown文件编辑目录md文件编辑一.标题：二.列表：1.有序列表：2.无序列表：三.引用：四.分割线：五.链接：超链接：图片：六.代码框：七.强调与删除：八.转义字符一.标题：方式一：# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题其...
2019-08-06 16:50:34
3992
原创 温故知新----css盒模型
盒模型练习效果预览：demo代码：gitHub## 知识点- 盒模型- 属性：- width 和height 设置了内容框的宽/高- padding 设置内边距- border 设置边框- margin 设置外边距- overflow 溢出- auto 如果内容太多，那么超出盒子大小的内容会被隐藏，滚动条显示出来，从而可以让用户滚动看到所有内容。-...
2019-08-06 14:57:54
240
原创 css选择器
css选择器gitHub选择器介绍：㈠派生选择器(上下文选择器) 通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。派生选择器可以批量定义㈡class类名选择器(单类,多类) 类选择器允许以一种独立于文档元素的方式来指定样式。 该选择器可以单独使用，也可以与其他元素结合使用。㈢id选择器(特定元素) 在某些方面，ID 选择器类似于类选...
2019-08-05 12:54:34
127
原创 温故知新----css基础
# css练习项目参考至MDN点此查看效果哦代码## 任务介绍- 为整体卡片的容器提供一个固定的宽/高，背景颜色，边框，以及边框圆角等等。- 为header提供一个渐变的背景颜色，从更暗到更亮，加上圆角，配合在卡片容器上设置的圆角。- 为footer提供一个渐变的背景颜色，从更亮到更暗，加上圆角，配合在卡片容器上设置的圆角。- 将图像向右浮动，使其粘贴在...
2019-08-05 12:31:37
461
原创 温故知新----表单
# form表单查看详情点击gitHub## 任务介绍复习表单的使用## 知识点- form 创建表单<br>当您想要创建一个HTML表单时，都必须从这个元素开始，然后把所有内容都放在里面。- 主要属性- action 定义了在提交表单时,应该把所收集的数据送给谁- method 定义了发送数据的HTTP方法(它可以是“get”或“p...
2019-08-04 15:38:58
244
原创 温故知新----表格
构建行星数据本项目复习表格的使用，项目参考于：MDN点击此处查看效果gitHub任务介绍- 为你的表格添加我们提供的标题。- 在表格的 header 中添加一行，用来包括所有列的标题。- 在表格的 body 部分创建所有内容行，记住要让所有是行标题的单元格语义化。- 确保所有内容都插入了正确的单元格，在原始数据中，每行行星数据都显示在其相关行星的旁边。- ...
2019-08-03 17:03:28
275
原创 温故知新----标签的语义化
本项目主要练习标签的语义化，项目参考于：MDN Web Docs已上传至gitHub结构语义化：demo任务介绍- 块/结构语义：- 你应该使用适当的结构来构造整体文档，包括doctype、<html> 、 <head>和<body>元素。- 除下面提到的几点之外，这封信应该被标记成有着段落和标题的结构。 这封信有 1 个顶级标题（“回复...
2019-08-01 16:33:21
408
1
原创 http | 状态码
传送门(=@__@=)哪里？...............................................................自己写了个主题上传之后竟然把整个网站弄崩了╮(╯﹏╰）╭
2019-07-12 15:54:40
123
随机样例生成器
2019-01-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人