- 博客(28)
- 收藏
- 关注
RSS订阅原创 2021-08-10封装axios
axios就是对ajax的封装安装axios。。。。yarn add axios 发起一个get请求： import axios from 'axios'methods:{ getFn(){ //第一种写法 axios({method:'get',url:'http://XXXX：8001/index/index'}).then(function(res){ console.log(res)}) //第二种写法
2021-08-10 15:39:51
126
原创 制作登录页面
在App.vue里<template> <div> <router-view></router-view> <div></template><style lang="scss"></style>在views文件下面新建login.vue文件<template> <div> 登录 </div><template&
2021-08-09 15:35:18
114
原创 2021-08-09 vue初始化项目
新建文件夹 - 控制台输入命令vue create 项目名字 - 安装需要用到的组件，eg:cnpm i axios -S - 新建vue.config.js //添加全局配置文件const path=require('path');module.exports={ lintOnSave:false, //关闭esList语法检查功能 devServer:{ //配置静态资源目录 contentBase:path...
2021-08-09 13:53:40
135
原创 双色球实现
<style> ul{ display: flex;}.bgred{ width:50px; height:50px; background-color: rgb(236, 16, 16); border-radius: 50%; list-style: none; margin-right: 20px; display: flex; justify-content: center; align-item
2020-08-03 11:48:11
133
原创 VScode更新覆盖旧文件
vscode的更新机制是覆盖之前的所以在建立工作目录的时候一定不要建立在vscode的子目录里不然更新的时候就会把子目录里的所有一起更新掉，就覆盖了工作目录，就算用软件找回，也找不完全，内容会随着更新机制一起碎片化。。。。作为一名程序员一定要随时备份。。。。。。...
2020-08-03 11:33:48
1535
4
原创 js实现二级城市联动
HTML部分：<body> <form action="#"> <select id="province"></select> <select name="" id="city"></select> </form></body>JS部分：let province = ["北京", "上海", "天津", "重庆", "河北", "山西", "内蒙古", "
2020-07-26 14:09:47
241
原创 实现弹幕
HTML部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./danmu.css"> <title>弹幕.
2020-07-26 14:03:47
116
原创 ATM机操作步骤
let Account = "1";let pwd = 123;let Balance = 2000;console.log("请输入您的账户");let inputAccount = rs.question();if (inputAccount == Account) { console.log("请输入您的密码") let inputpwd = rs.question(); if (inputpwd == pwd) { console.log(`${Accou.
2020-06-29 10:16:58
292
原创 获取用户输入的值
constrs=require("readline-sync")//获取到用户输入必须放在第一行条件语句适用场景：来进行条件判断根据不同的结果，执行相应的代码单分支语句书写格式：if(判断条件){如果条件为真，则执行代码块}判断用户输入，如果大于100，则减1，反之则加1；eg:letinputNum=200;if(inputNum>100){console.log(inputNum);//输出200console.lo...
2020-06-28 23:00:08
1108
原创 类型转换
强制转换leti=null;letF68=Number(i);console.log(typeofF68,F68);//输出number0leti="abc";letF68=Number(i);console.log(typeofF68,F68);//输出numberNaNleti=undefined;letF68=Number(i);console.log(typeofF68,F68);//输出numberNa...
2020-06-28 22:49:38
124
原创 JavaScript运算符
let i=1+2 没有引号，此时加号为加法，输入3 let i="1"+2 有引号，此时加号为字符串拼接符1，字符型 let F68='"1"';输出结果带引号2，大家好，我叫zxx,我今年20岁，girl,至今false婚①实现方式一+XXXX+let account="zxx";let age=20;let gender="girl";let marry=false;console.log("大家好，我叫"+account+",我今年"+age+"岁，"+gender+
2020-06-27 18:04:26
129
原创 JavaScript数据类型
javaScript是互联网上最流行的脚本语言（不需要编译，即可直接运行）。主要运用在HTML和web当中。JavaScript是基于对象和事件驱动的客户端脚本语言JavaScript是可以插入HTML页面的编程代码，是由现代浏览器执行的，console.log(“ 内容”) ： 将内容写到浏览器的控制台 在终端中窗口也可显示如果你要在浏览器当中调试。你就可以使用console.log(“”)方法在浏览器中显示javaScript的值（使用F2开启调试模式。在调...
2020-06-27 17:50:57
86
原创 JavaScript基础语法
基础语法 软件：多条程序组程 可以实现一定功能，一到多个程序组成 程序：多条指令组程 数据结构：存储数据的方式 机器语言：计算机在执行命令时能直接读取的二进制码 计算机语言：人与计算机之间传递信息的媒介 汇编语言：是一种早期语言，又称为符号语言，可以直接控制硬件 高级语言：用人们更易理解的方式编写程序，如C、C++、Python、Java、Matlab、LabVIEW等 解释性语言：程序不需要编译，程序在运行时才翻译成机器语言，每执
2020-06-27 17:29:51
106
原创 块级格式化上下文 创建BFC
中文全称：块级格式化上下文 英文全称：Block Formatting Context它是一块独立的渲染区域，它规定了在该区域中，常规流块盒的布局不同的BFC区域，他们进行渲染区域互不干扰创建BFC的元素，隔绝了它内部和外部的联系，内部的渲染不会影响到外部BFC的适用范围：是创建BFC标签的边框盒float position 影响其他标签的位置overflow：hidden 溢出部分隐藏 （浮动推荐使用）具体规则：1、创建BFC的元素，它的自动...
2020-06-18 16:36:10
120
原创 纯CSS心动表白技巧
html： <div> <img src="./IMG/logo_db.png" alt=""> </div>css：div{ width: 154px; height:30px; margin:50px auto; background-image:url(../IMG/logo_db.png);}div:hover>img{ transform:scale(1.5);
2020-05-24 15:38:06
512
原创 盒模型随笔
只要添加了一个元素这个元素就会在页面中生成一个盒子不同的元素产生的盒子类型可能不同一个元素，产生什么样的1盒子，取决于它CSS的display属性属性：diaplay是否能继承：否默认值：inlinedisplay:none 不生成盒子(有盒子位置但页面不显示盒子)display:inline 行盒display:block 块盒（划分区域的都是块盒）display:其他取值 其他盒子对元素设置的宽度和高度是对content设置的尺寸width...
2020-05-24 15:18:16
114
原创 关于form的那些事儿
form标签的属性：action:提交的地址（DBA数据源提供）method:提交方式get（默认值）会把用户输入的内容展示到地址栏post地址栏不会显示用户输入的内容子元素input是一个自闭合元素input标签的类型取决于type取值text：单行文本输入框password:密码输入框radio：单选框checkb...
2020-05-21 22:56:45
255
原创 选择器分类总结
一、基本选择器1：通配符选择器书写格式：* {声明块}；功能：所有标签都应用其样式；适用场景：统一样式；*{ color:red;}2：元素选择器书写格式：标记名{声明块}3：类选择器书写格式：.类名{声明块}4:ID选择器（最好预留给JS用）5:组合选择器、并集选择器...
2020-04-21 21:31:55
370
原创 语义化和非语义化
语义化结构元素：<header>:用于表示页面或某个区域的头部 <nav>:用于表示导航栏 <aside>: 用于表示跟周围主题相关的附加信息 <article>:用于表示文章或其他可独立页面存在的内容 <sectio...
2020-04-07 10:56:36
690
原创 HTML/CSS基础（注释 选择器书写格式）
HTML:超文本标记语言，根据w3c定义HTML全称HyperText Markup Language（用于定义文档的内容结构）内容结构：标题 段落 图片 文字 a：行为（表示这是一个超链接） 立即加入：显示内容元素的组成部分：<a href="/classroom/17">立即加入</a&...
2020-04-06 20:44:50
635
原创 图片轮播
一：AJAX实现AJAX的基本步骤：AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: 1、创建XMLHttpRequest对象在IE浏览器中创建XMLHttpRequest对象的方式如下所示: var xmlHttpReque...
2019-05-18 21:43:40
143
原创 JQuery放大动画
1.首先搭建html分析页面可知，一个大的div class="p_list"里面嵌套一个<img>标签和图片标题，图片标题用div class="p_Alt"包括。2.搭建css样式分析样式可知，现在主要有三种样式，p_list和<img>和p_Alt。3.编写JQuery代码首先需要获取P_list类，且获取p_list是多个对象数组，我们不知道具体操作哪一个...
2019-04-27 14:47:15
1768
原创 JQuery淡入淡出二级菜单的实现
jQuery尺寸：两种方法;width():设置或返回元素的宽高（不包括内边框，边框，或外边距）hieght():设置或返回元素的高度（不包括内边框，边框，或外边距）<body><div id="div1" style="height:200px;width: 400px;padding:10px;border:10px;solid: red ;margin...
2019-04-20 22:02:38
263
原创 JQuery基础动画操作
1.jQuery动画效果，隐藏和显示。两个方法：hide()"隐藏" show()"显示"<p>JQuery动画效果，隐藏和显示</p><input type="button" value="隐藏" id="button1"><input type="button" value="显示" id="button2"> <...
2019-04-09 19:10:34
2391
7
原创 开源库类 jQuery
1，jQuery简介：jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性：HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX UtilitiesjQuery知识点： html:裸体的人 css:穿了衣服...
2019-03-30 21:08:10
288
原创 Web实训
Javascript注释;//:添加多行注释/**/：添加多行注释（webstorm快捷键：ctrl+shift+？）包含块：包含块是标准布局中一个重要概念，它是绝对定位的基础，包含块是为绝对定位元素提供坐标偏移和显示范围的参照物。在默认状态下，boby元素是一个大的包含块，所有绝对定位的元素都是根据boby来确定自己所处位置的。但是如果定义了包含元素（指元素内容包含其它元素）为...
2019-03-23 11:10:04
591
原创 Web实训
1 Javascript基本特点 Javascript是一种属于网络的脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常Javascript脚本是通过嵌入在HTML中来实现自身的功能的。是一种解释性脚本语言（代码不进行预编译）。 主要用来向HTML页面添加交互行为。 可以直接嵌入HTML页面，但写成单独的js文件有...
2019-03-16 11:41:51
265
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人