- 博客(98)
- 资源 (21)
- 收藏
- 关注
RSS订阅原创 vue2 使用 Socket.io 实现 WebSocket
使用 NPM：官网：https://socket.io/zh-CN/docs/v4/客户端API：https://socket.io/zh-CN/docs/v4/client-api/#socket首先，在你的 Vue 项目中安装 socket.io-client：2、在 Vue 组件中使用 Socket.io在你的 Vue 组件中，可以像这样使用 Socket.io：
2024-07-11 17:35:17
897
原创 uniapp本地打包到Android Studio生成APK文件
uniapp 项目本地打包到Android Studio 生成APK安装包的环境配置。
2024-07-09 17:19:01
2612
1
原创 微信小程序常用 API （更新中）
微信官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/file/wx.openDocument.html。3，获取微信用户信息。4，获取微信用户 openId。11，token 是否有效。微信登录获取 code。1，点击按钮复制文本。2，隐藏home按钮。6，打开另一个小程序。10，更新小程序版本。获取当前用户的经纬度。
2023-04-11 10:29:11
1065
原创 npm 安装依赖遇到的问题
一、cnpm -v 在 cmd 中能识别，但是 VsCode 无法识别的解决办法终端报错：cnpm : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\cnpm.ps1而在cdm中可以查到cnpm的版本解决办法：打开编辑器终端：查：get-ExecutionPolicy 结果：Restricted修改：Set-ExecutionPolicy -Scope CurrentUser提示输入：RemoteSigned查cnpm
2022-03-15 11:31:52
3125
原创 git 上下载的项目在本地安装依赖时报错 Could not resolve dependency
安装依赖时报错：无法安装依赖看报错里面的提示：this command with --force, or --legacy-peer-deps–force 会无视冲突，并强制获取远端npm库资源，即使本地有资源也会覆盖掉；–legacy-peer-deps：安装时忽略所有peerDependencies，忽视依赖冲突，采用npm版本4到版本6的样式去安装依赖，已有的依赖不会覆盖。重新安装：npm i --legacy-peer-deps...
2022-02-24 10:11:25
1792
原创 vue项目 乐橙云 轻应用直播SDK imouplayer.js
官网案例：https://open.imoulife.com/book/light/sdk.html1，下载 对应的资源https://open.imoulife.com/book/readme/upload.html2，引入资源2.1 把下载的资源(static，imouplayer.js)放到 public；2.2 index.html 中<script src="./imouplayer.js"></script><!--引入创建-->3，创建
2022-01-18 14:33:10
2115
6
原创 elementUI vxe-table结合使用（通用表格）
App.vue 样式.my-main{ margin: 20px;}.dfc{ display: flex; flex-direction: column;}.dfr{ display: flex; flex-direction: row;}.f1{ flex: 1;}.fl{ float: left;}.fr{ float: right;}.baseColor{ background-color:RGB(48,65,86);color:#fff
2021-11-22 16:12:30
2994
原创 vue 兄弟组件之间的传值
1. 定义一个公共的bus.js//bus.jsimport Vue from 'vue'export default new Vue()2. 在子组件A里用$emit发射数据<script>// 引入公共的bug，来做为中间传达的工具import Bus from './bus.js'export default { methods: { details(data) { //发射组件A的数据 pub.$e
2021-10-28 16:17:34
138
原创 vue-element-admin中 vuex 的使用
vue-element-admin 中 vuex 是模块化的。登录流程1，HTTP 配置（utils/request.js）2，API 配置（api/user.js）import request from '@/utils/request'export function login(username, password) { return request({ url: '/api-auth/oauth/user/token', headers: { 'client
2021-08-25 17:50:20
983
原创 根据浏览器navigator区分PC端还是移动端，区分操作系统，区分浏览器型号
1，区分PC端还是移动端methods:{ _isMobile() { let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i) return flag;
2021-08-25 15:21:18
717
原创 js的深浅拷贝( 赋值后原值被覆盖的问题 )
1，浅拷贝（ 浅拷贝会复制所有引用对象的指针，而不是具体的值 ）复制对象的所有属性都不是引用类型时，就可以使用浅拷贝浅拷贝方式：Object.assign()[].slice()2，深拷贝（ 复制一个拥有所有属性和方法的***新对象*** ）深拷贝方式：JSON序列化// 调用JSON内置方法先序列化为字符串再解析还原成对象newObj = JSON.parse(JSON.stringify(obj));注意： JSON是一种表示结构化数据的格式，只支持简单值、对象和数组三种类型，不
2021-07-30 16:12:44
769
原创 FormData使用方法详解
FormData的主要用途有两个：1、将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。2、异步上传文件一、创建formData对象1、创建一个空对象：//通过FormData构造函数创建一个空对象var formdata=new FormData();//可以通过append()方法来追加数据formdata.append("name","laotie");//通过get方法对值进行读取console.log(formdata
2021-07-14 12:09:56
312
原创 vue项目中使用mock（二）
一，安装：npm install mockjs --save-dev目录：src 同级目录下新建 mock 文件夹 下 新建 mock.js 和 tags.js 文件二，main.js 中导入：require('@/mock/mock.js')三，mock.js 文件：const Mock = require('mockjs')// 设置拦截ajax请求的相应时间Mock.setup({ timeout: "10"});// 自定义mockjs数据列表let c
2021-06-16 16:26:04
151
原创 uView（Tabbar 底部导航栏）
（一）第一种方式1，每个菜单页面都要“首页” “发布” “我的” 每个页面都要<template> <view> user <u-tabbar :list="tabBar" :mid-button="true"></u-tabbar> </view></template><script> export default { data() { return { tabBar: '',
2021-06-15 19:54:57
11394
3
原创 el-tree与el-transfer结合成树形穿梭框（tree-transfer）
下载npm install el-tree-transfer --save<tree-transfer :title="['模块（菜单）访问权限', '拥有的操作权限']" :from_data='fromData' :to_data='toData' :defaultProps="{label:'label', children: 'children'}" @addBtn='add' @remov
2021-06-09 13:33:09
2597
原创 vue 父组件与子组件之间的传值（主动传值）
一，父组件主动传值1，父组件<Settlement-Table1 ref="comp1"></Settlement-Table1>click(){ this.$refs.comp1.getData(this.list1)}// this.list1 是需要穿的值2，子组件getData(data){ console.log("父组件传过来的", data)},// getData()会自动执行二，父组件主动获取子组件的值1，子组件data()
2021-06-06 17:24:13
293
原创 vue 父组件与子组件之间的传值（普通传值）
一，子组件向父组件传值（$emit）：1、定义子组件<template> <div> 子组件: <span>{{childValue}}</span> <!-- 定义一个子组件传值的方法 --> <input type="button" value="点击触发" @click="childClick"> </div></template><script>
2021-06-06 17:14:58
479
原创 js UTF-8编码转为字符串
// UTF8编码转成汉字字符串export function revertUTF8(szInput) { var x,wch,wch1,wch2,uch="",szRet=""; for (x=0; x<szInput.length; x++) { if (szInput.charAt(x)=="%") { wch =parseInt(szInput.charAt(++x) + szInput.charAt(++x),16); if (!wch) {break;} if
2021-05-28 16:53:59
1778
原创 Vue+Element导入导出Excel
一，安装npm install -S file-saver xlsxnpm install -D script-loader二，导入Excel1，Element 上传控件<el-upload class="upload-demo" action="" :on-change="handleChange" :on-exceed="handleExceed" :on-remove="handleRemove" :file-list="fileList
2021-05-27 10:39:19
1304
3
原创 vue-awesome-swiper缩略图无法联动的问题
一，安装npm install vue-awesome-swiper --save// npm install vue-awesome-swiper@3.x --save我安装的版本是“swiper”: “^6.6.1”,“vue-awesome-swiper”: “^3.1.3”,在使用vue-awesome-swiper组件的时候，缩略图无法和大图实现联动，百度了半天终于发现了一个解决办法。官方代码：<template> <div class="thumb-ex
2021-05-15 16:28:04
1485
1
原创 vue项目中使用mock（一）
一，安装npm install mockjs --save-devnpm install json5 --save-devnpm install axios --save二，每个文件内容目录：流程：Home.vue执行getUserInforList()调用main.js中全局变量$api调用/utils/api下的getUserInfor()通过request.js包装好的get方法请求接口‘/user/getUserInfor’通过devServer配置，拦截http请求moc
2021-05-08 17:12:26
527
5
原创 vuex（ 笔记一 ）
vuex 方便的实现组件之间数据共享(数据是响应式的，自动刷新)组件的数据 =》 store =》 其他任意组件相当于：组件内的data为私有数据vuex中的data是全局数据（一）安装npm install vuex --save（二）main.js同级目录下的store.js文件内容import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex) const store = new Vuex.Store({
2021-04-27 18:36:34
86
原创 vue使用echarts图表
https://www.jianshu.com/p/2894b781063b1、安装npm install echarts// npm install echarts --save2、引入 echartsimport * as echarts from 'echarts';3、写一个div容器用来承载图表:<div id="teamLeader"></div>4、写一个方法，（直接复制粘贴官网文档的代码m修改一下容器id和各部分的数值即可）初始化页面的时候,调
2021-04-12 16:29:49
108
原创 vue项目实现登录(sessionStorage 存储 token)
前提参考：vue项目封装axios思路：// 1, 前端校验，校验成功后向后台传用户名和密码（每次请求接口都要传 token）// 2， 后端收到请求，验证用户名和密码，验证成功，生成 token 返回给前端// 3， 前端拿到token，将token存储到localStorage// 4， 跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面// 5， 后端判断请求头中有无token，有token，就拿到token并验证token，验
2021-04-12 16:27:24
4470
原创 v-for中用elementUI实现分页
html分页的内容<el-aside style="width:49%;" v-for="(item, key, index) in AirInfor.slice((currentPage-1) * pagesize, currentPage * pagesize)" :key="index"> <p style="margin-bottom: 10px;"><span>区域：{{ key+1 }}</span></
2021-03-24 09:47:04
1251
2
原创 vue项目封装axios请求
目录：request.js// 引用axiosimport axios from 'axios';import qs from 'qs'const instance = axios.create({ baseURL: 'http://192.168.1.119:8880', withCredentials: true, timeout: 5000, headers:{ "Access-Control-Allow-Origin": '*',
2021-03-17 15:31:43
231
原创 使用mpvue开发小程序
一、安装node.js1、在官网中安装nodejs最新版本。地址：https://nodejs.org/en/download/，根据自己环境，进行下载安装。2、安装完成后，进行nodejs版本及npm版本查看。打开cmd命令行，输入 node -v 和 npm -v，node安装后将会自动安装上npm，但不一定是最新的，可用命令 npm install -g npm，进行最新版本安装。安装好之后，就可以使用vue-cli进行初始化一个vue项目。3、使用淘宝NPM 镜像npm install
2021-03-05 17:21:22
218
原创 Element UI 的使用
官方文档：https://element.eleme.io/#/zh-CN/component/installation一、普通项目引入相关文件，使用elementui插件：（1）引入相关文件（2）可以直接使用了vue项目使用elementui安装 ：npm install element-ui axios --save（1）main.js文件引入// Elementimport ElementUI from ‘element-ui’import ‘element-ui/lib
2021-03-05 16:59:54
363
原创 vue-cli项目引用文件/组件/库 的注意事项（一）
vue引入的问题（1）main.js入口文件引入(项目中所有的页面都会加载main.js，所以用户放全局变量)// Elementimport ElementUI from ‘element-ui’import ‘element-ui/lib/theme-chalk/index.css’Vue.use(ElementUI)（2）style中引入css文件（3）script中引用js文件/组件/库// 引用js文件import {myfun} from ‘…/js/top.js’// 引
2021-03-05 16:57:28
185
原创 vue的使用（引用/创建vue项目）（一）
在程序开发中，有三种方式创建vue项目，本地引入vuejs、使用cdn引入vuejs、使用vue-cli创建vue项目。其中vue-cli可以结合webpack打包工具使用，大大方便了开发步骤，使用广泛。一、vue本地引用在官网下载vue.js，通过script标签引入。开发版本：https://vuejs.org/js/vue.js 包含完整的警告和调试模式生产版本：https://vuejs.org/js/vue.min.js 删除了警告，30.90KB min+gzip注意：在开发环境下不要
2021-02-28 15:11:48
1718
原创 CSS行内元素和块级元素的水平居中，垂直居中，水平垂直居中实现
常用内联元素：a,img,input,lable,select,span,textarea,font常用的块级元素：div,p,table,form,h1,h2,h3,h4,h5,h6,dl,ol,ul,li一、水平居中行内元素居中：text-align:center图片，单个块级元素居中：margin-left和margin-right设成automargin: 0 auto或者display:blockmargin：0 auto多块级元素水平居中父元素：text-align: ce
2021-02-23 17:12:40
585
vue-draggable 生成调查问卷
2023-09-22
docker_compose-1.27.0-py2.py3-none-any.whl
2020-10-27
iFonts-Win-2.1.1-00bk93.exe
2020-10-27
face_recognition-1.2.3-py2.py3-none-any.whl
2019-12-04
Adobe手册.zip
2019-05-10
python03.zip
2019-05-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人