夜.星辰-CSDN博客

原创前端的难题搜索

1.基础学习类网站MDN开发者文档：https://developer.mozilla.org/zh-CN/菜鸟教程：https://www.runoob.com/W3CSchool：http://www.w3school.com.cn/JavaScript教程网：https://zh.javascript.info/谷歌开发者工具教程：https://developers.google.com/web/tools/chrome-devtools?hl=zh-cn&authuser=2.

2021-11-26 09:55:48 1688

原创 vue中使用md5加密

安装npm install js-md5 --save组件内引入需要的组件内引用import md5 from 'js-md5';使用let psd = '123123'md5(psd) // 4297f44b13955235245b2497399d7a93全局引入在main.js中将md5注入到vue原型上import md5 from 'js-md5'; Vue.prototype.$md5 = md5;使用：let psd = '123

2021-11-09 15:05:55 701

原创 vue axios 图片上传

<template> <div class="home"><el-upload class="upload-demo" ref="upload" action="/api/index.php/index/upload/uploadimg" accept=".jpg,.jpeg,.png,.JPG,.JPEG" :on-preview="handlePreview" :on-remove="handl.

2021-11-09 14:26:06 623

原创 swper实现分页器样式修改

第一步：设置分页器自定义样式 var mySwiper = new Swiper ('.swiper-container', { direction: 'horizontal', // 垂直切换选项 loop: true, // 循环模式选项 autoplay: { delay: 1000, }, pagination:{ el: '.swi

2021-11-08 17:05:00 761

原创 jquery 的ajax请求方式方法

$.ajax({ type: "post", url: "/api/", data: {username:username,password:password}, //提交到demo.php的数据 dataType: "jsonp", //回调函数接收数据的数据格式 success: function(data){ var json = eval('(' + data + ')'); if(json.code == 0){ //成功 }else{ //失败 } }.

2021-11-08 16:59:50 246

原创 vue 引入echart 图表使用

第一步：安装echarts依赖cnpm install echarts -S第二步：在main.js中全局引入import * as echarts from 'echarts';Vue.prototype.$echarts = echarts第三步：在你的组件或页面中 a.vue<div id="myChart" :style="{width: '600px', height: '600px'}"></div> js部分代码：export defa

2021-11-08 16:57:17 532

原创 vue 配置代理proxy

vue 2.0 配置方式：在config目录中找到index.js '/api': { //代理地址 target: 'http://10.1.0.34:8000/', //需要代理的地址 changeOrigin: true, //是否跨域 secure: false, pathRewrite: { '^/api': '/' //本身的接口地址没有 '/api' 这种.

2021-11-08 16:54:46 1119

原创 vue axios封装

第一步安装：npm install --save axios第二步：创建一个api.js 文件import axios from 'axios';axios.defaults.timeout = 30000;// 添加响应拦截器axios.interceptors.response.use(function (response) { //可以写if判断，提前拦截错误信息 return response;}, function (err) { return

2021-11-08 16:52:06 85

原创 vue简易个人介绍

<template> <div id="app"> <ul class="zong"> <li>姓名 <span>周星驰</span> </li> <li>头像 <img src="/img/1.jpg" alt=""> </li> &l.

2021-10-14 09:15:06 2126

原创 vue简易登录和div滑过变色

<template> <div id="app"> <div class="login" ref="d" @mouseover="a()" @mouseleave="b()"> 用户名：<input type="text" class="wk" @blur="ss()" v-model="s" /> <br /> 密码： <input type="text" class="wk" @bl..

2021-10-13 15:57:20 159

原创 vue实现图片自适应居中

<template> <div id="app" :class="fls"> <div :class="aa1" v-for="(item,index) in srcs" :key="index"> <img :src="item" > </div> </div></template><script>export default { dat.

2021-10-13 09:37:44 11765

原创 vue简易计算器

<template> <div id="app"> <input type="text" v-model="a1"/> <select v-model="a3"> <option value="+">+</option> <option value="-">-</option> <opti.

2021-10-13 09:34:12 67

原创简易购物车

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <style> [v-cloak] { .

2021-10-12 20:37:25 76

原创简易留言板

2021-10-12 20:35:44 103

原创前端JS面试题2021及答案

一、数据类型 1、JavaScript中什么是基本数据类型什么是引用数据类型？以及各个数据类型是如何存储的？⭐⭐⭐⭐⭐基本数据类型有Number String Boolean Null Undefined Symbol(ES6新增数据类型) bigInt引用数据类型统称为Object类型，细分的话有Object Array Date Function RegExp基本数据类型的数据直接存储在栈中；而引用数据类型的数据存储在堆中，每个对象在堆中有一个引用地址。引...

2021-10-09 17:40:57 6704

原创 JavaScript 的十二种去重方法

一、利用ES6 Set去重（ES6中最常用）function unique (arr) { return Array.from(new Set(arr))}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];console.log(unique(arr)) //[1, "true", tr

2021-08-10 11:58:02 666

原创 JavaScript 三种常见的数组排序方式

//第一种冒泡排序法：将数组中的相邻两个元素进行比较，将比较大（较小）的数通过两两比较移动到数组末尾（开始），执行一遍内层循环，确定一个最大（最小）的数，外层循环从数组末尾（开始）遍历到开始（末尾）var arr =[1,2,4,5,1,8,4,9,2]；var news ='';for(var i = 0;i < arr.length; i ++){ for(var j = 0;j < arr.lenght-i; j ++){ if(arr[i] > ar.

2021-08-10 10:19:15 378 1

原创 javascript 中获取文件后缀名

方法1 var fileExtension = fileName.substring(fileName.lastIndexOf('.') + 1); 或者 var strtype=strFileName.substring(strFileName.length-3,strFileName.length);strtype=strtype.toLowerCase(); 方法2 var fileExtension = fileName.split('.').pop().toLowerCas.

2021-08-09 17:27:30 259

原创封装同数组内置indexOf方法函数

(function() { "use strict";　　//我们在严格模式下进行 var arr = [2, 1, 6, 99, 101, 4, 1, 23]; function arrIndexOf(a, b) {　　//定义函数，接收两个参数 if(typeof b === "number"){　　//先假设有实参b,在这里我们首先判断传实参b是否是一个数字 b = parseInt(b);　　.

2021-08-09 17:21:26 139

原创 JavaScript 字符串中查找某个字符出现的次数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"></head><body> <script> //第一种方法 var aa = "asd,sdf,asdf,asd,asdfasd"; alert(aa.length - aa.replace(/a/g, '').length);.

2021-08-09 17:15:25 2518 1

原创 js 页面打印金字塔

<html><head></head><body></body><script> var i,num,k; num = prompt("请输入金字塔的行数"); for(i=1;i<=num;i++){ for(k=1;k<=num-i;k++) document.write(" "); for(j=0;j&.

2021-08-09 14:25:26 402 1

原创九九乘法表

<!DOCTYPE html><html><head><style> table{ border: 1px solid #000; border-collapse:collapse; } td{ border: 1px solid #000; }</style></head><body><script&gt...

2021-08-09 14:15:35 53

zhao142731的博客