非官方认证熬夜小能手-CSDN博客

原创 2021-08-18

**git提示SSL证书验证—certificate problem: self signed certificate in certificate chain**解决办法：关闭git上SSL验证，命令：git config --global http.sslVerify false

2021-08-18 08:44:43 129

记得要将 highlight-current-row 高亮属性打开<template> <el-table highlight-current-row :data="table1" :row-style="{height: '20px'}" :header-cell-style="{background:'#e6e6e6',color:'#000000'}" border style="width: 30%;"> <el-table-

2020-10-07 19:56:54 2621 1

原创 vue的高阶混入mixin

vue的混入，实现组件的复用性简单实现先声明一个js文件//mixin.jsexport default{ data(){ return{ msg:'这是一个可复用全部mixin', num:0, } }, methods:{ alerMsg(){ alert(this.msg); }, addNum(){ this.num++; } },}在需要的地方进行方法以及属性调用<template> <div class

2020-09-25 17:39:27 309 1

原创 mockJs -- vue中常用数据模拟

import Mock from "mockjs"; // 引入mockjsconst Random = Mock.Random; // Mock.Random 是一个工具类，用于生成各种随机数据mock.mock("msg", function(){ //循环随机生成100条数据 let result = []; for( let i=0;i< 100; i++){ let obj = { //basic 'boolean': Random.boolean(

2020-09-24 10:42:50 282 1

原创 element ui 两个模态框嵌套问题

将第二个模态框做成组件进行弹出是，需要加上append-to-body属性就可以解决蒙版问题父-模态框<el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> //..... <eldialogson></eldialogson>//子组件模态框</el-dialog>子-模态框<el-dia

2020-09-22 22:51:24 1351 1

原创 elementUi侧边导航鼠标移入背景色，字体颜色改变

/* 改变elementui 侧边栏移入颜色 */ .el-menu-item:hover{ background: #1c88cf!important; color: #fff!important; } .el-submenu__title:hover { background: #1c88cf!important; color: #fff!important; } .el-menu-item.is-active { background: #1c88cf!impo

2020-09-19 00:08:06 6024 2

原创 Vuex中发送mock请求返回数据

vuex像是一个仓库，可以将需要传递的数据放进去，使用的时候再取出来。

2020-09-14 09:14:22 5576 7

原创手机分辨率设计详情

有个挺好的手机尺寸网站，详情 http://www.kuku8.cc/html5/1728.html

2020-09-10 23:09:22 227

原创为什么要封装axios请求方法，以及如何封装

为什么要封装axios?在项目的开发中有三个阶段开发环境(dev.abc.com)测试环境(text.abc.com)生产环境(abc.com)访问接口数据时，例如：商品接口会是【域名】/api/v1/products当环境不同时，直接修改域名就可。这就是封装请求的原因。axios基础get请求，post请求老生常谈，get请求发送数据返回，post可以携带数据发送处理请求(一般用于提交表单或者上传数据)，token//axios.get 发起get请求 //参数一表示请求地址

2020-09-10 01:05:02 1758 2

原创 Vue 的axios的使用

首先，在vue项目中安装axiosnpm install axios --save全局引入时用import axios from 'axios'import VueAxios from 'vue-axios'Vue.use(VueAxios,axios);axios的get请求getdata(){ this.axios.get('xxxxx(url)') .then((response)=>{ console.log(response.data) })

2020-09-09 09:02:01 895 1

原创 veu中mock.js的使用

在项目的main.js文件中注册使用mockimport './mock/mockServer'发送请求页发送一个axios请求得到返回数据(mock)methods:{ //请求获取mock生成的数据 addData(){ axios.get('msg').then(res=>{ this.list = res.data; var arrs = this.list.splice(4,this.list.length-4) this.list2 = arrs

2020-09-08 10:42:26 237

原创 vue中的jsonp插件的使用

通过jsonp简单获取接口数据，对了，注意下jsonp方法会自动添加callback<template> <div class="sky"> <h3>获取城市：</h3> <div class="skycon"></div> </div></template><script>//导入jsonp插件import jsonp from 'jsonp';export defaul

2020-09-04 09:40:59 2052 6

原创 vue路由基础（加深记忆）

1----vue-router内置组件router-link类似于a标签，用于在单页面之间的跳转，默认渲染为a标签to属性,后面跟着用于跳转的路径tag属性，指定渲染成指定的标签（tab=“p”）router-link-active,自动激活的class名称，当·to·属性的值和地址栏路径相同自动激活该属性。linkActiveClass,自定义属性名称，在路由(reouter)的index.js中修改const router = new VueRouter({ linkActiveCl

2020-09-03 21:58:48 268 1

原创 CMD基本操作

D:（不区分大小写）切换D盘cd 文件夹名称进入文件夹cd\文件夹1\文件夹2\文件夹3进入某一文件夹cd…返回上一级cd返回根目录dir查看当前目录cls清空屏幕exit退出1. 文件夹md 文件夹名创建文件夹rd 文件夹名删除文件夹名del 文件地址删除文件copy 原来地址新地址复制move 原来地址新地址移动2.域名ping域名/ip（查看主机和电脑是否连同，响应超时，包丢失，时间毫秒，越少网速越快）ipconfig查看当前ip地

2020-09-02 11:13:16 160

原创 parseInt的二进制算法

let arr = [10.18,0,10,25,23]arr = arr.map(parseInt);console.log(arr)//[10, NaN, 2, 2, 11]parseInt //该方法的第二个参数是使用进制算法//调用map函数时，三个参数都会传入map内的函数中//在这道题中，parseInt有两个参数，字符串和进制//所以，map会将value和index传入parseInt函数补充：有关parseInt的radix，当遇到0、undefined或未被指定时，p

2020-09-01 21:57:50 510

原创 Vue自定义步进器组件

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>基础组件</title> <script src="vue.js" type="text/javascript" charset="utf-8"></script></head><style type="text/css"> .box{ position

2020-08-31 20:50:11 1773 1

原创 Vue组件基础--简单了解vue组件

Vue组件是什么？组件就像是提前做好的模具，使用时拿出来就行，可以重复调用，它跟普通的Vue有一样的属性：data （数据存放）computed（计算属性）watch（监听属性）methods（方法存放）熟悉的人应该看出来了，组件并没有el属性，组件没有根节点相关的属性。— 组件的data必须是一个函数，这样多个组件才不会相互影响。data: function () { return { count: 0 }}— 组件可以通过Prop 对子组件进行传值，可以使用

2020-08-29 17:56:52 1226 7

原创 js的Arguments对象模拟重载函数

模拟重载效果js的函数没有重载，会覆盖值function add(a){ return sum = a }console.log(add(1))//1 function add(a,b){ return sum = a+b }console.log(add(1,4))//1arguments可以模拟重载效果解释如下arguments对象：是所在函数的一个内置类数组对象，可以用数组的[i]和.length。arguments[i]: （获得传入的下标为i的参数值）arg

2020-08-20 20:13:03 680

原创 promise承诺，基本流程

//promies承诺 // 关键词: resolve,resject,then,catch //声明开始承诺 var p = new Promise((resolve,reject)=>{ //延期3秒执行 setTimeout(()=>{ //随机生成数字判断是否承诺 let temp = Math.random() if(temp > 0.5){ resolve('成功执行') }else{ reject('承诺失败') .

2020-08-19 19:19:44 536 2

原创原生js滚动条触底

window.onscroll=function(){ //滚动条上端距离顶部的距离 var scrollTop = document.documentElement.scrollTop||document.body.scrollTop; //是可视区的高度 var windowHeight = document.documentElement.clientHeight || document.body.clientHeight; //是滚动条的总高度（当前可滚动

2020-08-19 19:09:33 3750

原创 fetch的GET和POST请求

1 ， fetch，请求本地json文件//GET请求<button>点击获取</button><script> var btn = document.querySelector('button') btn.onclick = function(){ fetch('list.json') //请求地址 .then(res=>res.json()) //将请求到的数据转换为json js对象

2020-08-19 19:03:43 14485 6

原创 jq的ajax上传文件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jq 文件上传 ajax</title> <script src="http://libs.baidu.co

2020-08-19 16:14:30 133

原创 http请求

作用：客户去了解服务器返回请求的状态1~5开头的返回http响应码的作用1xx 请求开始2xx 请求成功3xx 重新定向4xx 请求地址错误，请求失败5xx 服务器错误

2020-08-19 14:11:28 316

原创 PHP浅解(seseeion)

补充 : php中按钮的使用想要触发button需要注入$GET或者$POST，但是要注意，按钮的type值需要为submit//phpif(isset($_GET['logup'])){ //判断是否设置 ...} //html<form action="" method="GET"> <button name="logup" type="submit">退出</button></form>session的绘画机制作用:

2020-08-18 20:35:02 227 1

原创 jq判断是否在移动端打开

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> </head> <body> <script type="text/javas

2020-08-10 20:14:28 433 1

原创 es5/6字符串方法

字符串检测var str = "你好世界"//检测是否包含str.includes('好') //返回false/true//检测开头str.startsWith('你') //返回false/true//检测结尾str.endsWith('界') //返回false/true字符串填充var str = '1'str = str.padStart(2,'0')//满足两位,不够用'0'填充console.log(str) //'01'es5去空格String.trim

2020-08-10 17:32:23 155 1

原创 icon图标旋转

i标签是行内元素需要转为行内块(display:inline-block)或者块元素（display:block）.xuanZuan { animation: move 1.2s linear infinite; -webkit-animation: move 1.2s linear infinite; display: inline-block;}@keyframes move { 100% { transform: rotate(360deg); }}...

2020-07-31 11:12:52 640 1

原创 jq、js的Ajax流程

//创建 var reg = new XMLHttpRequest() //打开 reg.open('GET','https://api.apiopen.top/videoHomeTab',true) //监听 console.log(reg) reg.onreadystatechange = ()=>{ if(reg.readyState==4 && reg.status==200){ } } ..

2020-07-28 11:28:55 126 3

原创 DOM获取，修改，添加，删除属性方法

1，获取、添加、删除、修改元素属性 getAttribute("属性名")　　//获取元素对象指定特性的值　　setAttribute(name, value)　　//设置元素对象指定特性的值　　removeAttribute('属性名')　　//删除元素对象上的指定特性　　hasAttribute('属性名')　　//判断元素对象是否包含指定特性　　attributes()　　//获取元素对象指定特性的集合1.读取属性(4种)element.attributes[下标].val

2020-07-20 17:19:45 1355 1

原创 Vue脚手架安装

安装node.js1.官网下载node.js2.测试是否安装node.js：打开cmd执行node -v3.测试安装npm ：npm -v配置下载源：1.安装nrmnpm i nrm -g 全局安装2.注册taobao 下载源nrm use taobao安装vue 脚手架安装 npm i @vue/cli -g测试安装 vue -V创建vue项目vue create 项目名称创建过程截图运行项目cd项目文件夹npm run serve 运行项目...

2020-06-22 10:15:52 3671

原创 Vue父组件获取子组件

1.this.$refs首先你的给子组件做标记demo ：<firstchild ref="one"></firstchild>然后在父组件中，通过this.$refs.one就可以访问了这个自组件了，包括访问自组件的data里面的数据，调用它的函数//子组件<Son ref="one"><Son/>//向子组件传递标记//父组件...console.log(this.$refs.one)//父组件通过this.$refs.定义的标记名接收

2020-06-21 10:23:28 545 2

原创 vue相关总结

vue的参数对象基础el指定vue的模板data指定vue的初始数据methods vue的方法中心computed从现有数据计算出新的数据watch监听数据的变化生命周期钩子函数created当vue创建完毕可以获取到thisfilters 过滤管道（数据的格式显示）//...{{num|price}}{{num|price("$")}}//...filters:{ price:(val,type){ return "type"+va

2020-06-20 20:11:26 336 1

原创 jQuery面试题

1、jquery中(this).get(0)的等价写法(this).get(0)的等价写法(this).get(0)的等价写法(this)[0]$(this)[0]2、jquery中proxy和delegation的区别是什么？jQuery.proxy(),接受一个函数，然后返回一个新函数，并且这个新函数始终保持了特定的上下文(context )语境。delegate是一种委托事件，但是可以通过选择器缩小查找范围。3、简述jQuery框架里，除了#id这样的选择器还有哪几种1.基本选择器

2020-06-10 19:43:41 493

原创 HTML，CSS面试题

1、你对CSS中浮动的理解以及如何清除浮动？float：left；左浮动float：right；右浮动清除浮动:01.父级div定义overflow:hidden02.结尾处加空div标签clear:both03.父级div定义height04.父级div定义overflow:auto05.父级div定义伪类:after和zoom2、CSS引入的方式有哪些？Link和@import的区别是？//Link引入<link rel="stylesheet" rev="styles

2020-06-09 19:19:18 307

原创 javaScript字符串属性及方法

字符串:1.charAt(index)返回字符串中index位置的字符，下标从 0 开始var myString = 'hello world';console.log(myString.charAt(3)); // l2.charCodeAt(index)返回字符串中index位置字符的unicode值var myString = 'hello world';console.log(myString.charCodeAt(3)); // 1083.concat(item1,i

2020-05-22 21:31:19 3657

原创 javaScript基础数组属性方法

数组:1.Array.push()在数组末尾添加元素并返回新的长度let arr = ["张三","李四","王五"];console.log(arr.push("赵六")); //lenght为4console.log(arr); //["张三", "李四", "王五", "赵六"]2.Array.pop()删除最后一个元素，返回值是删除的元素let arr = [1,2,3];console.log(arr.pop()); // 返回值为3console.log(ar

2020-05-22 20:17:46 3106

原创 Vue面试题

1.什么是 mvvm？MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View和 Model 的对象。在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交互，Model 和ViewModel 之间的交互是双向的，因此 View

2020-05-20 18:20:44 201

空空如也

空空如也