![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端入门
小小小泥鳅
小懒蛋
展开
-
canvas画布的使用4绘制刮刮卡
画笔的globalCompositeOperation属性取值其中,先绘制的为目标图像;第二个绘制的为源图像;huabi.globalCompositeOperation = "source-over"因为此属性默认为source-over各种性质展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas4<原创 2021-11-17 16:41:11 · 83 阅读 · 0 评论 -
canvas画布使用03 时钟的绘制
绘制时钟代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vancas3</title> <canvas id="can3" height="600" width="800"></canvas> <script type="text/javascript"> .原创 2021-11-17 15:32:24 · 180 阅读 · 0 评论 -
canvas画布使用02 画布的操作
画布坐标原点的改变旋转轴放大与缩小(也是放大的坐标尺而不是图片本身)缩小画笔的保留与恢复原创 2021-11-16 20:34:21 · 197 阅读 · 0 评论 -
canvas画布使用01基本操作
三要素画线段画圆形也可以进行填充背景色什么的绘制文字文字如何做成弹幕原创 2021-11-16 17:08:53 · 236 阅读 · 0 评论 -
ajax动态创建scriipt标签及回调函数
动态创建script标签第一步:创建节点(包含不同变量)第二步:加入其中动态创建回调函数第一步:在创建script的时候,把函数以参数的形式传递过去第二步:这个函数可以自己定义,也可以引入外部文件...原创 2021-08-10 22:43:19 · 187 阅读 · 0 评论 -
ajax的同源及跨域
同源(协议、域名、端口)ajax只可以适合同源,否则报错ajax是获取自己服务器的数据,而跨域是获取别人服务器的数据跨域与ajax标准四步骤不同,采用的是另一种技术原创 2021-08-10 22:32:13 · 121 阅读 · 0 评论 -
ajax的同步和异步
同步和异步的理解同步你点了外卖之后,就一直在门口等着拿外卖,都不去上厕所异步你点了外卖之后,该干嘛干嘛,直到外卖小哥给你打电话open里面的第三个参数有true和false两种取值,记住使用true就完事啦...原创 2021-08-09 18:01:30 · 55 阅读 · 0 评论 -
登录页面——用户名、密码、邮箱的验证
需要用到后台提供的接口文档注意根据接口文档判断是get还是post如果是get,send里面就是null如果是post,需要加一个请求头,send里面也有自己需要传的内容(key+value的形式)同时根据接口文档的不同返回值进行不同情况下的处理...原创 2021-08-09 17:23:24 · 313 阅读 · 0 评论 -
axios
在BootCDN中搜索axios引入即可<script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>原创 2021-08-09 16:49:17 · 58 阅读 · 0 评论 -
jquery发送ajax请求
jquery发送ajax请求get和post方法全部方法及其属性设置响应头(允许所有跨域和允许响应头)原创 2021-08-07 17:06:53 · 112 阅读 · 0 评论 -
ajax的请求问题
安装nodemon工具(以后再更新代码的时候,不需要重新启动终端运行)npm install -g nodemon一句话即可安装成功之后,之间使用nodemon 文件名.js即可原创 2021-08-07 16:34:15 · 77 阅读 · 0 评论 -
ajax的使用初体验
步骤创建对象准备发送网络请求开始发送网络请求指定回调函数express框架介绍第一步:npm i express (-s)括号里面试一下第二步:引入const express=require('express');第三步:创建应用对象:const app = express();第四步:创建路由规则:进入正文首先新建一个HTML和一个js;js文件内容如下:注意,运行的时候是在js所在的文件夹上右键打开终端,输入node 文件名.js即可;如何验证自己的是否正确呢?原创 2021-08-06 17:38:56 · 77 阅读 · 0 评论 -
修改element中表格的样式
想修改组件中的样式,第一步,需要去掉css的局部作用修改表头的背景色方法:找到自己网页的源代码,利用类名一层一层的向下找,然后修改他的样式值得注意的是:① 必须找自己对应的类名;② 如果没效果加个importment试试;修改整个表格内容的背景色方法:和上面类似,一层一层 的找类名修改整个表格的斑马线样式方法:根据行索引把行内容分为两种,返回对应的类名,并给两类类名加不同的背景颜色即可;效果修改表头文字样式效果修改表格内容文字样式修改表格每行的高度也是一原创 2021-08-01 17:05:28 · 581 阅读 · 1 评论 -
css设置垂直居中的办法
一、文本文字垂直居中方法一:line-height方法二:display display: flex; align-items: center;二、设置盒子容器(块级元素)垂直居中https://www.php.cn/css-tutorial-409563.html(大神的)原创 2021-07-30 16:49:32 · 62 阅读 · 0 评论 -
2021-07-17
原生js和jQuery的区别jsjquery不可以有多个入口函数(window.onload())可以有多个入口函数 $(document).ready(function () {}API名字都太长(获取一个document.getelementById)$(’#btnTwo’)通过ID获取元素代码冗余兼容性问题比如textcontent不可以兼容IE8兼容性高容错率较低,前面的代码有问题,后面执行不了容错率高什么是jquery?jquery就原创 2021-07-17 17:33:53 · 46 阅读 · 0 评论 -
新建vue项目
手动配置项目在功能面板中在配置面板中如果需要,可以选择保存这一套模板然后新加一些插件然后配置安装好的该组件(element-UI)安装运行依赖初始化Git远程仓库设置码云账户第一步:生成ssh公钥https://gitee.com/help/articles/4181参考此连接在cmd中输入此命令然后打开这文件夹把里面的文件无论用什么方式打开全部复制粘贴到公钥那边即可,对应的标题会自动生成;公钥生成之后,验证一下是否可以正常使用ssh -T gi原创 2021-05-07 10:47:11 · 65 阅读 · 0 评论 -
vue-router
vue-router的使用为了方便使用,可以添加一个跳转到新页面子路由第一步 在相同目录下建立子vue文件第二步第三步 修改你想要的页面内容效果原创 2021-04-28 21:59:19 · 178 阅读 · 0 评论 -
Vue-实例和内置组件
实例入门实例方法$mount方法$destory方法实例事件(在构造器外面写一个调用构造器内部的方法)原创 2021-04-27 21:43:29 · 46 阅读 · 0 评论 -
Vue选项(2)
watch-option选项方法一:写在构造器里面方法二:写在构造器外面mixins选项操作(不玷污原有的,新增一些需求怎么办)如果有全局的,全局的第一个执行全局的>构造器里面的>原生的扩展选项(与mixins很像但又不完全一样)插值...原创 2021-04-25 20:17:23 · 52 阅读 · 0 评论 -
vue第三季-构造器的选项
扩展标签想要里面的数据(propsData)option选项methods里面的传参数值event参数(一系列的相关事件)(不咋用)自己写个btn组件并调用(需要native)在构造器外面调用methods下面的方法app.add()就好...原创 2021-04-18 11:30:17 · 100 阅读 · 0 评论 -
vue全局API之vue组件
全局组件的定义方法(注意在作用域中)(在构造器外面)定义局部组件(在构造器里面)原创 2021-04-18 09:34:27 · 64 阅读 · 0 评论 -
vue全局API之template模板
在script中建立模板在body里面写模板用script标签来写模板原创 2021-04-17 21:14:51 · 78 阅读 · 0 评论 -
vue全局API之set全局操作
在构造器外面定义数据并赋值给构造器三种方法改变在构造器外面的数据 和Vue.set的用途(数组下标)原创 2021-04-17 20:38:51 · 99 阅读 · 0 评论 -
vue全局API之自定义指令
自定义指令自定义指令有五个生命周期(也叫钩子函数),分别是 bind,inserted,update,componentUpdated,unbind原创 2021-04-17 19:53:43 · 111 阅读 · 0 评论 -
vue之v-if和v-show
v-if和v-show的区别在false的时候,v-if不加载那个div模块;v-show:display:none;v-bind指令标签属性绑定v-bind写法绑定css的值1. 图片2. 绑定classA3. 绑定classA的升级版4. 数组的绑定5. 三元表达式isOK?classA:classB6. 绑定style值...原创 2021-04-15 21:53:19 · 58 阅读 · 0 评论 -
Vue初体验
Vue:渐进式JavaScript框架声明式渲染->组件系统-> 客户端路由-> 集中式状态管理 -> 项目构建Vue基本使用Vue基本使用步骤① 需要提供标签用于数据填充② 引入vue.js文件③ 可以使用Vue的语法做功能了④ 把Vue提供的数据填充到标签里面vue的引用和位置什么是前端渲染?把数据填充到HTML标签中模板+数据----前端渲染------>静态HTML内容;前端渲染的方式原生js拼接字符串使用前端模板引擎使用原创 2021-04-12 21:33:13 · 211 阅读 · 0 评论 -
es6之迭代器
Iterator遍历机制(迭代器)是一个接口,能快捷的访问数据,通过symbol.iterator来创建迭代器,通过迭代器的next方法获取迭代之后的效果;迭代器是用于遍历数据结构的指针(数据库的游标)const items = ['one','two','three']; //1. 创建新的迭代器 const ite = items[Symbol.iterator](); console.log(ite.next());//{value: one, don原创 2021-04-12 17:00:54 · 67 阅读 · 0 评论 -
es6之数组
数组的方法 from()、of()原创 2021-04-12 10:01:46 · 56 阅读 · 0 评论 -
es6之symbol类型、set集合
symbol类型原始数据类型symbol,他表示独一无二的值最大用途:用来定义对象的私有变量如果是用symbol定义的对象中的变量,取值时一定要用[变量名]set集合集合表示无重复值的有序列表;let set = new Set ();创建一个新的集合;添加元素:set.add(2); set.add('4');删除元素:set.delete(2);校验某个值是否在set中:set.has('4');将集合转化为数组,可以使用运算符常见问题set中对象的引用无法被释放还有个w原创 2021-04-11 20:45:38 · 212 阅读 · 0 评论 -
es6之解构赋值
解构赋值是对赋值运算符的一种扩展;他针对数组和对象来进行操作;除此之外,还可以使用剩余运算符let {a,...res} = obj原创 2021-04-11 18:38:01 · 56 阅读 · 0 评论 -
ES6之函数
带默认值参数的函数默认的表达式也是函数剩余参数由三个点和一个紧跟着的具名参数指定 比如:...keys;必须放在后面原创 2021-04-11 10:19:30 · 50 阅读 · 0 评论 -
ES6之let、const命令、模板字符串
let命令与var进行对比:var的变量可以在输出后定义;let必须先定义变量在声明;let声明的是一个块作用域if(1 == 1){ let b =10; } console.log(b) 不能输出因为b的作用域就是if那个块;var可以多次声明同一个变量:被覆盖了;let不可以;const命令除了拥有let的那三条属性;④ 声明的是常量:一旦被声明就无法更改⑤ const可以声明对象,可以更改对象属性,但是不可以更改对象本身作用一(for循环)作用二(不会污染全原创 2021-04-10 11:05:24 · 94 阅读 · 0 评论 -
jsDOM之删除、插入节点
删除节点a节点.parentnode.removeChild(a节点)可以增加一个对话框提示是否确定删除原创 2021-04-09 10:43:14 · 284 阅读 · 0 评论 -
jsdom之创建子节点
创建一个元素节点、文本节点、为元素节点添加子节点(基础版)创建一个元素节点、文本节点、为元素节点添加子节点(加强版)效果如图:(并进行类型和数据的两次判空操作!)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>加强版创建节点</title> <script> //需求:点击subm原创 2021-04-07 21:15:01 · 1767 阅读 · 0 评论 -
js DOM之元素节点
如何获取元素节点如何读写属性节点如何获取元素节点的子节点如何获取文本节点自己做个案例(点击li标签弹出其文本内容)点击li节点,判断文本是否以^^开头,是的话去除,不是的话加上...原创 2021-04-07 15:56:28 · 49 阅读 · 0 评论 -
JS中DOM模块之js代码位置
DOM :Document Object Model(文本对象模型)D:文档-HTML文档或者xml文档O: 对象-document对象的属性和方法M: 模型DOM: 针对HTML(xml)的基于树的APIDOM树:节点的层次DOM把一个文档表示为一颗家谱树(父、子、兄弟)DOM定义了Node的接口和许多种节点类型来表示xml节点的多个方面节点元素节点(element node)**属性节点 (attribute node)**元素的属性;**文本节点(text node)*原创 2021-04-07 09:46:06 · 126 阅读 · 1 评论 -
JS中break和continue区别
break语句break可以用于switch语句和循环结构中;在switch语句中的作用是立即结束当前的switch语句;在循环结构中的作用是立即结束当前的循环结构;注意 :break后面不可以添加任何语句,因为永远执行不到;continue语句只可以用于循环语句中;作用是跳过本次循环,进入下一次循环;...原创 2021-02-02 16:52:21 · 101 阅读 · 0 评论 -
js运算符
算术运算符①加法运算任何数据和NAN进行运算,结果都是NAN;任何数据和字符串相加,都会被转换为字符串之后再运算;比如 1+“123”=1123;②减法运算与加法运算不同的是,任何数据和字符串相减,都会把字符串转换为数值类型之后再运算;③乘除法与减法完全一致;④取余运算m%n = 余数;取余结果的正负性,取决于m而不是n;比如10%3=1;10%-3=1;...原创 2021-02-01 11:23:11 · 62 阅读 · 0 评论 -
js数据类型及相互转换
数据静态数据:存储在磁盘;关机之后仍然存在;动态数据:存储在内存;关机之后不再存在;数据类型在js中为了方便我们检测某一种数据类型是属于哪一种数据类型,用typeof的操作符;typeof 需要检测的数据;基本数据类型数值类型 Number字符串类型 String布尔类型 Bool未定义类型 Undefined空值类型 Null引用数据类型...原创 2021-01-30 19:28:32 · 145 阅读 · 0 评论 -
js之常量、变量、标识符
常量表示一些固定不变的数据;常量类型①整型常量js中随便一个整数都是整型常量;常量类型②实型常量随便一个小数都是实型常量;常量类型③字符串常量就是用单引号或者双引号括起来的内容;注意: 无论括起来多少个字符,都是字符串常量;常量类型④布尔常量只有俩取值,true、false;常量类型⑤自定义常量const 常量名称 = 常量取值;变量可以被修改的数据;var 变量名称;//如果变量不进行初始化,存储的是undefined;变量名称 = 需要存储的数原创 2021-01-28 18:44:48 · 438 阅读 · 0 评论