自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(67)
  • 资源 (8)
  • 问答 (1)
  • 收藏
  • 关注

原创 vue 公众号实现自动登录跳转到对应页面

1.公众号判断自动登录是否成功,成功则跳转到首页,登录失败则跳转到登录页,输入账号密码登录bug:1.自动登录成功,会过渡一下登录页,然后自动跳转到首页(检查next()位置是否正确,是否多出调用了改方法) 2.修改之后出现死循环页面一般空白(检查next()位置是否正确)注:next({name:routerName}); 此方法并不是直接让页面跳转到那个页面去了,而是改变了路由的跳转方向,此时会重新执行router.beforeEach 的全部流程...

2020-08-29 10:45:21 940

原创 npm install 报错处理

1.更新项目之后,npm install 之后解决:1.删除node_modules2.删除package-lock.json3.清理一下缓存npm cache clear--force4.重新安装依赖 npm install

2020-06-01 10:19:58 2123

原创 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 383

原创 eltable行高变化后,丢失滚动条

1.弹窗中动态增加内容的el-table标签上添加了height属性超出未显示滚动条,行内有input 或textare高度变化时,表格内部高度变化了,但是表格实际高度并没有变高。2.修改 @input="$refs.myTable.doLayout()"

2023-08-28 16:36:22 524

原创 nginx 代理本地静态页面之后,静态资源加载失败

nginx 代理本地静态页面之后,静态资源加载失败

2022-08-29 09:59:41 4828

原创 微信小程序自定义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 1078

原创 element ui 动态这是表单某个字段的必填和非必填

1.场景,根据前面下拉框选择值确认后面的字段是否必填2.遇到的问题(重置后面字段的必填和非必填之后,必填提示及改字段的输入框仍为红色必填提示)解决2的问题这样处理的

2022-01-17 10:08:01 864

原创 【无标题】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 384

原创 win10 jdk环境配置

准备工作 1. win10系统 2. jdk下载,并按提示安装,此安装过程中路径一般选择默认路径,我下载的是jdk应用程序jdk-7u51-windows-x64.exe 准备工作 1. 右击我的电脑图标(windows10中为“此电脑”),选择“属性”,打开“系统”对话框,点击“高级系统设置”标签。 2. 弹出“系统属性”对话框,选择系统属性下的“高级”标签。选择“启动和故

2021-12-14 09:16:28 148

转载 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 608

原创 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 284

原创 webpack4(模块打包工具)学习笔记(1)

1.

2021-01-13 17:22:37 100

原创 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 1211 1

原创 vux selector下拉选择组件数据改变页面不渲染

情景:移动端vux 的 selector下拉组件选择内容时,要判断页面上某些值是否存在,若存在就调取接口,不存在就是清空selector下拉组件刚选择的内容,并给出提示信息<selectortitle="<spanclass='star'>*</span>到访时间"v-model="formData.visitComeTime"placeholder="请选择来访时间":options="timeList...

2020-07-14 14:40:29 1670

原创 vue v-for 循环出来的form表单v-model绑定值

1.场景:根据用户选择的病人类型,展示病人陪护人信息输入框数目然后就动态想数组中追加空陪护人的对象,在页面渲染,提供给用户去输入陪护人的信息正确写法页面渲染

2020-05-27 17:51:08 6496 3

原创 element ui 弹框上的表单提交数据之后再次打开清空数据

1.el-dialog 组件有个close方法,在该方法中重置表单//关闭弹框是重置表格closeDialog(type){if(type){this.$refs[type].resetFields();}},...

2020-04-29 16:48:27 4340 1

原创 后台返回的html怎样转化为纯文本展示

情景描述:1.发表文章页面是要vue-quill-editor富文本编辑保存的内容2.在发表文章列表页面想展示部分内容作为文章简叙3,直接用v-html 来展示html 可以展示然后设置外层容器的高度,可以实现,但是样式很难统一,富文本保存的内容的标签各种各样不好统一解决办法最后想着怎样将后台返回的html代码转化为纯文本来直接展示(网上百度看到这种方案,亲测有效)h...

2020-04-07 14:34:08 1825

原创 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 818

原创 高德地图 使用搜索组件是 clear 报错处理

1.直接上代码,使用搜索组件,然后想替换默认图标,显示搜索的第一个地点做一个范围的中心点 vm.placeSearch.search(vm.keyword, function(status, result) { if (status === "complete" && result.info === "OK") { var poiArr =...

2019-11-21 16:06:07 826

转载 vue 项目使用vux

原文链接https://www.cnblogs.com/lishuzhen9436/archive/2018/09/15/9650802.html

2019-11-20 19:01:32 139

原创 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 440

转载 ps 小白,前端小图标简单改颜色

原文:https://www.jianshu.com/p/38885acaa256注:此方法只作为修改简单的纯色图标有效需求:将黑色的PNG格式图标,更改为其它颜色原始图标:原始图标 - 黑色方法1:图层样式 -> 颜色叠加选择颜色叠加选择想要的颜色方法2:更换颜色一、打开图片,点开通道面板,随便选择一个通道(这里选择...

2019-11-07 13:09:35 615

原创 vue element-ui 表格分页序号递增

1. template里面动态绑定index<el-table :data="informationManagementList" @row-click="informationManagementListClick" style="width: 100%" > ...

2019-11-04 10:57:43 2479

原创 首次使用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 954 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 7746 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 4606 1

转载 vue项目网站ico图标设置

按照此步骤,原文链接https://blog.csdn.net/weixin_44063334/article/details/101386175发现不起效,之后再网上查资料,修改文件中的new HtmlWebpackPlugin出加入一行代码即刻...

2019-09-28 10:52:43 1486

原创 react 中样式引用总结

1.外部样式引入(外联样式)页面中引入html中引入(注:react中类名用className)2.组件中引入import ‘./style/common.less’;2.内联样式1.在HTML页面中,样式只用放在标签中<style> .aa{ background:#ccc; } </...

2019-07-24 11:18:46 599

原创 angular + ionic项目中关于 $ionicHistory

$ionicHistory:当用户通过导航栏切换视图页面的时候,ionicHistory起到跟踪视图的作用,类似的浏览器的行为方式,一个ionic应用程序能够保持以前的视图,当前视图,和前视图(如果有一个)。然而,一个典型的Web浏览器只跟踪一个历史堆栈在一个线性的方式。不同于传统的浏览器环境中,应用程序和应用程序并行的独立的历史,如标签。如果一个用户在一个标签上浏览几页,然后切换到一个新的标签...

2019-05-09 14:38:18 587

原创 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 240

原创 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 3968 1

原创 微信小程序开发工具无法加载项目代码 显示无法访问此网站

出现这个原因很可能是自己电脑连接的网络设置的网络配置文件是使用了防火墙(网络链接设置为公用网络或专用)最好选择一个没有使用防火墙的的网络链接或是取消现在网络的防火墙配置1,打开win10的设置里的windows安全2,打开 windows defender 安全中心3.我自己是暂时关闭了病毒和威胁防护,防火墙和网络保护4.重新打开微信web开发者工具,文件和文件夹可以成功显示...

2019-03-08 10:09:47 3189

原创 微信小程序自定义菜单tabbar后初次进入小程序会出现两个tabbar

微信小程序自定义tabbar后,初次进去小程序会出现aap.json中配置的tabbar同时也会出现自定义的tabbar,当关闭小程序在此进入就好了只显示自定义tabbar解决办法就是在小程序初次进去的首页中,第一次进入,必须在最后 页面ready的情况下调用hideTabBar()才有效,这样才能隐藏。而在onShow那里也调用 ,当用户从首页进入其他页面,再次回到当前页面是需要调用on...

2019-02-14 11:10:06 8556 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 1310

原创 小程序富文本解析wxParse 部分安卓机子解析失败

1.首先,开发者工具中是正常使用的 2.自己的小苹果也是没问题的 3.小程序发布后需要线上测试,此时发现,"iphone" 还是没问题,但是"android"系统无法对富文本内容进行解析解决办法注释掉源文件 html2json.js 中的关于打印的两行代码  将打印语句注释掉或是改成console.log()...

2018-11-27 12:01:10 374

原创 微信小程序文字上下滚动动画效果

 页面&lt;view class='gold_tip container'&gt;&lt;view class='list' animation="{{animationData}}"&gt;&lt;view wx:for="{{topList}}" wx:key="{{index}}"&gt;&lt;text&gt;{{item.msg}}&lt;/text

2018-11-22 18:55:31 6970

原创 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 233

原创 sublime text3怎样安装package control

浏览器输入  https://sublime.wbond.net/Package%20Control.sublime-package从这里下载这个文件下载好以后,打开sublime text3,选择菜单Preferences-&gt;Browse Packages... 打开安装目录,此时会进入到一个叫做Packages的目录下,点击进入上一层目录Sublime Text3,在此目录下有一个文件夹...

2018-05-14 09:53:01 158

原创 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 4681

原创 vue 新建项目流程

1. 下载node,安装直接下一步操作就按装完成,在cmd命令行查看node -v版本和npm -v版本(node安装完成时就安装了npm)。2.输入npm install -g cnpm --registry=http://registry.npm.taobao.org ,安装淘宝镜像安装相关依赖3.新建vue项目目录,(进入某盘符直接盘符加冒号,例如e: 进入e盘,进入新建vue项目目录,cd...

2018-05-09 18:02:25 575

bootstrap-3.4.1-test.zip

bootstrap-3.4.1-test.zip

2022-01-11

datetimepicker

日期+时间选择控件

2022-01-11

border_1.css

在移动端web开发中,UI设计稿中设置边框为1像素(即设备的像素,物理像素),前端在开发过程中如果出现border:1px(css记录的像素),测试会发现在某些机型上,1px会比较粗,即是较经典的 移动端1px像素问题。在2陪屏幕或三陪屏幕上1px的css像素会呈现出2倍,3倍像素情况。引入该css样式能很好解决这一问题。

2019-09-12

reset1.css

重置默认样式。HTML中绝大部分标签元素在网页显示中都有一个默认属性值,通常为了避免重复定义元素样式,需要进行重置默认样式(CSS Reset)

2019-09-12

微信小程序解析后台编辑器代码wxParse

微信小程序解析后台编辑器html代码插件,简单方便好用。 超好用的的插件,想要学习一下的可以看看,

2018-11-22

h5仿app消息页面侧滑删除

hh5仿app消息页面侧滑删除,动态生成html页面列表,滑动删除5仿app消息页面侧滑删除,动态生成html页面列表,滑动删除

2018-10-13

微信小程序校园导览代码

微信小程序校园导览图,校园简介,校园地图标点,地点导航

2018-07-10

微信小程序城市选择

微信小程序程序选择滑动页面选择城市或是根据定位字母菜单来选择城市

2018-07-10

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除