- 博客(23)
- 收藏
- 关注
RSS订阅
1原创 vite的基本使用
vite创建vue2npm init vite@latest选择第一个创建普通项目1.npm i vite-plugin-vue2 (安装vue2的插件)2.在根目录创建vite.config.js3.在vite.config.js写入以下代码import { createVuePlugin } from 'vite-plugin-vue2'export default { plugins: [ createVuePlugin() ],}4 npm i v
2022-04-26 14:58:46
251
原创 flex布局
常见父元素属性flex-direction(设置主轴是X轴还是Y轴)row:默认值从左到右默认主轴是X轴行row 那么Y轴就是侧轴了row-reverse:从右到左column:从上到下column-reverse:从下到上just-content(设置主轴上的子元素的排列方式)flex-start:默认值从头开始如果主轴为X轴则从左到右flex-end:从尾部开始排列center:在主轴居中(如果主轴是X轴则水平居中)space-around平均剩余空间space-betwe.
2021-01-20 20:01:25
242
原创 ES6基础语法
//1.继承父类中的方法 class Father{ money(){ console.log(100); } } class Son extends Father{ } var son=new Son(); son.money(); //2.super关键字在子类中传递值给父类 class Father{ constructor(.
2020-09-04 15:37:58
91
原创 常用正则表达式
通过RegExp对象来创建正则表达式 var regexp=new RegExp(/123/); console.log(regexp); console.log(regexp.test(123));利用字面量创建正则表达式 var rg=/123/; //test方式来检测字符串是否 console.log(rg.test(123)); console.log(rg.test('abc')); //.
2020-09-03 10:13:35
159
原创 js es5
严格模式<script>'use strict'//1.变量名必须先申明在使用//num=10;console.log(num)//2.不能随意删除已经声明好的变量 delete num//3.严格模式下的全局作用域函数的this是指向undefinedfunction fn(){ console.log(this)//undefined}fn();//4.严格模式下，如果构造函数不加new，this会报错function Star(){this.sex='nan'.
2020-09-01 17:46:04
101
原创 js简易倒计时
js部分countDown();window.addEventListener('load',function(){ var inputTime=+new Date('2020-8-18 24:00:00'); var day=document.querySelector('.a').children[0]; var hour=document.querySelector('.a').children[1]; var minute=document.querySele.
2020-07-29 23:06:59
112
原创 js基础查漏补缺
数组//追加一个新数组var arr=new Array();var arr1=[23,56,6,8,9,79,88];for(var i=0;i<arr1.length;i++){ if(arr1[i]>10){ arr[arr.length]=arr1[i]; }}console.log(arr);
2020-07-02 18:14:13
115
原创 js内置对象(常用)
数组Array.isArray() 用于确定传递的值是否是一个 Array。Array.isArray([1, 2, 3]); // trueArray.isArray({foo: 123}); // falseArray.isArray("foobar"); // falseArray.isArray(undefined); // falsepush() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。const animals = ['pigs', 'goat
2020-07-02 18:13:45
140
原创 js简单购物车全选小例子
*html部分<table> <thead> <tr> <th><input type="checkbox" id="j_cbAll"></th> <th>商品</th> <th>价钱</th> </tr>
2020-07-02 18:13:03
683
原创 js数据结构与算法(列表和栈)
function List(){ this.listSize=0;//列表元素个数 this.pos=0;//列表当前位置 this.dataStore=[];//初始化一个空数组用来保存列表元素 this.clear=clear;//清空列表中的所有元素 this.find=f...
2019-12-31 00:05:48
120
原创 安装和配置webpack
1.安装webpack：npm install webpack webpack-cli -D2.创建一个 **webpack.config.js 并进行配置 module.exports = {mode:"development"//可以设置为development(开发模式)，production(发布模式) }3.修改项目中的package.json文件添加运行脚本dev “s...
2019-11-29 17:10:39
166
原创 Vue简单图书管理系统
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-11-26 17:31:01
1103
原创 封装JSONP方法&跨域请求
<body> <button id="btn1">点我发送请求</button> <button id="btn2">点我发送请求</button> <script type="text/javascript"> // 获取按钮 var btn1 = document.g...
2019-11-10 15:38:26
214
原创 图片上传预览
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="/assets/bootstrap/dist/css/boots...
2019-11-09 20:52:45
191
原创 封装AJAX请求
<script> function ajax(defaults) { // 默认值 var options = { type: 'get', url: '', async: true, ...
2019-11-09 00:23:07
123
原创 ajax基础知识
1.基本语法<script type="text/javascript"> // 1.创建ajax对象 var xhr = new XMLHttpRequest(); // 2.告诉Ajax对象要向哪发送请求，以什么方式发送请求 // 1)请求方式 2)请求地址 xhr.open('get', 'http://localhost:3000/first'); ...
2019-11-06 23:27:56
218
原创 js原生实现轮播图
效果图:轮播样式及左边二级导航栏样式和HTML代码* { padding: 0; margin: 0; list-style: none; border: 0;}body { font-family: "微软雅黑"; color: #14191e;}.all { width: 800px; height: 5...
2019-10-24 18:58:00
182
原创 git的安装和使用
安装下载地址https://git-scm.com/download一直默认下一步即可；安装成功输入点击鼠标右键会出现Git Bash Here点击 输入以下命令git--version显示如下图即安装成功…Git使用前的配置1.配置提交人姓名:git config --global user.name 提交人姓名2.配置提交人邮箱:git config --global use...
2019-10-20 19:58:58
267
原创 express(续中间件)
2.中间件(模拟登录响应服务器)//引入express框架const express = require("express");//创建网站服务器const app = express();/* app.use((req, res, next) => { res.send("服务器正在维护....");}) */ //添加到第一句中断客户请求app.use("/admi...
2019-10-16 13:13:04
77
原创 express入门
1.用powershell 输入npm install express 引入express框架//引入express框架const express = require("express");//创建网站服务器const app = express();app.get("/", (req, res) => { //send() //1.send方法内部会检测响应内容...
2019-10-16 00:13:59
98
原创 npm插件的基本使用(学习)
在powershell里面输入 ** npm init -y**运行情况如下安装mongoose插件输入命令 npm install mongoose连接数据库及其启动服务器：
2019-10-14 20:59:07
731
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人