![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端开发
文章平均质量分 61
收集HTML、CSS、JavaScript、WEB深度学习等知识点
宁静_致远_
write less, do more
展开
-
长方形面积+鼠标跟随动画
title: 长方形面积 + 鼠标跟随动画tags: codepencategory: 前端开发参考内容https://www.bilibili.com/video/BV1Fy4y1g71h?spm_id_from=333.337.top_right_bar_window_history.content.clickhttps://codepen.io/tiansztiansz/pen/BaJEBxK效果演示https://codepen.io/tiansztiansz/pen/QWQbYpg.原创 2022-05-05 22:40:27 · 403 阅读 · 0 评论 -
codepen的使用
title: codepen 的使用tags: codepencategory: 前端开发什么是 codepen在我看来,codepen 是一个便于分享的前端代码演示网址。打开 codepen网址如下:https://codepen.io/然后可以用 github 账号登录即可创建 pen选择左侧栏中的 pen ,即可创建一个新的演示代码,在其中可以添加 HTML 的 body 标签内元素、CSS样式、JS代码。添加完代码一定要记得保存,左上角可以修改项目名(如果要创建 Vue 的项.原创 2022-05-05 22:39:11 · 5410 阅读 · 0 评论 -
html图片水平镜像翻转
title: 图片水平镜像翻转tags: htmlcategory: 前端开发代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-wi.原创 2022-04-22 21:14:02 · 2534 阅读 · 0 评论 -
html热区设置
title: 热区设置tags: htmlcategory: 前端开发测量热区用ps打开设置热区的图像,然后按如下步骤开启标尺1、选择上方菜单栏的 “视图”,然后勾选标尺2、之后回到图像编辑区域,会看到上方和左方出现了一个标尺3、在标尺上右键,选择 像素 作为单位4、之后就可以拉取尺子来测量图像 或 截取图像了同时勾选上方菜单栏“窗口”的信息,在弹出的“信息”窗口可以设置“画板选项”,将“鼠标坐标”设置为 像素圆形热区代码<!DOCTYPE html><html .原创 2022-04-22 21:13:04 · 1494 阅读 · 0 评论 -
js表单验证
title: 表单验证tags: jscategory: 前端开发转载自 https://www.bilibili.com/video/BV1br4y167Fu?spm_id_from=333.337.top_right_bar_window_history.content.click其中我对源代码中的用户名和密码进行了进一步验证代码如下<!DOCTYPE html><html lang="en"> <head> <meta charset=".转载 2022-04-22 21:11:30 · 190 阅读 · 0 评论 -
4-CSS排版
title: 4-CSS排版tags: CSS(设计Web)category: MDN介绍 CSS 布局参考文档正常布局流(Normal flow)正常布局流(normal flow)是指在不对页面进行任何布局控制时,浏览器默认的HTML布局方式。HTML元素完全按照源码中出现的先后次序显示display属性它的一些属性值如下:block 元素显示为块元素inline 元素显示为内联元素flex 设置弹性盒子grid 设置网格布局弹性盒子.原创 2022-03-30 19:55:41 · 1974 阅读 · 0 评论 -
3-CSS样式化文字
title: 3-CSS样式化文字tags: CSS(设计Web)category: MDN基本文本和字体样式参考文档用于样式文本的 CSS 属性通常可以分为两类:1、字体样式: 作用于字体的属性,会直接应用到文本中,比如使用哪种字体,字体的大小是怎样的,字体是粗体还是斜体,等等。2、文本布局风格: 作用于文本的间距以及其他布局功能的属性,比如,允许操纵行与字之间的空间,以及在内容框中,文本如何对齐。注意:请记住,包含在元素中的文本是作为一个单一的实体。你不能将文字其中一部分选中或添加样.原创 2022-03-30 19:55:16 · 790 阅读 · 0 评论 -
2-CSS构建基础
title: 2-CSS构建基础tags: CSS(设计Web)category: MDN层叠与继承参考文档冲突规则CSS代表层叠样式表(Cascading Style Sheets),理解第一个词cascading很重要— cascade 的表现方式是理解CSS的关键。层叠Stylesheets cascade(样式表层叠) — 简单的说,css规则的顺序很重要;当应用 两条同级别 的规则到一个元素的时候,写在后面的就是实际使用的规则。优先级浏览器是根据优先级来决定当多个规则有不同选.原创 2022-03-30 19:54:39 · 799 阅读 · 0 评论 -
1-CSS第一步
title: 1-CSS第一步tags: CSS(设计Web)category: MDN什么是 CSS参考文档当开发者没有指定样式时,浏览器通过这些最简单的样式使页面具有基本可读性如果所有网站都使用默认样式,互联网就会非常枯燥。但是使用 CSS 就可以完全控制浏览器如何显示 HTML 元素,从而充分展示你喜欢的设计样式。CSS 用来干什么CSS 是用来指定文档如何展示给用户的一门语言——如网页的样式、布局、等等一份文档是由标记语言组织起来的文本文件 —— HTML 是最常见的标记语言, .原创 2022-03-30 19:54:08 · 1346 阅读 · 0 评论 -
3-HTML表格
title: 3-HTML表格tags: HTML(构建Web)category: MDN表格基础参考文档什么是表格表格是由行和列组成的结构化数据集(表格数据),它能够使你简捷迅速地查找某个表示不同类型数据之间的某种关系的值表格如何工作表格的一个特点就是严格. 通过在行和列的标题之间进行视觉关联的方法,就可以让信息能够很简单地被解读出来表格风格为了能够让表格在网页上有效, 你需要提供一些 CSS 的样式信息,以及尽可能好的 HTML 固定结构什么时候不应该使用 HTML 表格使用表.原创 2022-03-24 18:26:05 · 462 阅读 · 0 评论 -
2-HTML多媒体与嵌入
title: 2-HTML多媒体与嵌入tags: HTML(构建Web)category: MDNHTML 中的图片参考文档怎么将一幅图片放到网页上<img src="dinosaur.jpg"><!-- 推荐将图片都放置在 images 文件夹中 --><img src="images/dinosaur.jpg"><!-- 使用绝对路径; 但是这种方式是不被推荐的,这样做只会使浏览器做更多的工作, 例如.原创 2022-03-24 18:25:27 · 2286 阅读 · 0 评论 -
1-HTML入门
title: 1-HTML入门tags: HTML(构建Web)category: MDNHTML 入门参考文档什么是HTMLHTML (HyperText Markup Language) 不是一门编程语言,而是一种用来告知浏览器如何组织页面的标记语言HTML 元素HTML元素的主要部分有:1、开始标签(Opening tag):包含元素的名称,被左、右角括号所包围。表示元素从这里开始或者开始起作用2、结束标签(Closing tag):与开始标签相似,只是其在元素名之前包含了一个斜.原创 2022-03-24 18:24:47 · 2057 阅读 · 0 评论 -
Web入门
title: Web入门tags: Web入门category: MDN安装基本软件参考文档专业人员使用哪些工具1、计算机:Windows,Mac,或者 Linux 系统的台式机或笔记本电脑2、文本编辑器:用来编写代码。可以是纯文本编辑器(比如 Visual Studio Code);也可以是混合编辑器(比如 Dreamweaver 或 WebStorm)3、Web 浏览器,用来测试代码。如今使用最多的浏览器有 Firefox,Chrome,Opera, Safari,Internet E.原创 2022-03-24 18:21:17 · 456 阅读 · 0 评论 -
vs code 运行matlab代码
title: vs code 运行 matlab 代码tags: vs codecategory: matlab参考https://blog.csdn.net/weixin_42815609/article/details/103830253安装插件在 vs code 中安装如下插件Code Runner、Matlab、matlab-formatter打开配置文件在配置文件中添加如下代码"matlab.mlintpath": "D:\\xuexiruanjian\\matlab202.原创 2022-03-02 19:09:51 · 1079 阅读 · 0 评论 -
vs code自动保存
title: vs code 自动保存tags: vs codecategory: 电脑操作打开VS code ,在英文输入法时键入 Crtl + Shift + p ,在命令面板中输入 auto save ,然后点击弹出的选项即可原创 2022-03-02 10:41:34 · 245 阅读 · 0 评论 -
多图像背景
title: 多图像背景tags: csscategory: 前端开发代码如下body { background-image: url(/images/background1.png),url(/images/background2.png),url(/images/background3.png),url(/images/background4.png),url(/images/background5.png); background-repeat: no-repeat,no-.原创 2022-02-18 23:53:11 · 159 阅读 · 0 评论 -
开启本地服务器
title: 开启本地服务器tags: 服务器category: 前端开发安装拓展“Live Server”打开vs code,在拓展处搜索“Live Server”并安装打开项目1、从“文件”————“打开文件夹”来打开项目2、或者直接将项目文件夹拖到“vs code”点击右下角的“Go Live”在打开的浏览器中即可预览项目...原创 2022-02-18 23:52:30 · 573 阅读 · 0 评论 -
HEXO添加文章
title: HEXO添加文章tags: HEXOcategory: 个人博客首发网址:https://tiansztiansz.github.io/2022/01/28/HEXO添加文章/新建文章新建.md文件进行编辑,在文件的开头添加头信息---title: 文章标题tags: 标签category: 分类---添加“阅读更多”按钮在文章的第一个标题添加如下more标记,则在主页即可实现阅读更多按钮## <!-- more -->第一个标题将.md文件中的图.原创 2022-01-30 17:54:18 · 1134 阅读 · 0 评论 -
HEXO常见报错
title: HEXO常见报错tags: HEXOcategory: 个人博客首发网址:https://tiansztiansz.github.io/2022/01/29/HEXO常见报错/网络错误若出现如下报错,是由于网络原因,再重复执行几次命令就好fatal: unable to access 'https://github.com/hexojs/hexo-starter.git/': OpenSSL SSL_read: Connection was reset, errno 10054.原创 2022-01-30 17:51:40 · 2267 阅读 · 0 评论 -
next主题配置文件解读
title: next主题配置文件解读tags: HEXOcategory: 个人博客首发网址:https://tiansztiansz.github.io/2022/01/29/next主题配置文件解读/打开blog\themes\next\_config.yml文件网站背景图片、内容透明化、代码样式# Define custom file paths.# Create your custom files in site directory `source/_data` and uncom.原创 2022-01-30 17:50:31 · 1653 阅读 · 0 评论 -
HEXO站点配置文件解读
title: HEXO站点配置文件解读tags: HEXOcategory: 个人博客首发网址:https://tiansztiansz.github.io/2022/01/29/HEXO站点配置文件解读/打开blog文件夹下的_config.yml文件修改网站标题、语言等# Sitetitle: 宁静致远的个人博客 # 网址主标题subtitle: 非淡泊无以明志, 非宁静无以致远 # 网址副标题description: write less, d.原创 2022-01-30 17:48:23 · 903 阅读 · 0 评论 -
Github+Hexo搭建个人博客
title: Github+Hexo搭建个人博客tags: HEXOcategory: 个人博客首发网址:https://tiansztiansz.github.io/2022/01/29/Github+Hexo搭建个人博客/安装githttps://npm.taobao.org/mirrors/git-for-windows/往下滑找到最新版本下载安装即可安装node.jshttps://tiansztiansz.github.io/2022/01/27/安装并配置nodejs/在Gi.原创 2022-01-30 17:45:42 · 1083 阅读 · 0 评论 -
WEB前端开发练习代码
<!DOCTYPE html> <!-- HTML5申明 --><html lang="zh"> <!-- 表示本网站为中文网站 --><!-- 头部,定义网页标题和字体样式等 --> <head> <meta charset="UTF-8"> <!-- 定义网页为UTF-8编码 --> <title>Web前端开发技术初步应用</title> &l.原创 2022-01-11 23:24:08 · 6103 阅读 · 0 评论 -
TensorFlow.js - 使用 CNN(卷积神经网络) 识别手写数字
目录index.htmldata.jsscript.js备注参考文献index.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="Google Chrome"> <meta name="viewport" content="width=device-w转载 2022-01-19 11:04:22 · 562 阅读 · 0 评论 -
TensorFlow.js - 根据 2D 数据进行预测
index.html<!DOCTYPE html><html><head> <title>TensorFlow.js Tutorial</title> <!-- Import TensorFlow.js --> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@2.0.0/dist/tf.min.js"></script>转载 2022-01-18 18:08:34 · 533 阅读 · 0 评论