- 博客(21)
- 收藏
- 关注
RSS订阅原创 微信小程序 封装wx.request
第一步：在util文件夹中，新建一个文件api.js-----将可以提纯的代码分别写入文件中const GET = 'GET';const POST = 'POST'; const baseURL = 'https://www.xxxxx.cn/';//配置的域名 function request(method, url, data) { return new Promise(function(resolve, reject) { let header = { ..
2021-11-16 10:44:56
123
原创 创建vue项目
1，卸载node.js（如果装了2.0的脚手架想换成3.0的需要先卸载重装，如果没有装过任何vue请从第4部开始）2，C:\Users\18613\AppData\Roaming 目录下删除npm 和npm-cache(如果装了2.0的脚手架,请先删除)3，安装新版本的node.js参考：Node.js 安装配置 | 菜鸟教程》.安装nodejs，自带npm环境。地址：Download | Node.js 下载node.js》.安装淘宝镜像:npm install -g cnpm --r
2021-11-09 15:49:40
90
原创 vue 引入echart使用
第一步：安装echartsnpm install echarts -Scnpm install echarts -S第二步：在main.js中全局引入import * as echarts from 'echarts';Vue.prototype.$echarts = echarts第三步：在你的组件或页面中创建vue项目<div id="myChart" :style="{width: '600px', height: '600px'}"></div>
2021-11-09 15:41:45
168
原创 MD5加密
1. 安装npm install --save js-md5cnpm install --save js-md52.全局引入importmd5 from'js-md5';Vue.prototype.$md5 = md5;使用：this.$md5('这是加密的内容')3.在页面单独使用importmd5 from'js-md5';md5('你要加密的内容')4.api里面传headerheaders: { "strheader": '12345...
2021-11-09 15:22:15
594
原创 vue 图片上传转base64
<template> <div> <el-upload accept=".jpg,.jpeg,.png,.JPG,.JPEG" action="/index.php/index/upload/uploadimg" list-type="picture-card" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :.
2021-11-09 13:47:15
783
原创 js小游戏
俄罗斯方块<!doctype html><html><body> <div id="box" style="width:252px;font:25px/25px 宋体;background:#000;color:#9f9;border:#999 20px ridge;text-shadow:2px 3px 1px #0f0;"></div> <script> var map=eval("["+Array
2021-11-08 09:52:35
67
原创 Vue 面试题
1，vue使用的是什么模式？请具体介绍一下这种模式 mvvmmodel (模型层) axios data vuex(state) view (视图层) template < template>< /template> viewmodel（传递者）是双向绑定实现的机制2，v-if和v-show有什么区别v-if控制的是dom的销毁和创建v-show只是控制dom的css中 display属性触发的生命周期 v-if 显示：创建 挂载 隐
2021-11-08 09:49:09
150
原创 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-10-20 10:12:52
70
原创 Vue中的插槽
默认插槽：能够接受组件外部传给组件大段的HTML代码 <slot></slot>具名插槽：具有name属性的插槽 可以结合template标签的slot属性，定向给插槽传递内容作用域插槽：插槽可以控制html模板的显示与不显示。作用域插槽其实就是带数据的插槽。 原来父组件可以通过绑定数据传递给子组件。作用域插槽就可以通过子组件绑定数据传递给父组件。 slot-scope就相当于是一个对象，这个对象里面的数据就是子组件插槽绑定传上来了。...
2021-10-20 10:09:05
70
原创 Vue生命周期详解
Vue实例有一个完整的生命周期，也就是从开始创建初女台化数据、编译模板、挂载DOM、渲染一更新一渲染、卸载等一系列过程，我们称这是Vue的生命周期。在Vue官网有这样一张图<template> <div> <p>{{message}}</p> <button @click="changeMsg">改变</button> </div></template
2021-10-18 20:06:19
112
1
原创 vue写三级联动
<template> <p> 所在地：<select v-model="sheng" @change="shengindex()"> <option v-for="(item,index) in citys" :value="index" :key="index">{{item.name}}</option> </select> .
2021-10-15 11:28:39
122
原创 常用的正则验证
邮箱的正则验证/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/手机号的正则验证/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/身份证的正则验证/^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-
2021-10-14 10:08:00
76
原创 用js自定义方法实现数组反转
方法一：var arr = [1,2,3,3,4]arr.reverse();方法二：var arr = [1,2,3,3,4]var newArr = Array()for(var i = 0;i<arr.length;i++){ newArr.unshift(arr[i])}console.log(newArr)方法三：a = [1,2,3]newarr = [...a].map(a.pop,a)console.log(newarr)//pop从.
2021-10-14 09:58:22
302
原创 vue中常用的指令
remove 删除 移除 create 创建 province 省 city 市 region 区域 show 显示 hi...
2021-10-14 09:52:41
78
原创 computed（计算属性）和methods（方法）的区别
1、computed是带缓存的，需要依赖数据发生改变，才会重新进行计算，否则直接返回之前的计算结果，而methods里的函数在每次调用时候都要执行。2、调用方式不一样，computed的调用发生像属性一样访问，methods定义的成员必须以函数的形式调用。3、computed中的成员可以只定义一个函数作为属性，也可以定义get/set变成可读写的属性，这点是methods不可以做到的。4、计算属性有缓存，而实例方法没有缓存...
2021-10-12 15:52:06
5254
原创 vue v-if与v-show的区别
v-if是向DOM树添加或者删除DOM元素v-show是通过设置DOM元素的display样式属性控制显示隐藏
2021-10-12 10:43:27
119
原创 前端面试题一部分
1：把两个数组合并，并删除第二个元素，返回新的数组let arr = [1, 2, 3] aps = [4, 5, 6] //第一种 oers = [...arr, ...aps];//es6方法，用展开运算符 //第二种 // let oers = arr.concat(aps) oers.splice(1, 1); console.log(oers);2:自定义方法将字符串反转，如将‘12345678’ 变成‘87654321’l...
2021-10-11 20:21:50
236
原创 常用的字符串方法
1、`toUpperCase` :把小写字母转成大写2、`toLowerCase` 把大写转小写3、`charAt` :通过索引获取字符4、`charCodeAt` :通过索引获取对应字符的Unicode编码；5、`substr` :截取 substr(m,n) 从索引m开始，截取n个字符；6、`substring`: substring(m,n)：从索引m开始，截取到索引n，不包含n; (不支持负数)7、`slice(m,n)`:substring; 从索引m开始，截取到索引n，不...
2021-10-11 09:49:48
103
原创 常用的数组方法
1.pop（） 删除并返回数组的最后一个元素2.push() 表示向数组的末尾添加一个或多个元素3.shift() 表示删除并返回数组的第一个元素4.splice() 删除一个元素并且向删除的元素位置添加一个新元素5.unshift() 表明向数组的开头添加一个元素或多个元素并且返回新的长度6.sort() 表明对数组的元素进行排序，一般是升序排列7.reverse() 表示颠倒数组中元素的顺序8.toString() 表示把数组转化为字符串并返回结果9.s...
2021-10-11 09:47:52
86
原创 this指向
1、如果是一般函数,this指向全局对象window;2、在严格模式下"use strict",为undefined.3、对象的方法里调用,this指向调用该方法的对象.4、构造函数里的this,指向创建出来的实例.二、改变this指向的方式改变this的指向并且执行调用函数1、call() （call,可以传入多个参数,改变this指向后调用函数）2、apply() （apply,可以传入数组）3、bind() bind 改变this的指向，返回的是函数...
2021-10-09 17:09:18
66
原创 闭包是什么，闭包的作用是什么
一个函数作为另一个函数的返回值，返回的这个函数可以调用父函数内部的其他变量通俗的讲：（闭包是 JS 函数作用域的副产品。函数内部可以使用函数外部的变量，再函数外部定义一个变量，可以在函数内访问，这就是一种闭包模式，稍微复杂点，就是一个函数做为值在另外一个函数内返回，并且使用了，外层函数的变量）...
2021-10-09 17:05:29
58
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人