- 博客(47)
- 收藏
- 关注
RSS订阅原创 微信小程序中使用VantUI
## 在左边文件目录空白地方右键选择在外部资源终端中打开,执行以下命令 1.将 app.json 中的 "style": "v2" 去除 2.npm init初始化生成packge.json 3.npm install --production安装npm包,如果报错Sorry, name can only contain URL-friendly characters.说明文件夹命名不规范，并且在npm init初始化的时候没有设置包名，重新初始化设置包名就好了 4.执行np...
2021-10-06 10:19:06
685
原创 微信小程序登录,分享,获取手机号,支付
1.登录## 调用wx.login获取code## 用wx.request发送code，返回token## 把token存入storage中## wx.request携带token发起业务请求2.分享## 右上角三个点分享 页面加载onload时设置 wx.showShareMenu{ menus:["shareAppMessage","shareTimeline"] //第一个词语代表朋友圈，第二个代表微信好友 }）## 点击分享按钮分享
2021-10-06 10:16:56
320
原创 手机APP打包流程,微信小程序发布上线流程,PC项目打包流程
1.手机APP打包流程 1.在项目上右键选择在集成终端中打开 2.npm run build将web项目打包 3.下载Hbuilder x下载地址：https://www.dcloud.io/hbuilderx.html 4.打开，左上方点击帮助，点击开发者云端控制台，注册或者登陆账号进入开发者中心 5.在开发者中心点击创建应用，选择5+App，记录生成的appid 6.在hbuilder中选择新建项目，新建5+app项目 7.将我们的打包后的v
2021-10-06 10:12:57
3022
原创 vue跨域代理配置
1.在根目录下的vue.config.js文件夹下配置 module.exports={ devServer:{ proxy:{ '/api':{ target:'https://open.douyucdn.cn', changeOrigin:true, pathRewrite:{ '^/api':'/' } } } } }2.在入口文件main.js中# 引...
2021-10-06 09:53:52
202
原创 git的卸载和安装与gitee码云使用
目录一.git的卸载与安装 卸载： 下载与安装：二.git选项三.gitee代码上传与下载上传代码步骤下载代码步骤四.一些其它git命令一.git的卸载与安装 卸载：1.直接反安装，点安装包，然后下一步，下一步，这一步选择ssh选哪个都可以，然后install,最后清理环境变量(点此电脑，右键属性，点开高级系统设置，下边环境变量，打开清理)2.直接点开git文件夹，里面有一个应用程序ungit卸载 下载与安装：如...
2021-09-08 09:23:10
6337
原创 VantUI入门
目录一.安装1.通过npm安装2.通过 CDN 安装3.通过脚手架安装二.组件引入方式方式一. 自动按需引入组件 (推荐)方式二. 手动按需引入组件方式三. 导入所有组件三.组件注册1.全局注册2.局部注册四.使用，以button按钮为例一.安装1.通过npm安装# Vue 2 项目，安装 Vant 2：npm i vant -S# Vue 3 项目，安装 Vant 3：npm i vant@next -S2.通过 CDN 安装.
2021-08-30 11:03:08
3977
原创 使用rem适配移动端
下载lib-flexible模块，使用下边这个命令npm install lib-flexible --save-dev在入口文件main.js中引入lib-flexibleimport "lib-flexible"下载postcss-px2rem 模块将rem转化为px，使用下边这个命令npm install postcss-px2rem配置vue配置文件。在vue.config.js文件中添加：css:{ loaderOptions:{ c...
2021-08-30 10:59:33
88
原创 vue脚手架下载及使用
下载vue脚手架项目：window+r打开输入cmd,输入命令npm install -g @vue/cli下载脚手架，下载完成后用vue -V查看下载的脚手架版本使用脚手架创建项目：在文件夹上右键打开终端，用vue create 项目名这个命令来创建项目，下一步有三个选项，第一个代表选择vue2.x版本，第二个代表vue3.x版本，第三个选项代表自定义,音量上下键选择第一个点enter键创建，完成后输入cd 项目名，进入这个目录，npm run serve运行项目，运行完成后会给访问地址，项目
2021-08-21 16:32:14
3918
原创 使用webpack打包vue项目
在入口文件引入import Vue from 'vue' import App from './App.vue' new Vue({ el:'#box', render:h=>h(App) //把实例化的vue组件挂载到id名为box的HTML标签上})//在webpack.config.js文件上面先引入vue插件let vueplugin=require('vue-loader/lib/plugin')// 引入vue插件let vueplugins=new vu...
2021-08-21 16:24:48
123
原创 使用webpack打包js文件,html文件和图片
先创建一个文件夹,然后点这个文件夹右键选择在终端打开,执行npm init命令创建包名作者名之类的,完事之后在总文件夹上再执行npm install webpack webpack－cli __save_devc下载webpack插件，在package.json的scripts里面添加一个'build':"webpack"，然后在总文件夹上创建一个html文件，再创建一个项目文件夹src，src里面创建一个js文件当做入口，暂定为main.js，src上再创建一个js文件夹放所有的js文件，然后在总文件夹创
2021-08-21 16:23:34
439
原创 jsonp,script跨域(只能跨域请求get请求不能跨域post)
目录jsonp跨域：script跨域：jsonp跨域：<body> <button onclick="getdata()">点击获取信息</button></body><script src="../jquery.js"></script><script> function getdata() { $.ajax({ url: 'https://su...
2021-08-21 16:20:53
716
原创 vue动画
<style> .v-enter{ transform: rotate(360deg); opacity: 0; } .v-enter-active{ transition: 2s; } .v-leave-to{ transform: rotate(360deg); opacity: 0; ...
2021-08-21 16:14:54
49
原创 vue路由--router
路由的使用1.创建路由实例 new VueRouter2.定义路由匹配规则 routes:[{path:"",name:""，component:""}]3.在vue实例中注册路由4.使用router-view来展示路由所对应的组件5.router-link 组件进行路由跳转或者使用this.$router.push()进行路由跳转例如：<body><divid="box"><router-linkto='/index'>首...
2021-08-21 16:11:57
220
原创 vue自定义指令，vue插槽，具名插槽，vue常用API,vue生命周期
1.vue自定义指令2.vue插槽，具名插槽vue常用APIvue生命周期
2021-08-21 16:00:02
160
原创 es6模块化
使用export default把模块内容暴露出去，使用 import 名字 from '路径接收' ，例如// 把a暴露出去// 在b里面接收a，并且使用a的内容 // 引入b，需要加type属性，值为module
2021-08-19 20:35:10
77
原创 vue组件
全局组件<divid="box"><first></first></div><scriptsrc="./vue.js"></script><script> //第一种注册定义组件的方式Vue.component('first',{ //Vue.component用来注册组件，里面两个参数，第一个是 ...
2021-08-15 22:45:40
97
原创 vue过滤器
1.全局过滤器<body><divid="box"><h1v-for='(value,index)in10'>{{value|filtnum('ooo')}} // 在双括号里面写个|后面写上过滤器名称就可以用了，还可以往里面传递参数</h1></div><scriptsrc="./vue.js"></scr...
2021-08-15 21:13:27
79
原创 vue事件绑定和事件修饰符
vue事件绑定,把方法写在methods里面,绑定事件有两种方法,第一个是v-on:事件='方法名',另外一种是@事件='方法名',事件有click,mousemove,mouseout,mouseover等<body><divid=diva><buttonv-on:click='click1'>1</button> //绑定点击事件的,在vue中,绑定的函数没有参数的话可以不写,不会报错<button@cli...
2021-08-12 12:56:30
536
原创 vue学习
1.vue定义是一个js框架，常见的js框架有三种vue.js，react.js，angular.js2.vue引入网址引入：本地引入： // html文件和vue.js文件在同一个文件夹底下，不在同一文件夹下需要区分写法3.创建vue实例化对象以及数据的使用<body><divclass="选择器名，和底下vue里面实例化的"> {{msg}} // 双大括号里面可以写表达式也可以写处理数据的方法，例如{{msg?'111'...
2021-08-12 12:40:12
134
原创 vue生命周期
创建前，创建后，渲染前，渲染后，更新前，更新后，销毁前，销毁后，举例说明这些：<body><divid="box"><h1>{{msg}}</h1><button@click='updatemsg'>更新</button></div><buttononclick="des()">销毁</button><scriptsrc="./vu...
2021-08-12 12:36:54
61
原创 es6的一些用法
1.解构赋值按照一定的数据结构将数据直接赋值，例如：let [[a,b],c,d] = [[1,2],3,4]; //abcd四个的值为1234let arr=[1,2,3,'a','b']let [one,two,three,four,five]=arr //one的值就是1，后边依此类推let obj = { name:"张三", age:14, work:function(){ console.log("66666") }, like:["唱歌","跳...
2021-08-10 18:12:41
369
原创 JavaScript中DOM操作-排他思想
如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 1. 所有如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法：1. 清除所有元素的样式2. 给需要的元素设置样式3. 顺序不能颠倒，必须先把其他的样式清除再单独设置指定的例如有几个相同的按钮，我们想要的效果是，当鼠标移动到...
2021-08-09 11:33:48
295
原创 js数据类型------symbol数据类型
js数据类型有以下几种，null，undefined，number，string，boolean，object，symbolnull:空值undefined:未定义number:数字类型string:字符串类型，加引号的都是字符串boolean:只有两个值,true和falseobject:对象类型symbol:唯一的值,不能和其他数据类型进行运算用法：声明一个变量=Symbol(值)，例如：varsym=Symbol(666) // 或者写成let sym=Sym...
2021-08-09 11:23:05
205
原创 var,let,const的区别
1.var存在变量的提升，但是提升后结果是undefined，可以重复声明变量，例如console.log(age)var age=18运行出来的结果就是undefined,上边代码相当于var age; console.log(age); ...
2021-08-09 10:12:15
57
原创 js中文档对象模型DOM（Document Object Model）的一些基本操作
1.dom简介文档对象模型，是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。 W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。2.dom中一些名字的含义文档：一个页面就是一个文档，DOM 中使用 document 表示元素：页面中的所有标签都是元素，DOM 中使用 element 表示 节点：网页中的所有内容都是节点（标签、属性、文本、注释等），DOM 中使用 node 表示 DOM 把以上内容都看做是对象.
2021-07-31 10:36:00
225
原创 nodeJs
1.nodejs是js的运行环境2.js文件运行，在vscode中安装code runner之后，点击鼠标右键选择run code,这样就会运行在当前文件下边，不用再去浏览器运行3.nodejs中每一个js文件就是一个模块，不同模块之间数据如果不做任何操作的话不能交互，如果要交互需要用exports和require4.exports只需要将暴露的方法和变量设置为exports属性即可,例如5.requirerequire() 函数 可以导入一个外部模块,括号里面填写的是路径.
2021-07-31 09:28:08
88
原创 JS内置对象Math、 Date 、Array、String等
1.内置对象的定义JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象，自定义对象就是自己写的对象，内置对象是指JS语言自带的一些对象instanceof 运算符instanceof 运算符，可以判断一个对象是否属于某种类型var arr = [1, 23];var obj = {};console.log(arr instanceof Array); // 结果是trueconsole.log(obj instanceof Array); // 结果是f
2021-07-17 15:09:22
173
原创 JavaScript中用for...in遍历数组以及对象
for (变量 in 对象名或者数组名) { // 代码}例如:遍历对象var obj={name:'嘿嘿'age:'1200'}for （var k in obj）{console.log( k ) //打印出来是对象中的key值（属性名）：name,ageconsole.log( obj[k] ) //打印出来是对象中的value(属性值) ：嘿嘿 ，1200}遍历数组var arr1=[1,2,22,4,54,7,,87,64,...
2021-07-17 09:36:29
1364
2
原创 JavaScript第二周-对象
1.对象对象的定义：对象是一组无序的相关属性和方法的集合，例如字符串、数组、函数等对象是由属性和方法组成的。 属性：事物的特征，在对象中用属性来表示（常用名词） 方法：事物的行为，在对象中用方法来表示（常用动词）2.对象的创建方式利用字面量创建对象就是花括号 { } 里面包含了表达这个具体事物（对象）的属性和方法。{ } 里面采取键值对的形式表示 键：相当于属性名 值：相当于属性值，...
2021-07-17 09:25:15
49
原创 JavaScript简单计算器，加减乘除
效果图：实现代码：<head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title>&...
2021-07-15 14:23:42
321
原创 JavaScript第二周-函数
1.函数的声明function 函数名(){// 函数体代码}2.函数的调用例如：计算两个数之间所有数相加之和 functionjisuan(num1,num2){varsum=0for(vari=num1;i<=num2;i++){sum+=i}console.log(sum)}...
2021-07-15 09:03:27
60
原创 JavaScript用for循环实现1-100之间所有数字之和，平均值，偶数和以及7的倍数之和
varhe=0varoushu=0varseven=0for(vari=1;i<=100;i++){he+=i;if(i%2==0){oushu+=i}if(i%7==0){seven+=i...
2021-07-13 10:16:41
2877
原创 javascript用while循环计算年利率5%，从1000元到5000元需要几年
varyear=0varmoney=1000while(money<5000){money=money*0.05+moneyyear++}alert('从1000-5000需要'+year+'年')...
2021-07-13 10:14:18
1413
原创 JavaScript第二周-数组
数组：即是一组数据的集合 , 可以存放任意类型的数据1.创建数组的方式方式一：var arr=new Array(); //空的数组对象var arr=new Array(); //空的数组对象方式二：通过字面量的方式去创建/ var arr=[] //比较直观的创建方式2.获取数组元素的方法：通过索引获取数组的元素 【索引默认从0开始计算的】var arr=[1,2,3,'吴老师',true] //数组里面的数据项要用逗号分割...
2021-07-13 09:59:55
101
原创 JavaScript打印99乘法表
varresult=''for(varw=1;w<=9;w++){for(vara=9;a>=w;a--){result+=w+'x'+a+'='+w*a+'\t'}result+='\n'}console.log(result)打印...
2021-07-12 17:27:24
157
原创 javascript实现1-100数字除了个位数为3的其余数之和
vargewei=0;for(m=1;m<=100;m++){if(m%10==3){continue;}else{gewei+=m}}console.log(gewei)...
2021-07-12 17:15:46
1351
2
原创 JavaScript用while循环实现简易atm机
初始存款为100，操作一为存钱，操作二为取钱，操作三为查询余额，操作四是退出varcunkuan=100;varmoney11=prompt('请输入您要的操作\n1.存钱\n2.取钱\n3.显示余额\n4.退出');varmark; while(money11!=''){//存钱if(money11=='1'){...
2021-07-12 17:14:20
811
原创 JavaScript第一周
一.js引入方式1.外链式<scriptsrc="路径"></script>2.行内式<buttononclick="alert('哈哈哈哈')"></button>3.内嵌式在title下写<script></script>，然后在里面写js，或者在body里面写<script></script>，然后再在里面写代码。二.js一些用法1.查看变量数据类型var numb...
2021-07-07 14:55:02
129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人