前端
文章平均质量分 62
Deng872347348
这个作者很懒,什么都没留下…
展开
-
使用node版本管理工具nvm切换版本报错:exit status 1: ��û���㹻��Ȩ��ִ�д˲�����
使用node版本管理工具nvm切换版本报错:exit status 1: ��û���㹻��Ȩ��ִ�д˲�����原创 2023-03-07 11:37:51 · 265 阅读 · 0 评论 -
vite学习
vite学习原创 2022-11-14 18:30:35 · 1526 阅读 · 0 评论 -
Vscode编辑器使用npm 进行依赖安装出现npm 不是内部和外部命令
Vscode编辑器使用npm 进行依赖安装出现npm 不是内部和外部命令原创 2022-09-28 16:56:39 · 2309 阅读 · 0 评论 -
Vue 启动项目安装 依赖包的 npm install 报错信息为A complete log of this run can be found in: /2022-09-04TO5 0325380Z
Vue 启动项目安装 依赖包的 npm install 报错信息为A complete log of this run can be found in: /2022-09-04TO5 0325380Z-debug-0.log 错误原创 2022-09-04 14:02:41 · 3529 阅读 · 0 评论 -
Vue3 脚手架创建项目
Vue3 脚手架创建项目原创 2022-09-02 16:05:50 · 761 阅读 · 0 评论 -
初识Django
初识Django原创 2022-05-07 17:11:08 · 226 阅读 · 0 评论 -
django一些常用命令
django一些常用命令# 创建项目django-admin startproject mysite# 创建app,创建成功项目以后,cd进入mysitepython manage.py startapp app01# 数据库迁移命令python manage.py makemigrations# 执行数据库迁移文件python manage.py migrate# 运行项目python manage.py runserver# 指定端口运行项目python manage.原创 2022-03-13 22:51:25 · 1597 阅读 · 0 评论 -
HTML5 实现本地图片裁剪
HTML5 实现本地图片裁剪文章目录HTML5 实现本地图片裁剪1.知识点1.HTML 结构与 CSS 样式2.初始化3 实现 handleFiles,获取文件,读取文件并生成 url4.实现 paintImage 方法5 实现 cutImage 方法6 编写 drag 方法7 保存截图8 完整 js 代码这次小的案例是利用 HTML5 的 canvas 技术,结合 HTML5 的 File API 来实现图片的本地裁剪,从一个大图片中选取裁剪区域,1.知识点canvasJavaScript原创 2021-10-27 19:21:27 · 4100 阅读 · 0 评论 -
CSS和js和HTML一起做出网页版别踩白块游戏
CSS和js和HTML一起做出网页版别踩白块游戏文章目录CSS和js和HTML一起做出网页版别踩白块游戏下面我们要用到的知识点:页面布局添加样式游戏初始化让黑块动起来点击黑块事件js 完整代码别踩白块这个游戏相信很多人都在手机上玩过,今天我们就来做一个网页版的,先上一张游戏效果图:属于简化版别踩白块,代码相对较为简单易学,主要涉及通过 javascript 操作元素节点的增删以及属性节点(class)的操作。下面我们要用到的知识点:HTML/CSSJavaScript元素节点增删属性节点原创 2021-10-22 23:14:44 · 637 阅读 · 0 评论 -
HTML5 实现拼图游戏
HTML5 实现拼图游戏文章目录HTML5 实现拼图游戏知识点:原理:编写样式 - CSS控制代码 - JavaScript背景:九宫格拼图相信大家都玩过了,看似简单的小游戏,但实现起来其实并不那么简单。在以前,写程序是程序员的专利,只有他们才能做出一个软件来。但是现在不同了。科技的进步和经济的发展,使得每个人都可以使用计算机。特别是 HTML5 和 CSS3 的流行,使得制作一个基本的游戏变得简单。下面我们就来做一个九宫格拼图。它的玩法是移动空格块旁边的方块,使得它们按照方块上面标的数字顺序排好。原创 2021-09-29 09:08:48 · 4826 阅读 · 2 评论 -
HTML 实现扫雷游戏
HTML 实现扫雷游戏文章目录HTML 实现扫雷游戏项目原理:项目总结项目原理:扫雷游戏的规则很简单:游戏面板上有一些格子,每个格子中有一个数字(空白表示数字为 0)或是地雷,格子中的数字表示格子周围格子中地雷的数量。玩家要做的就是把数字格子找出来,时间花的越少越好。除边界上的格子外,每个格子周围有 8 个格子:上、下、左、右、4 个斜角。所以数字范围是 0~8。所以我们的算法如下:根据用户选择的难易程度(有初、中、高三个级别,级别越高地雷和格子数量越多),随机产生一定个数的地雷并随机放在原创 2021-08-23 16:56:21 · 2995 阅读 · 4 评论 -
css和html实现花瓣动画效果:
css和html实现花瓣动画效果如图1首先我们要画一个建立一个正方行模型,里面来接椭圆<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&g原创 2021-02-21 19:56:09 · 2926 阅读 · 1 评论 -
css和html实现梦幻西游页面特效
css和html实现梦幻西游页面特效如下:我们要准备开发环境,viscode ,图片。准备好了后面,我们就要开始了:先在body里面写上我们要的结构主体: <div class="footer"> <div class="west west1">1</div> <div class="west west2">2</div> <div class="west west3">3原创 2021-02-21 11:38:01 · 825 阅读 · 1 评论 -
什么是圆角样式
什么是圆角样式什么是圆角样式让盒子显示出圆形有关的效果。演示圆角效果div{ width:300px; height:300px; border-top-left-radius: 10px;}圆角样式border-radius基本原理在不同的角设置内切圆,圆的半径为设置的border-radius大小。给其他角设置圆角div{ border-top-left-radius: 10px; border-top-right-ra原创 2021-02-03 14:53:33 · 450 阅读 · 0 评论 -
html和css之背景样式详解
背景样式详解opacity和display的区别opacity设置的是透明度,值的范围是0~1,0代表完全透明,1代表不透明display为none,浏览器就不会渲染这个元素。一个元素设置为display为none后想让他在显示出来使用,display:原来的显示类型;背景颜色的显示区域内容区+padding+border背景图片background-image: url(‘图片地址’) ;div{ background-image: url(原创 2021-01-14 23:22:17 · 219 阅读 · 0 评论 -
html和css之什么是显示样式?
什么是显示样式?什么是显示样式?显示样式(英语:display),是W3C规定浏览器采取哪种盒模型规则来显示一个元素,常用显示样式的值有block(块级盒模型),inline(行内盒模型),inline-block(行内块级盒模型)为什么需要默认显示样式?早期没有css的时候,浏览器为了方便展示而设置的默认样式。浏览器内核默认显示样式块级元素特性行内元素特性行内块元素特性解析空格display:none默认样式清除...原创 2021-01-12 22:37:03 · 173 阅读 · 0 评论 -
html与css之第四章:行内盒模型和文字样式
什么是行内盒模型什么是行内盒模型行内盒模型指的是行内元素的盒模型,行内盒模型指的是如何排版行内元素的一套规则。行内元素和块级元素的不同行内元素分为可替换的行内元素和不可替换的行内元素可替换的行内元素指的是内容可以直接在代码里看到的:文字不可替换的行内元素指的是内容不能再代码里显示出来的,比如视频,音频不可提换的行内元素和块级元素的区别不能设置宽高,宽高由内容撑开不支持上下margin、padding和border支持左右margin、padding和border原创 2021-01-11 23:06:43 · 375 阅读 · 0 评论 -
html,css之之盒模型
1. 什么是盒模型:什么是盒模型:英语(box module)是w3c规定一个浏览器如何渲染,显示一个元素。盒模型分类:块级元素盒模型和行内元素盒模型。标准盒模型的概念分析:width/height:块级元素的width和height值在标准盒模型下,定义了一个块级元素能够存放内容的区域大小,元素的内容从width和height的左上角原点开始排列内容。颜色详解:rgb()rgb表示三原色红、绿、蓝。rgb里填三个数值,用逗号隔开例如:rgb(12,36,85)原创 2021-01-11 12:50:04 · 117 阅读 · 0 评论 -
第二章:认识css
第三节课知识点什么是csscss指的是层叠样式表,Cascading Style Sheets。负责美化页面。css基本概念: 功能符:值以函数的形式指定(就是被括号括起来的那种)。 属性:我们对一个元素的描述。 属性值:舒心冒号后面的所有内容统一称为属性值。 声明:属性名加上属性值就是声明。 声明块:生命快时花括号包裹的一些列声明。css的引用方式:内联方式:写在style标签里。外联样式:通过link标签引入。行内样式:直接将样式写在原创 2021-01-09 23:34:19 · 64 阅读 · 0 评论 -
seo知识
<!DOCTYPE html>doc->document[文档]type->type[类型]<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于<html>标签之前。<!DOCTYPE>声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记..原创 2021-01-09 10:20:14 · 382 阅读 · 0 评论 -
第一章:常用的html标签
<!DOCTYPE html>doc->document[文档]type->type[类型]<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于<html>标签之前。<!DOCTYPE>声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记..原创 2021-01-08 00:44:11 · 276 阅读 · 0 评论 -
Symbol
Symbol 在es5里边,属性的名字都是唯一的,如果我们使用别人提供的对象,那么这个对象里边已经有的名字我们都不能取,这样限制很大,例如:class Person{ constructor(nickname, age) { this.nickname = nickname; this.age = age; } introduce () { console.log(`hello,my name is ${this.nicknam原创 2020-12-31 23:45:59 · 102 阅读 · 0 评论 -
JavaScript编程中的加减乘除
学习JavaScripts第二站:JavaScript编程中的加减乘除文章目录学习JavaScripts第二站:JavaScript编程中的加减乘除js运算顺序学而时习之,不亦乐乎。既然我们要运用javascript来操纵不同的数据,那么运算就是无论如何也绕不过去的一关,那今天我们就来学习如何在JavaScript这门语言里进行运算。按照常识,只有数字才可以参与运算,然后在编程的世界里,所有的数据类型都可以参与运算!接下来我们先学习数字的运算:加法其实Number:数字的加减原创 2020-12-30 23:45:19 · 8790 阅读 · 0 评论