- 博客(68)
- 资源 (8)
- 问答 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue 公众号实现自动登录跳转到对应页面
1.公众号判断自动登录是否成功,成功则跳转到首页,登录失败则跳转到登录页,输入账号密码登录bug:1.自动登录成功,会过渡一下登录页,然后自动跳转到首页(检查next()位置是否正确,是否多出调用了改方法) 2.修改之后出现死循环页面一般空白(检查next()位置是否正确)注:next({name:routerName}); 此方法并不是直接让页面跳转到那个页面去了,而是改变了路由的跳转方向,此时会重新执行router.beforeEach 的全部流程...
2020-08-29 10:45:21
973
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 npm install 报错处理
1.更新项目之后,npm install 之后解决:1.删除node_modules2.删除package-lock.json3.清理一下缓存npm cache clear--force4.重新安装依赖 npm install
2020-06-01 10:19:58
2167
原创 React Router 4.0的基本介绍
1.react-router 和 react-router-dom的理解 4.0版本的路由已不需要路由配置,一切皆组件 react-router:提供了一些router的核心api,包括Router,Route,Switch等 react-router-dom:提供了BrowserRouter,HashRouter,Route,Link,NavLink2.路由的安装...
2024-07-01 17:24:01
176
1
原创 typescript 学习
二.typescript中新增了:类型批注和编译时类型检查,类型推断,类型擦除,接口,枚举,Mixin,泛型编程,名字空间,元组,await等。tsc : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,一.typescript是Javascript的超集,在javascript中添加特性的语言扩展,支持ES6标准。4.回到vscode,再次输入命令:tsc --v 就可以执行脚本查看ts版本了。1. 安装VSCode (官网下载)
2024-03-08 14:03:53
405
原创 eltable行高变化后,丢失滚动条
1.弹窗中动态增加内容的el-table标签上添加了height属性超出未显示滚动条,行内有input 或textare高度变化时,表格内部高度变化了,但是表格实际高度并没有变高。2.修改 @input="$refs.myTable.doLayout()"
2023-08-28 16:36:22
748
原创 微信小程序自定义modal模态框
1.目录结构2.index.json{ "component": true }3.index.wxml<view wx:if='{{showModal}}'> <view class='mask_layer' /> <view class='modal_box'> <view class="title">{{title}}</view> <view class='content.
2022-05-17 11:55:00
1141
原创 element ui 动态这是表单某个字段的必填和非必填
1.场景,根据前面下拉框选择值确认后面的字段是否必填2.遇到的问题(重置后面字段的必填和非必填之后,必填提示及改字段的输入框仍为红色必填提示)解决2的问题这样处理的
2022-01-17 10:08:01
896
原创 【无标题】js 给时间排序或中文字符排序
js 给时间或中文汉字排序eg: 对数据早餐,晚餐,中餐,按早中晚的顺序排序1.已知时间,比较时间大小。2.未知时间,直接排序汉字 let dataList1=[{name:'早餐',mealStartTime:'8:30:00'},{name:'晚餐',mealStartTime:'18:30:00'},{name:'午餐',mealStartTime:'12:30:00'}] let dataList2=['晚餐','早餐','午餐'] let list =that.com
2021-12-14 09:32:49
400
原创 win10 jdk环境配置
准备工作 1. win10系统 2. jdk下载,并按提示安装,此安装过程中路径一般选择默认路径,我下载的是jdk应用程序jdk-7u51-windows-x64.exe 准备工作 1. 右击我的电脑图标(windows10中为“此电脑”),选择“属性”,打开“系统”对话框,点击“高级系统设置”标签。 2. 弹出“系统属性”对话框,选择系统属性下的“高级”标签。选择“启动和故
2021-12-14 09:16:28
159
转载 Vue项目打包放到服务器,浏览器存在缓存问题
Vue项目打包放到服务器,浏览器存在缓存问题问题描述:Vue项目打包放到服务器后,我们在浏览器查看该项目时,经常出现缓存问题,需要通过刷新才能清除缓存,现在只需要在打包的文件名中添加版本号就可以解决该问题。解决方案:1.找到webpack .prod.conf.js(build文件夹)2.定义版本变量:const Version = new Date().getTime(); //定义一个时间作为版本号。3.修改配置项:代码如下(示例):output: { path: co..
2021-03-16 14:32:02
638
原创 2021-01-29
大陆,港澳台身份证正则校验(在线测试地址http://c.runoob.com/front-end/854?optionGlobl=global)备注:香港身份证号码由三部分组成:一个英文字母;6个数字;括号及0-9中的任一个数字,或者字母A。括号中的数字或字母A,是校验码,用于检验括号前面的号码的逻辑正确性(R015706(5),R015706(A)) //检查身份号码是否符合规范,包括长度,类型 isCardNo(card) { //身份证号码为15位或者18位,15位时全为
2021-01-29 17:34:11
422
原创 js 比较时间的大小
1.比较年月日 时分秒//比较两个时间的大小 functioncompareTime(startTime,endTime){varstart_time=startTime.replace(/-|\s|:|\//g,'');varend_time=endTime.replace(/-|\s|:|\//g,'');if(start_time<end_time){returntrue;}...
2020-07-29 17:30:26
1279
1
原创 vux selector下拉选择组件数据改变页面不渲染
情景:移动端vux 的 selector下拉组件选择内容时,要判断页面上某些值是否存在,若存在就调取接口,不存在就是清空selector下拉组件刚选择的内容,并给出提示信息<selectortitle="<spanclass='star'>*</span>到访时间"v-model="formData.visitComeTime"placeholder="请选择来访时间":options="timeList...
2020-07-14 14:40:29
1705
原创 vue v-for 循环出来的form表单v-model绑定值
1.场景:根据用户选择的病人类型,展示病人陪护人信息输入框数目然后就动态想数组中追加空陪护人的对象,在页面渲染,提供给用户去输入陪护人的信息正确写法页面渲染
2020-05-27 17:51:08
6535
3
原创 element ui 弹框上的表单提交数据之后再次打开清空数据
1.el-dialog 组件有个close方法,在该方法中重置表单//关闭弹框是重置表格closeDialog(type){if(type){this.$refs[type].resetFields();}},...
2020-04-29 16:48:27
4379
1
原创 后台返回的html怎样转化为纯文本展示
情景描述:1.发表文章页面是要vue-quill-editor富文本编辑保存的内容2.在发表文章列表页面想展示部分内容作为文章简叙3,直接用v-html 来展示html 可以展示然后设置外层容器的高度,可以实现,但是样式很难统一,富文本保存的内容的标签各种各样不好统一解决办法最后想着怎样将后台返回的html代码转化为纯文本来直接展示(网上百度看到这种方案,亲测有效)h...
2020-04-07 14:34:08
1865
原创 vue 中使用vux时,使用x-input 时,页面软键盘顶起页面问题
1.参照网上链接https://blog.csdn.net/benben513624/article/details/86660212方案二用input 框,有效果,之后页面组件改为x-input (由于自己vux文档没看仔细花费了点时间)注:x-input 失去焦点事件与x-input 点击事件不一样x-input失去焦点@on-blur input 失去焦点@blu...
2020-03-30 11:38:49
853
原创 高德地图 使用搜索组件是 clear 报错处理
1.直接上代码,使用搜索组件,然后想替换默认图标,显示搜索的第一个地点做一个范围的中心点 vm.placeSearch.search(vm.keyword, function(status, result) { if (status === "complete" && result.info === "OK") { var poiArr =...
2019-11-21 16:06:07
869
转载 vue 项目使用vux
原文链接https://www.cnblogs.com/lishuzhen9436/archive/2018/09/15/9650802.html
2019-11-20 19:01:32
149
原创 window.open 打开窗口居中显示
var iWidth = 650; //新打开窗口的宽 var iHeight = 450; //新打开窗口的高 var vTop = (window.screen.availHeight - 30 - iHeight) / 2; var vLeft = (window.screen.availWidth - 10 - iWidth) / 2; window.open(windo...
2019-11-07 16:13:45
460
转载 ps 小白,前端小图标简单改颜色
原文:https://www.jianshu.com/p/38885acaa256注:此方法只作为修改简单的纯色图标有效需求:将黑色的PNG格式图标,更改为其它颜色原始图标:原始图标 - 黑色方法1:图层样式 -> 颜色叠加选择颜色叠加选择想要的颜色方法2:更换颜色一、打开图片,点开通道面板,随便选择一个通道(这里选择...
2019-11-07 13:09:35
651
原创 vue element-ui 表格分页序号递增
1. template里面动态绑定index<el-table :data="informationManagementList" @row-click="informationManagementListClick" style="width: 100%" > ...
2019-11-04 10:57:43
2493
原创 首次使用Mint UI的DatetimePicker遇坑
1.首先引入Mint UI 的DatetimePicker组件main.jsimport MintUI from 'mint-ui'Vue.use(MintUI);或者:import {DatetimePicker } from 'mint-ui'Vue.component(DatetimePicker.name, DatetimePicker)2.index.vue中使...
2019-10-16 11:12:57
983
1
原创 vue使用高德地图el-amap-polygon(多边形)
vue使用高德地图el-amap-polygon(多边形)报错 AMap.PolyEditor is not a constructor1.npm的确导入过vue-amap2.初始化过import VueAMap from 'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: 'cc42d4d69...
2019-10-15 11:07:43
7942
3
原创 vue项目中时间格式化出现NaN
1.VUE组件中这样写2.过滤器filters:{formatDateTime:function(val){varvalue=newDate(val);varyear=value.getFullYear();varmonth=padDate(value.getMonth()+1);...
2019-10-08 18:41:46
4702
1
转载 vue项目网站ico图标设置
按照此步骤,原文链接https://blog.csdn.net/weixin_44063334/article/details/101386175发现不起效,之后再网上查资料,修改文件中的new HtmlWebpackPlugin出加入一行代码即刻...
2019-09-28 10:52:43
1526
原创 react 中样式引用总结
1.外部样式引入(外联样式)页面中引入html中引入(注:react中类名用className)2.组件中引入import ‘./style/common.less’;2.内联样式1.在HTML页面中,样式只用放在标签中<style> .aa{ background:#ccc; } </...
2019-07-24 11:18:46
616
原创 angular + ionic项目中关于 $ionicHistory
$ionicHistory:当用户通过导航栏切换视图页面的时候,ionicHistory起到跟踪视图的作用,类似的浏览器的行为方式,一个ionic应用程序能够保持以前的视图,当前视图,和前视图(如果有一个)。然而,一个典型的Web浏览器只跟踪一个历史堆栈在一个线性的方式。不同于传统的浏览器环境中,应用程序和应用程序并行的独立的历史,如标签。如果一个用户在一个标签上浏览几页,然后切换到一个新的标签...
2019-05-09 14:38:18
605
原创 react 学习初始篇
1.搭建react框架首先需要有node环境(http://nodejs.cn/直接下载最新版本,傻瓜式安装就可以) 验证node环境是否安装成功 win + R 键输入cmd,在命令行输入node -v 查看node版本,npm -v查看npm包管理器的版本 有版本号说明安装成功,此时电脑有node环境,否则安装失败。2.安装create-react-app脚手架(若npm安装时...
2019-04-27 21:08:52
253
原创 vue2.X使用axios的get,post方法跨域问题
一.安装axios,并配置相应文件。这里跨域请求的接口来知乎的api 安装npm install axios --save 使用及相关配置:1.在要使用axios的文件中引入 import axios from 'axios'; 或者在src/main.js中全局声明import axios from 'axios';Vue.prototype.$a...
2019-04-14 22:52:49
3997
1
原创 微信小程序开发工具无法加载项目代码 显示无法访问此网站
出现这个原因很可能是自己电脑连接的网络设置的网络配置文件是使用了防火墙(网络链接设置为公用网络或专用)最好选择一个没有使用防火墙的的网络链接或是取消现在网络的防火墙配置1,打开win10的设置里的windows安全2,打开 windows defender 安全中心3.我自己是暂时关闭了病毒和威胁防护,防火墙和网络保护4.重新打开微信web开发者工具,文件和文件夹可以成功显示...
2019-03-08 10:09:47
3323
原创 微信小程序自定义菜单tabbar后初次进入小程序会出现两个tabbar
微信小程序自定义tabbar后,初次进去小程序会出现aap.json中配置的tabbar同时也会出现自定义的tabbar,当关闭小程序在此进入就好了只显示自定义tabbar解决办法就是在小程序初次进去的首页中,第一次进入,必须在最后 页面ready的情况下调用hideTabBar()才有效,这样才能隐藏。而在onShow那里也调用 ,当用户从首页进入其他页面,再次回到当前页面是需要调用on...
2019-02-14 11:10:06
8719
4
原创 H5页面显示后台文本数据,格式化
使用pre 标签可以格式文本内容但有时会遇到一个问题,文本格式好了,pre中的文字不会自动换行使用下面可以解决这一问题pre{ width:100%; white-space:pre-wrap; /* css3.0 */ white-space:-moz-pre-wrap; /* Firefox */ white-space:-pre-w...
2018-12-19 15:54:22
1324
原创 小程序富文本解析wxParse 部分安卓机子解析失败
1.首先,开发者工具中是正常使用的 2.自己的小苹果也是没问题的 3.小程序发布后需要线上测试,此时发现,"iphone" 还是没问题,但是"android"系统无法对富文本内容进行解析解决办法注释掉源文件 html2json.js 中的关于打印的两行代码 将打印语句注释掉或是改成console.log()...
2018-11-27 12:01:10
388
原创 微信小程序文字上下滚动动画效果
页面<view class='gold_tip container'><view class='list' animation="{{animationData}}"><view wx:for="{{topList}}" wx:key="{{index}}"><text>{{item.msg}}</text
2018-11-22 18:55:31
7055
原创 vue2.X构建移动音乐app笔记
1.前期准备需要有一定的前端基础知识如,css,html,js等有一定的vue.js基础和开发经验(比如看过vue官网文档,有一两个vue项目实战学起来会更容易点)有node.js,npm,webpack的使用经验有es6(又叫es2015)基础2.项目整体架构图3.新建vue项目前提本设备以安装过node,能在命令行中使用npm或cnpm在项目文件夹内安装脚手架(vue-cli) npm ...
2018-05-14 17:48:33
246
原创 sublime text3怎样安装package control
浏览器输入 https://sublime.wbond.net/Package%20Control.sublime-package从这里下载这个文件下载好以后,打开sublime text3,选择菜单Preferences->Browse Packages... 打开安装目录,此时会进入到一个叫做Packages的目录下,点击进入上一层目录Sublime Text3,在此目录下有一个文件夹...
2018-05-14 09:53:01
171
原创 vs code 在模板中添加template报错
1.vs code 提示如下错误[vue-language-server] Elements in iteration expect to have 'v-bind:key' directives.Renders the element or template block multiple times based on the source dataVue 2.2.0+的版本里,当在组件中使用v...
2018-05-10 16:10:15
4723
border_1.css
2019-09-12
java 原料库存表和门店库存表
2016-07-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人