web前端
一起蹦极某囖
一只爱运动的程序猿
展开
-
element-ui 自定义message-box 自定义样式不生效
背景:这是小伙伴今天在开发中遇到的问题,使用jsx语法自定义一个msgbox,自定义msgbox自然需要自定义样式,然后就遇到了自定义customClass不生效的问题。下面上jsx的一个写法this.$msgbox({ title: '确认', message: h('div', { style: 'text-align: center' }, [ h('p', { class: 'content-title原创 2020-11-05 14:19:34 · 7741 阅读 · 5 评论 -
jsp + jquery 分页组件
背景:最近公司买了一套其他公司的代码,其中后台管理系统是用的jsp开发的,好多年前的技术不接触都有点忘了,自动前后端分离后,前端不学后端,后端不学前端的知识,其中负责维护该项目的后端同事也是听悲催的,没接触过呀,于是找到前端帮忙做下改功能,是一个简单的表格的展示。于是抽出了两个小时写了个表格分页的组件。什么?你问我为什么花了这么久,jquery 写的页面,然后还需要嵌入的jsp中,都忘的差不多了好吗。。。。废话不多説,直接上代码。先看下效果图然后是代码<!DOCTYPE ht原创 2020-11-03 08:45:17 · 438 阅读 · 0 评论 -
基于element-ui el-table el-form 表格嵌套表单 并且之前表格搜索和全键盘操作
项目开发中的记录,提出了业务代码 ,场景是自己临时想的 主要是两点场景假设一个淘宝店家周年庆给老会员发福利了,需要创建一系列的发货地址,要求客户的信息不能手动输入,需要从会员里面获取自动填充要求店家是一个老顽固,或者不喜欢使用鼠标所以需要全键盘来操作1、table 和 form的相互嵌套,表格中表单项的校验2、参考el-select 源码 的全键盘操作表格一贯作风先附上效果图,然后放git源码路径git 源码地址...原创 2020-06-11 16:43:38 · 1772 阅读 · 0 评论 -
Vue 的生命周期(一)------vue模块加载
开篇使用vue框架写了一年多的项目了,项目写的挺多,期间也碰到了很多问题,碰到问题的时候零散的会有一些记录,更多的是差一些资料解决就完事儿了,有点知其然不知其所以然的味道。正好我们项目组准备组织一次vue原理的解析,项目中同事每个人选一块进行深入讲解。我选的就是加载及渲染模块。本次记录也是为组内小伙伴讲解准备一些材料,并且记录一下。本次有两大模块,第一个是加载,第二个是渲染。看似差不多,其实差...原创 2019-12-31 13:46:43 · 498 阅读 · 0 评论 -
html中锚点的使用
html中锚点用来在页面中做个标记(mark),可以跳转到对应的标记处。当一个页面很长的时候可以根据html的主题在html中做标记(锚点)。如何使用锚点呢?1、做标记 2、触发标记做标记通过给你个html 标签加name 和 id。<a name="001" id="001" ></a>触发标记通过 a 标签进行触发 href的值要跟name ...原创 2019-11-15 15:53:44 · 393 阅读 · 0 评论 -
element-ui里面的下拉多选框 el-select 时,默认值不可删除
这是一个项目中常见的需求,el-select 为下拉多选,默认值不可删除,或者指定值不可删除。实现效果:el-select 如下源码中 tag closable 属性为 el-select 的 disabled 属性,所有明显不支持。解决思路(从el-select 的角度来考虑,其他组件组合的情况暂不考虑)想要实现某些选项是不删除,1、需要tag 不可删除,2、...原创 2019-10-22 10:57:15 · 21192 阅读 · 12 评论 -
知其然知其所以然
1、less 中 calc 计算解析错误最近在维护一个项目中,less 中写 css3 calc 计算属性时会出现解析错误,解决方法 网上有很多,例如:width: e("calc(100% - 20px)");width: calc(~"100% - 20px");而在最近新建的一个项目中,却没有这样的问题,less 却可以正常解析,查看less 更新日志得知,原来是less...原创 2019-07-31 13:57:47 · 274 阅读 · 0 评论 -
模拟 Promise.all() 的效果
使用es3 语法模拟Promise.all() 的效果// 模拟异步函数var asyncFunc = function (aa, time, cb) { setTimeout(() => { const data = aa cb(aa, data) }, time)}// 结果集var resultArr = []// 所有异步函数执行后的最终...原创 2019-07-26 10:52:57 · 370 阅读 · 0 评论 -
vue + element-ui 动态表单 动态表格渲染问题
在开发动态表单和动态表格的时候,更改某些条件(v-if 等等)进行重新渲染时候,元素复用出现渲染问题vue element传的值报_self.$scopedSlots.default is not a function源码<el-table ref="table" class="table szq-table" border...原创 2019-07-24 17:11:52 · 925 阅读 · 0 评论 -
JavaScript 时间格式化方法
像java 等语言都有 dataformat 的相关包,js却没有时间格式化的内置方法,记录一下function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace( RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp...原创 2019-07-29 11:04:14 · 717 阅读 · 0 评论 -
Vue 开发过程中存在的问题记录
1、表单校验问题如果配置了具体的校验规则,则需要如有需要在规则中添加 required: true,, 不要使用el-form-item 中的required,否则会出现默认的英文校验提示 例如: XX is required2、vuecli 3.0 打出来的包部署在环境出现的问题首先,运行在开发态是正常运行的,其次起后端服务也是没有任何问题的,就是部署在服务器上会出现问题。报错暂...原创 2019-07-11 14:05:06 · 138 阅读 · 0 评论 -
webstorm 中 html使用less报错
最初使用的是css文件没有任何问题,使用lessc less/index.less css/index.css 把index.css 转成less文件进行引入后发现报错:Refused to apply style from 'http://localhost:63342/cssworld/less/index.less' because its MIME type ('applicati...原创 2019-01-19 17:52:51 · 2023 阅读 · 0 评论 -
cookie和session
cookie和session有很多相似的作用,session主要用于服务器端用来保存会话,同时也是基于cookie来实现的。本文主要是谈下对cookie的使用。cookie是document下面的一个属性,所有操作cookie是通过document.cookie。一、cookie的简单操作(增删改查)1、写入一个cookiecookie是key,value的形式存在本地磁盘或者内存...原创 2019-03-04 20:55:22 · 94 阅读 · 0 评论 -
JavaScript中事件模型
在了解事件模型之前先简单的谈下事件流:JS事件流最早要从IE和网景公司的浏览器大战说起,IE提出的是冒泡流,而网景提出的是捕获流,后来在W3C组织的统一之下,JS支持了冒泡流和捕获流,但是目前低版本的IE浏览器还是只能支持冒泡流(IE6,IE7,IE8均只支持冒泡流),所以为了能够兼容更多的浏览器,建议大家使用冒泡流。JS事件流原理图如下: ...原创 2019-03-08 12:00:57 · 956 阅读 · 0 评论 -
通过设置chrome浏览器解决跨域问题,在本地进行开发工作
通过设置chrome浏览器解决跨域问题,在本地进行开发工作后端跨域权限无法打开,于是去网上找了下我这边能不能解决现在的浏览器出于安全策略的限制,都是不允许跨域的,但是开发的时候经常需要一些别的域的接口,特别是一些接口不是自己能控制的时候,往往会造成开发困难。今天无意中知道了,chrome浏览器可以通过设置,解决跨域问题。如果 Chrome 版本在49之前,设置方法如下:1、在C...原创 2019-04-09 13:43:31 · 208 阅读 · 0 评论 -
vue 项目开发规范问题(补充中...)
1、组件中vue组件/实例的选项的顺序问题组件/实例的选项的顺序副作用 (触发组件外的影响)el全局感知 (要求组件以外的知识)nameparent组件类型 (更改组件的类型)functional模板修改器 (改变模板的编译方式)delimiterscomments模板依赖 (模板内使用的资源)componentsdirectivesfilters组合 (向选项里...原创 2019-05-05 20:39:31 · 126 阅读 · 0 评论 -
npm install 问题
npm intall XXXsha1-qDCdqouDQhzb1GKOAm1quyUZLTQ= integrity checksum failed when using sha1: wanted sha1-qDCdqouDQhzb1GKOAm1quyUZLTQ= but got sha512-uO1p3nGsrbj9bETNNJt6i8ltyPvO3iz8dkSc/HIveRf19nhWi7...原创 2019-05-15 16:24:16 · 798 阅读 · 0 评论 -
js 中 文件流的截取处理
问题背景:项目开发的中有一个这样的场景,在前端页面中实现一个markdown的文本编辑器,对md文件进行编辑、预览和保存。在看了github上的issue模块以及一些论坛的回复功能模块。基本的实现流程是这样的。现在以markdown为例:1、后端将存在数据库中的md文件解析成json格式的字符串(.md源码)传给前端2、前端接收到 .md 源码的字符串 进行编辑,完成之后 点击保存将 编辑...原创 2019-05-29 10:51:43 · 963 阅读 · 0 评论 -
gitlab pages
创建一个自己的博客类的静态项目,不用自己购买服务器,使用gitlab ci 和 gitlab runner 进行持续集成,安装运行的步骤在下面,先记录几个问题(项目跑不起来的排查步骤):1、安装阶段,gitlab-runner.exe 不是可用的32位文件,检查下载的gitlab-runner.exe是否可用,我的从官网上下载的版本不能用,是从同事那里拷贝过来的。2、注册阶段,填写正确...原创 2019-07-05 10:23:57 · 2960 阅读 · 0 评论 -
VUE项目中解决mounted 钩子函数执行时 img 未加载导致页面布局问题
项目需求:图片加载时,当鼠标滚动至当前图片进行加载并加上上滑特效,实现这个效果需要对文档文档滚动位置和图片的当前位置进行比较。但是mounted 钩子函数执行时img图片并未加载出来也就是占位为空,导致图片位置计算出问题。解决这个问题,目前想到几种种方法一、对mounted 钩子函数 中init方法加上延时 mounted: function() { this.$nextT...原创 2019-01-24 11:24:02 · 2876 阅读 · 0 评论