- 博客(28)
- 收藏
- 关注
RSS订阅原创 Vue中el-tableb表格高亮、取消高亮、表格多选、表格分页多选、禁用某行、选择当前行
el-tableb表格高亮、取消高亮、表格多选、表格分页多选、禁用某行、选择当前行
2022-06-02 16:22:12
3094
原创 vue项目中英文切换（多语言国际化）-- i18n插件的用法
1.安装npm install vue-i18n --save2.在main.js文件中：import i18n from './i18n/i18n'//我是把i18n单独放一个文件夹，这里是引用new Vue({ router, store, i18n, render: h => h(App)}).$mount('#app')3.在项目中单独建立一个i18n文件夹：4.i18n文件夹里i18n.js内容：import Vue from 'vue'impor
2021-10-15 10:32:05
2919
原创 vue组件页面里监听vuex里的数据变化
vuex里的state数据改变，想在vue组件也能实时监听到变化的值：方法： 在想要拿vuex数据的vue组件页面里用计算属性+侦听属性步骤：1.在这一步我犯了基本功错误，就是我写的计算属性 result1是不能在data属性里存在的，我因为定义了变量 result1，在这里改了半天bug… computed: { result1() { return this.$store.state.str;//这里返回vuex的state里的str数据 }, },2.在wa
2021-10-12 10:48:49
3361
原创 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
658
原创 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
174
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
1841
原创 支付宝小程序--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
630
原创 ES6引入新的声明字符串的方式--模板字符串反引号``
1.声明 let str = `字符串` //typeof str string2.换行 //单引号 SyntaxError语法错误 let str = '语法不能 直接换行' //单引号 正确写法 let str = '语法不能'+ '直接换行' // 反引号 能直接换行 let str = `语法可以 直接换行` 3.变量拼接
2021-07-12 09:25:51
208
原创 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
61
原创 支付宝小程序--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
2310
原创 支付宝小程序学习--常用的API/页面跳转的区别
my.confirm 提示确认框 // 退出登录 功能 exitAccount() { // 确认框 my.confirm({ title: '温馨提示', content: '是否退出账号', confirmButtonText: '退出',//确定按钮 cancelButtonText: '取消',//取消按钮 success: (res) => { //res
2021-07-08 09:57:53
467
原创 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
111
原创 支付宝小程序里如何使用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
888
原创 支付宝小程序学习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
844
原创 支付宝小程序学习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
1680
原创 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
119
原创 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
3747
原创 用Vue快速制作一个简单的音乐播放器
代码地址：https://github.com/Tree-Traveler/MusicPlayerhttps://gitee.com/tree-traveler/music-player展示：技术栈：html/css/jsaxiosVue功能：一.歌曲搜索：按下回车(v-on .enter)查询数据(axios 接口 v-model )渲染数据(v-for 数组 that)二.歌曲播放点击播放(v-on 自定义参数)歌曲地址获取(接口 歌曲id)歌曲地址设置(v-b
2020-09-12 11:33:32
1981
原创 git commit提示nothing to commit, working tree clean
本次想在码云上提交过的项目，同时提交到github上。git报Your branch is up-to-date with ‘origin/master’ ，nothing to commit, working tree clean最后查找原因：我没有修改过文件，再次提交到码云的分支上，导致git判断我没有更改，从而不能commit。解决办法：办法一：可以分为两步上传：（比较麻烦）1.先提交到github2.将最新的代码复制一份到码云的文件夹，提交到码云办法二：在一个仓库里面同时提交到多个
2020-09-12 11:04:08
79373
3
原创 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
194
原创 微信小程序——WebSocket
WebSocket：向服务器发送数据，服务器响应数据。通过监听WebSocket可以知道服务器给我们发回了什么数据API：1.wx.connectSocket：创建一个 WebSocket 连接2.wx.onSocketOpen：成功连接了服务器，通过此接受回调header：连接成功的 HTTP 响应 Header3.wx.onSocketError：出现错误4.wx.sendSoc...
2020-03-05 17:16:06
292
原创 微信小程序的轮播图
微信开发文档->组件->视图容器->swiper一部分属性：代码：<!--index.wxml--><view class="container"><swiper indicator-dots="true" autoplay="{{true}}" interval="3000" duration="1000"> ...
2020-03-05 13:55:58
190
原创 微信小程序ui-布局
tip：rpx根据机型不同的分辨率自己调整符合分辨率的值，动态一.flex布局基础容器**容器属性：**1.flex-direction:元素排列方式.container{height:100%;width:100%;background-color:aquamarine;display:flex;flex-direction: column;//竖排，主轴和交叉轴位置交...
2020-03-05 11:31:21
775
原创 微信小程序图片没加载进入运行报错：“Failed to load local image resource xxx.png the server responded with?
错误原因：由于这是因为初始化的时候,变量还没渲染进去导致的。解决方法：1.在src前面加个：wx:if<image wx:if='{{customerLevel.value}}'class="" src='{{customerLevel.value?tools.getLevel(customerLevel.value):"请选择"}}'></image>...
2020-03-05 11:23:46
5540
原创 微信小程序实战1-简单的静态页面
效果：代码：/*app.json*/{ "pages": [ "pages/index/index", "pages/logs/logs", "pages/user/user" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "...
2020-03-05 10:22:23
2153
原创 AJAX请求（JQuery）
$.ajax({ url:page, data:{"name":value}, success:function(result){ $("#checkResult").html(result); } });$.get( page, {"name":value}, function(result...
2019-10-31 20:36:24
91
1
原创 前端：如何获取页面的CSS样式（包括页面的颜色，字体、字号、边距等）
1. 按F12进入开发者模式（我的需要同时按下Fn键和F12），再点左上角的箭头，进入选择，如图：2.再点击需要查询的内容就可以获得所有的CSS样式信息3.用谷歌浏览器也可以添加扩展应用，如：FeHelper，有许多扩展功能如：JSON自动美化（页面自动检测并格式化）JSON手动美化（粘贴文本、手动格式化）JSON比对工具（支持左右两个JSON片段进行键值对比较）字符串编解码（U...
2019-10-02 17:03:20
5870
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人