
前端
前端
树旅小爷
这个作者很懒,什么都没留下…
展开
-
http代理配置,解决跨域问题
1.vite写法export default { proxy: { '/api': { target: 'http://v.juhe.cn', changeOrigin: true,//换源 rewrite: path => path.replace(/^\/api/, '') } }}2.vue写法3.代理后发起请求4.使用...原创 2021-07-14 11:17:01 · 825 阅读 · 0 评论 -
websocket
一.介绍1.WebSocket:在单个TCP连接上进行全双工通信的协议,是一种网络通信协议2.作用: 服务端主动向客户端推送数据3.背景:HTTP协议缺陷:通信只能由客户端发起轮询:每隔一段时候,浏览器(客户端)发HTTP请求给服务器。 缺点:浏览器不断发请求,浪费宽带资源4.协议标识符:ws(如果加密,则为wss)ws://ip地址:端口号/资源名称ws://example.com:80/some/pathhttp协议:https://cn.bing.com/5.原创 2021-07-13 17:17:20 · 227 阅读 · 1 评论 -
支付宝小程序--input输入框
1.placeholder-class:placeholder 的样式类1.6.0 及以上 <input class="input" value="{{inputValue}}" placeholder="显示默认值" placeholder-class="inputPlace" />2.type:输入框类型text:默认number:数字输入框idcard:身份证输入键盘digit:带小数点的数字键盘3.password:是否是密码类型原创 2021-07-13 15:20:50 · 2031 阅读 · 0 评论 -
支付宝小程序--mask蒙层的使用
1.先在项目里导入依赖,在vs里输入:npm install mini-ali-ui(其他有用到的依赖)2.在json文件里写:{ "usingComponents": { "mask": "mini-ali-ui/es/mask/index" }}3.在axml文件里使用:<mask type="{{type}}" show="{{show}}" maskZindex="{{maskZindex}}" onMaskTap="maskClick">原创 2021-07-13 10:35:59 · 694 阅读 · 0 评论 -
ES6引入新的声明字符串的方式--模板字符串反引号``
1.声明 let str = `字符串` //typeof str string2.换行 //单引号 SyntaxError语法错误 let str = '语法不能 直接换行' //单引号 正确写法 let str = '语法不能'+ '直接换行' // 反引号 能直接换行 let str = `语法可以 直接换行` 3.变量拼接原创 2021-07-12 09:25:51 · 246 阅读 · 0 评论 -
ES6解构赋值
解构赋值:从数组和对象中提取值,赋值给变量1.数组const arr = ['星星','月亮','太阳'];let [a,b,c] = arr;//a='星星' b='月亮' c='太阳'2.对象const obj = { name : '星星', age : 18, sing: function(){ console.log("星星会唱歌"); }}let {name,age,sing} = obj;//直接调用sing();//星星会唱歌//不解构,原来写法o原创 2021-07-12 09:09:55 · 76 阅读 · 0 评论 -
支付宝小程序--a:for写法,data-index获取当前index
-a:for 是要循环的数据,item是数据的每一项,index是序号从0开始axml: <view class="approval"> <view class="approval-item" a:for="{{content}}" onTap="to" data-index="{{index}}"> <image mode="scaleToFill" src="{{item.url}}"/> <text>{{item.na原创 2021-07-08 13:45:09 · 2546 阅读 · 0 评论 -
支付宝小程序学习--常用的API/页面跳转的区别
my.confirm 提示确认框 // 退出登录 功能 exitAccount() { // 确认框 my.confirm({ title: '温馨提示', content: '是否退出账号', confirmButtonText: '退出',//确定按钮 cancelButtonText: '取消',//取消按钮 success: (res) => { //res原创 2021-07-08 09:57:53 · 527 阅读 · 0 评论 -
js构造函数
why:原来写法:每个同学的信息,重复繁琐var p1 = { name: 'zs', age: 6, gender: '男', hobby: 'basketball' };var p2 = { name: 'ls', age: 6, gender: '女', hobby: 'dancing' };var p3 = { name: 'ww', age: 6, gender: '女', hobby: 'singing' };var p4 = { name: 'zl', age: 6, gende原创 2021-07-06 17:40:19 · 144 阅读 · 0 评论 -
支付宝小程序里如何使用sass
1.使用vscode编译2.装插件:easy sass保存时候他会自动转换,scss文件自动转换成css文件注意,这里是css文件,支付宝小程序需要的是acss文件3.在setting.json里设置: "easysass.formats": [ { "format": "expanded", //格式,expanded不压缩,compressed压缩 "extension": ".acss" //输出文件的后缀,小程序可以写'wxss' },原创 2021-07-06 13:14:17 · 1021 阅读 · 0 评论 -
支付宝小程序学习2---post请求
HTTP 请求方法有 :get,post,put,delete, options,,head,trace,connectHTTP 请求分为三个部分: 状态行、请求头、消息主体POST 一般用来向服务端提交数据: 请求头header一般用来存放一些cookie,token信息 请求体body一般用来存储post的参数和参数数据enctype对表单数据进行编码编码格式如:application/x-www-form-urlencoded服务端通常是根据请求头(headers)中的原创 2021-07-05 09:39:26 · 937 阅读 · 0 评论 -
支付宝小程序学习1--用户授权/获取用户手机号
支付宝小程序开放接口文档:https://www.bookstack.cn/read/alipay-mini/open-api.md1.用户授权在onShow时期使用 my.getAuthCode({ /** scopes授权类型: auth_base(静默授权) auth_user(主动授权) auth_zhima(芝麻信用) */ scopes: 'auth_base', success: (res) => {原创 2021-07-02 18:03:22 · 1849 阅读 · 0 评论 -
Flex布局
Flex 容器(flex container):采用 Flex 布局的元素Flex 项目(flex item):子元素自动成为容器成员注意:设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。一.容器属性:1.flex-direction:主轴的方向row (默认): 水平column: 垂直2.flex-wrap:换行nowrap(默认):不换行wrap:换行3.flex-flow: 上面两个属性简写row nowrap:默认值原创 2021-07-02 09:17:46 · 170 阅读 · 0 评论 -
CSS实现水平垂直居中的几种方式
1.最简单margin: 0 autoline-height等于height.outer { width: 200px; padding: 200px; background-color: pink; } .inner { width: 100px; height: 100px; background-color: skyblu原创 2020-10-13 16:20:01 · 3923 阅读 · 0 评论 -
hexo快速搭建个人博客的步骤
完成Git和node.js安装配第一步:建库1、建立连接:新建一个文件夹 注意:名称格式是用户名.github.io 与后面新建的github名一致进入文件夹右键点击 git bash here2、安装hexo基本框架第一步完成后,会出现一个命令窗口。输入如下命令:浏览器中的效果如下:在这里插入图片描述接着在命令窗口中安装一个插件后面会用到npm install hexo-deployer-git 3、新建github库这个新建的仓库是用来存放hexo g命令生成得publi原创 2020-07-29 17:51:20 · 230 阅读 · 0 评论 -
HTML和CSS实现简单的静态页面——模仿GitHub页面
第一步:将页面分割成几大模块原创 2019-10-05 16:10:11 · 3253 阅读 · 2 评论 -
前端:如何获取页面的CSS样式(包括页面的颜色,字体、字号、边距等)
1. 按F12进入开发者模式(我的需要同时按下Fn键和F12),再点左上角的箭头,进入选择,如图:2.再点击需要查询的内容就可以获得所有的CSS样式信息3.用谷歌浏览器也可以添加扩展应用,如:FeHelper,有许多扩展功能如:JSON自动美化(页面自动检测并格式化)JSON手动美化(粘贴文本、手动格式化)JSON比对工具(支持左右两个JSON片段进行键值对比较)字符串编解码(U...原创 2019-10-02 17:03:20 · 6316 阅读 · 0 评论