- 博客(57)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 实现文字滚动播放效果
get_text(v) { let str = "多少事，从来急，天地转，光阴迫，一万年太久，只争朝夕"; let str_list = str.split(""); // 将字符串转化成数组 // 如果文本超出一定长度,则滚动播放 let len = 18; // 单个区域需要显示的文字数量 if (str_list.length > len) {// 如果数组元素超出div所能展示的个数 this.timer = setI
2022-04-29 18:06:31
768
原创 解决uniapp导航栏（H5）两个标题一样的问题
在需要修改标题的页面的mounted添加mounted() { var a = document.getElementsByClassName("uni-page-head__title")[0]; a.textContent = "获奖信息"; },
2022-03-29 18:16:23
2930
2
原创 vue使用websocket的姿势
一,在untils下创建websocket.jsimport ElementUI from "element-ui";function initWebSocket(WS_API) { const wsUri = WS_API; this.socket = new WebSocket(wsUri); //这里面的this都指向vue this.socket.onopen = websocketOnOpen; this.socket.onerror = webSocketOnError;
2022-02-09 18:04:50
2079
原创 uniapp自定义底部导航栏(非必要不建议使用)
一,将pages.json中的tabbar改为如下即,只保留路径"tabBar": { "color": "#333", "selectedColor": "#EB3477", "backgroundColor": "#fff", "borderStyle": "black", "list": [ { "pagePath": "pages/index/index" }, { "pagePath":
2021-10-23 22:07:49
2412
原创 微信公众号开发中遇到的几个问题
由于写的时间太久，具体细节已经记不清了，有机会的话，在做详细补充吧（果然好记性不如烂笔头啊）一,关于前端调起支付看官方文档即可https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6本人的代码let pay = (params: any, that: any) => { service.receivables(params).then(({ data }) => { (window as
2021-09-22 18:19:44
319
转载 去除点击iview input组件出现的阴影和边框
.ivu-input:focus{ outline:none; border:none; box-shadow: 0 0 0 2px transparent; }
2021-06-23 11:22:33
709
原创 vue+node+mysql项目开发(包括部署到服务器)
声明: 1．该项目为练习项目,只是基础内容． 2．文章部分内容为网上查阅所得,由于查阅文章较多,无法确认文章地址.因此如有雷同,算我抄你. 3．本文不讲解vue(ts)的项目搭建.一,安装的插件npm install expressnpm install mysqlnpm install axiosnpm install --save vue-axi
2021-02-24 18:10:48
4206
原创 前端使用pm2独立部署项目
一,使用pm2部署vue项目(适用于linux服务器) 1.需安装的软件（winscp，putty）； 2.使用winscp将文件放置到配置好的服务器中,并将打包好的文件放到根目录中; 3.使用putty配置http-server（重点）; 3.1,依次输入以下命令1.
2021-02-24 16:13:17
950
原创 iview,利用modal组件修改table中的某条数据时,表格中的数据会跟随变化
get factory_item() { let obj = {} // 利用深拷贝 obj = JSON.parse(JSON.stringify(this.factory_datas)); return obj; }
2020-12-29 16:41:18
613
原创 vue+iview项目如何使input自动聚焦
一,使用场景:当前页面上的inputprivate mounted() { this.$nextTick(()=>{ (this as any).$refs.taskNameInput.focus(); }) }2,a页面引用弹窗组件,弹窗组件上的input// 监听方法// 写在弹窗组件中get factory_item() { this.$nextTick(()=>{ (this as any).$refs.taskNameInput.f
2020-12-29 16:28:38
889
原创 vue中$router和$route的区别
一,$router为router为VueRouter的实例，相当于一个全局的路由器对象,可以获得我们在应用中的所有路由二,$routeroute相当于当前正在跳转的路由对象。。可以从里面获取name,path,params,query等。。包括设置在路由中的meta属性{ path: 'xxxx', name: 'xxxx', meta: { txt: '派工单生产' , userType:"team", noMenu: false , keepAlive: tr
2020-12-23 10:13:20
115
原创 微信小程序获取用户地理位置(mpvue)
一,编写一个可以任意处都可调用的js文件location.js// 获取用户经纬度权限//获取经纬经纬度权限比较简单.不做过多解释. function getUserLocation() { let that = this; wx.getSetting({ success(res) { if (!res.authSetting["scope.userLocation"]) { //获取经纬度 wx.authorize(
2020-12-21 12:32:31
657
原创 在vscode中如数字逐个增加的插件
Increment Selection使用方法:先用光标选中(数字相同可以用ctrl+d),再使用ctrl + alt + I即可
2020-10-26 16:07:42
2346
原创 git创建子分支并合并到主分支相关命令
一,查看当前分支git branch* master二,创建并跳转到子分支上git checkout -b devSwitched to a new branch 'dev'三,再次查看分支git branch* dev master四,将子分支推送的git上git push origin HEAD -uEnumerating objects: 23, done.Counting objects: 100% (23/23), done.Delta compress
2020-10-21 16:50:17
1083
原创 箭头函数基础用法与特点
一、基础用法 1，无参:let fn = ()=>{console.log("juviaLocker");}fn();//juviaLocker 2,单个参数:let name = "juvia";let fn = (name) => { console.log(name + "Locker");};//单个参数name的括号可不写,即// let fn =
2020-10-14 13:08:29
522
转载 将数组中的多个对象提取出来,并合成一个新数组
转载:https://segmentfault.com/q/1010000012616591var obj = { "1": [111, 222], "2": [333], "3": [444, 555]};//将上述obj合成arr = [111, 222, 333, 444, 555]办法1://typeScriptlet data: any = Object.values(obj).reduce((a:any, b:any) => a.concat(b))
2020-09-04 18:00:27
3081
原创 在iview+table页面中,新增input输入框+复选框(ts)
效果一,template核心代码Table( :data="tableData", :columns="col", :loading="loading", stripe, @on-select="on_select", @on-select-cancel="on_selection_cancel", @on-select-all="on_select_all", @on-sel
2020-09-04 15:13:11
1995
原创 使用iview+table时,table表格获取页面变量不会更新
bug显而易见,页面创建时table获取到的this.pageNum是1;在点击分页后,页面实际的this.pageNum是2,然而table中的this.pageNum依然是1;原因推测是由于table在创建时就已经缓存了页面变量,如果有哪位大佬知道原因请务必留言解决办法:使用方法更新变量,如private blur_data(){ return this.pageNum; }...
2020-09-04 10:29:35
709
原创 使用muse-ui制作省市选择器(ts)
一,安装请参考官网 muse-ui官网二,使用场景vue构建的移动端h5页面,并将px转换为rem 传送门三,对muse-ui提供的省市选择器样式的修改(ts+pug的写法)效果图:templat//template pug.modalDialog(v-if="visible") div.modalAddress
2020-09-01 17:47:22
1162
转载 使用vue构建移动端h5页面,并将px转换为rem(ts)
一、安装npm install postcss-pxtorem@5.1.1npm i amfe-flexible -S二、在main.ts中引入import 'amfe-flexible/index'三、在vue.config.js中添加module.exports = { css: { loaderOptions: { postcss: { plugins: [ req
2020-09-01 17:23:35
1213
1
原创 如何在表格中嵌套表格(iview)
多说无益,上代码*HTML<Table width="100%" :columns="lineCol" :data="lineData" stripe></Table>TSprivate lineCol = [ { title: "序号", // key: "outAgencyName", type: "index", tooltip: true, },
2020-08-11 11:36:54
1755
原创 git切换远程仓库
一,切换远程仓库命令git remote set-url origin 要切换的远程仓库地址二,查看当前远程仓库地址git remote -v
2020-08-06 14:42:13
115
原创 通过 vue2-viewer 实现点击中的图片放大的效果(ts)
参考文章:https://segmentfault.com/a/1190000018847486?utm_source=tag-newest一,安装npm install --save vue2-viewer二,在main.ts中引入import ImageViewer from 'vue2-viewer';Vue.use(ImageViewer);三,由于typeScript不能直接使用js插件,所以需要在main.ts的同级目录下.d.ts文件并添加declare module 'vu
2020-08-05 17:02:18
1494
原创 关于iview时间选择点击左边按钮不联动的问题
当时点击时左边时间不改变,而右边时间正常;点击右边时,一切正常推测是由于iview版本问题导致,故安装了iview3.5.4版本,后恢复正常
2020-07-08 16:22:27
696
4
原创 如何解决在使用keepAlive后使用grid+echart的页面高度异常的问题
问题描述:a页面使用ivew的栅格+echart页面绘制,并保证高度自适应,b页面使用keepAlive做页面缓存;1,在第一次进入该页面是显示正常,当从b页面回到a页面时发现高度过大;但其他未使用keepAlive的页面无此问题2,多次测试后发现,是由于b页面没有销毁导致该问题存在,虽然尝试过通过路由守卫强制销毁页面,但结果并不理想;3,最后决定对a页面使用keepAlive,通过activated检测a页面是否是由其他页面进入的,并刷新数据...
2020-07-07 17:10:39
387
原创 在子组件中使用echart视图不刷新的问题
原因:子组件只会执行一次生命周期,因此不会第二次父组件传入的新数据解决办法:@Watch("title") //将title换为父组件传入echarts的参数,便可实现实时更新 public pushData(nv, v) { this.options.color = this.color_data; this.options.series[0].data = this.count_data; this.chartDom.setOption(this.options,true
2020-07-02 15:44:36
718
原创 iview组件中table使用tooltip时气泡的异常显示
在iview3.x的版本中如果单元格的内容没有出现省略号时,鼠标移上去不会出现气泡;npm install iview --save 换言之,在iview4.x的版本中,无论内容多少,移上去均会出现气泡.npm install view-design --save
2020-06-24 16:07:21
1262
转载 pc端电脑屏幕常见尺寸
转载自:https://www.cnblogs.com/shimily/articles/8032450.htmlPC端************按屏幕宽度大小排序（主流的用橙色标明）分辨率 比例 | 设备尺寸1024*500 （8.9寸）1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ）1280*800（16：10 |15.4寸）1280*1024(比例：5：4 | 14.1寸、15.0寸)1280*854(比例：15：10 | 15.2）136
2020-06-19 10:37:59
10241
原创 如何快速简单的设置你的vscode背景图
一,安装插件background-cover二,安装完插件后会在左下角看到这个图标三,点击该图标后你就可以在欣赏喜欢的图片上写bug了
2020-06-17 09:37:43
857
2
原创 如何关闭iview table窗口逐渐缩小时的渐变效果
.container-content { //overflow-x:auto; overflow-y: auto;}
2020-05-26 17:21:27
1033
原创 javaScript的策略模式
当我们需要判断多种情况时常常会使用ifelse;但这种写法复用性差,缺乏弹性;传统写法function getLevel(level) { if (level === '花泽香菜') { console.log("黑猫"); } else if (level === '中原麻衣'){ console.log("茱比娅"); } else if (level === '三上枝织') { console.log('阿卡林');
2020-05-25 23:49:43
159
原创 sessionStorage值改变后,页面利用window.sessionStorage.getItem()获取到的值不会更新
一.页面利用window.sessionStorage.getItem(“id”)获取id,id改变后数据不会更新;需要加入@Watch("$store.state.auth.id", { deep: true, immediate: true })监听并修改this.id=window.sessionStorage.getItem("id")的值
2020-05-18 17:25:18
4228
原创 SyntaxError line:3546,column:96577,SyntaxError: Unexpected token '...'. Expected a property name.
1.此问题是由于小程序不支持扩展运算符导致的;2.出现的问题机型多为ipone6,ipone7;3.可使用ES6转ES5解决
2020-05-06 18:19:09
873
原创 ts如何使用echarts绘制折线图
<template lang="pug"> div.echarts_line( ref="line" ) </template><script lang="ts">import { Vue, Component, Watch, Prop } from "vue-property-decorator";import echarts ...
2020-04-29 23:09:30
2251
原创 常用的正则表达式(不定期更新)
一.正整数允许输入1到1000000的正整数/^[1-9][0-9]{0,6}$///[0-9]{0,6}用于判断第一位后还可以跟几位数字,但会出现1000009的情况,需要自行通过if(value<1000001)判断二.手机号/^1[3456789]\d{9}$/...
2020-04-29 18:14:02
749
原创 关于前端存储token存储位置的问题
一.我们首先要知道vuex,localStorage和sessionStorage区别; 参考文章:https://blog.youkuaiyun.com/qq_31741481/article/details/88054069 1．localStorage 优点： a，localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否...
2020-04-22 16:48:46
10794
6
原创 如何使用阿里巴巴矢量图标库,创建自己的svg图标库（iview ts）
一.在阿里矢量图标库创建自己的项目点击上传图标至项目点击下载至本地就会获得对应的iconfont文件夹二.在项目的main.ts中加入import '@/assets/iconfont/iconfont.css';三.在需要使用图标的地方<i class="iconfont icontuichu" ></i>或<Button shape="...
2020-03-20 16:09:38
2306
全国各省市区名称(包括港澳台)
2020-10-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人