- 博客(35)
- 收藏
- 关注
RSS订阅原创 一种场景的优雅处理方式
业务逻辑：比如说用户还款100元，有a、b、c3个账户要换。若用户的账户类型a，3个账户的优先级是a>b>c,先还a，还了还有的多，再还b，依次类推。。。若用户的账户类型b，3个账户的优先级是b>a>c,先还b，还了还有的多，再还a，依次类推。。。若用户的账户类型c，3个账户的优先级是c>a>b,先还c，还了还有的多，再还a，依次类推。。。后面账户增加了，变成a、b、c、d了，那要能优雅的扩展才行。之前是单个判断的，把我搞晕了，来看下之前3个账户的
2021-10-27 10:58:26
159
原创 git分支多了如何给分支增加备注信息
大家有没有碰到过开发项目多了，git分支多了，搞不清分支是哪个项目？之前我是通过分支名跟项目jira的ID对应来区别，直接看分支名有时还是一脸懵逼。今天同事分享的git功能可以解决此问题，好东西分享给大家：给分支添加备注$ git config branch.feature_20150713_hd-123.description 海南放款查看分支备注$ git br* feature-20200706-ab-441 提示文字1 feature_20150713_hd-123 海南放款.
2020-07-22 18:40:22
3906
原创 vue开发浮动菜单碰到的问题的解决方案
开发浮动菜单，实现功能：1、点击菜单项，滚动到对应位置。 2、拖动滚动条，对应的菜单项高亮显示。效果如下图所示：考虑到多个页面都有此效果，所以做成公共组件breadnav.vue<template> <div class="nav" :class="{'is_fixed': navFixed}"> <div v-for="(...
2020-04-29 18:10:41
661
原创 vue子组件调用父组件方法，并根据方法的返回值再做处理，如何实现？
1、使用场景项目里将element-ui的el-upload写成公共组件方便调用，官方的before-upload方法用于处理上传前要做的事，如：比较文件大小，限制文件类型等，通过返回true 或 false 控制是否上传。 当该组件调用父组件方法，并且要能获取到父组件方法的返回值，如何实现？2、问题说明通常子组件调用父组件方法：this.$emit(方法名, 传参1, 传参2)，但是此方法...
2019-07-26 18:17:47
6996
原创 Monaco Editor安装及使用
最近在玩以vue为基础开发web代码编辑器，发现Monaco Editor（仿 Visual Studio Code）插件完美的解决了业务需求。故将重要的记录如下：安装1、monaco-editor和monaco-editor-webpack-plugin安装npm install monaco-editor --save-devnpm install monaco-editor-webp...
2019-05-13 17:06:38
12389
4
原创 js如何实现数组数据的上移下移
Vue项目开发中碰到对表格数据实现上移，下移的需求，只是纯前端实现移动数组数据，不跟服务端做交互。经研究，用splice方法简洁优雅，具体实现如下： // 上移，下移 onMove(code, dir) { let moveComm = (curIndex, nextIndex) => { let...
2018-09-14 18:28:41
8220
1
原创 vue新增时赋初始值性能考量
后台开发经常会涉及到新增、编辑操作。通常在新增时需要把表单元素的值初始化，vue+element ui开发如果用element ui的form表单验证this.$refs[formName].validate()来实现，可以用this.$refs[formName].resetFields()实现初始化。但是表单验证不能完全满足开发的需要，比如：验证图片是否上传，验证表格里是否至少包含一行数据...
2018-08-28 17:55:41
1031
翻译 启动react native，在genymotion中报错“unable to load script from assets 'index.android.bundle'.”的解决办法
一段时间没启react native，最近启动后报错：unable to load script from assets 'index.android.bundle'.Make sure your bundle ispackged correctly or you are running a packger server.经查找终于知道原因了，是因为react native的版本更新后启动入口文件...
2018-07-11 16:11:02
638
原创 Vue多个路由绑定同一组件造成created不执行的解决办法（详解）
开发中遇到的需求是：多个页面调用同一组件，通过传参获取不同的数据展示在页面上。多个路由映射到同个组件，只是传参不同，页面切换不会触发组件的创建cteated方法，怎么办？官方给出的解决办法：https://router.vuejs.org/zh-cn/essentials/dynamic-matching.html#%E5%93%8D%E5%BA%94%E8%B7%AF%E7%94%B1%E5%8...
2018-04-26 11:55:23
11585
1
原创 vue中v-for循环如何将变量带入class的属性名中
开发中碰到的需求如下：如何实现？参考vue官方文档，没有找到。文档针对class的对象语法是在明确属性名的情况下，通过true or false动态显示class名，class名是固定的，针对class的数组语法虽然class名是动态的，但不适用v-for循环。而本例是在v-for循环中实现class名动态（赋变量值）。代码如下：<template> <div class="q...
2018-04-02 14:14:22
18041
原创 npm工作笔记
npm常用命令网上一搜一大堆，在工作中不是每个命令都会用上，想想就把几个工作中用到的命令在这备注一下，后续有新增再补。1、安装和卸载模块npm install <pkg> // 在本地安装模块，即安装在当前路径下的node_modules包下npm install <pkg> -g // 全局路径下安装模块，通常在（用户目录）Users\AppData\Roaming\...
2018-02-09 16:04:53
190
原创 sublime text3与node.js环境配置及使用方法
实践了半天，把实践成果汇总成文档，以备查用！在sublime text3编辑器中开发node.js，希望通过快捷键编译代码，就是把nodejs服务的控制台嵌入到编辑器中。步骤如下：一、在编辑器中安装插件nodejs选择菜单：preferences/Package Control，或快捷键ctrl+shift+p，调出package control。输入install P
2018-02-02 16:07:31
9876
6
原创 js数组遍历方法解析
在ES5中常用的10种数组遍历方法：(以下脚本可复制黏贴到浏览器的console中查看效果)1、原始的for循环语句2、Array.prototype.forEach数组对象内置方法 优点不用定义额外的参数变量，缺点:性能不如for循环不能用return结束循环不生成新数组ie不支持（alert(Array.prototype.forEach)返回undefined）数
2018-01-16 18:04:03
733
转载 前端常见跨域解决方案
前端常见跨域解决方案什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链3.) 脚本请求： js发起的ajax请求、dom和js对象的跨
2017-09-15 15:26:09
568
原创 git备忘录
一、git revert和git reset都是回滚提交记录，区别是什么？a、git reset回滚到指定的commit_id，在该commit_id之后的提交会被删除。1、通过git log找到要撤销的commit的版本号，复制它上一个版本号（注意版本号之后的提交都会被撤销）2、执行git reset --hard ac82adae143fffd4ad9c0b08c983ac...
2017-06-12 18:00:49
312
原创 vue.js的computed,filter,get,set的用法及区别
1、vue.js的computed方法：处理复杂逻辑，基于依赖缓存，当依赖发生改变时会重新取值。用methods也可以实现同样的效果，但methods在重新渲染的时候会重新调用执行，在性能上computed优于methods,当不需要缓存时可用methods。实例1：computed和methods实现翻转字符串 原始字符串: {{ message }}
2017-06-09 14:55:41
26762
1
原创 vue+element实现批量删除功能
今年开始学习vue+element实现后台开发，在实现批量删除功能时有2个小知识点记录在下：1、如何实现单击行交替选中当前行的复选框，element官网的table实例中没有找到。——通过selection-change实现2、如何获取选中行的值来实现批量删除。——通过row-click和toggleRowSelection实现代码如下html: 批量删
2017-04-19 14:49:28
25243
5
原创 extjs的apply,applyIf和merge用法及原理剖析
extjs的apply,applyIf和merge都用来操作2个对象并生成新对象，在实现结果上是有区别的，下面来看下他们的区别：先定义2个对象：var obj1 = { a: '语文', b: ['美术1', '美术2'], c: true, d: {
2017-01-22 18:23:14
1016
原创 分享2个功能的js代码（去掉数组里重复的项、数组或对象深拷贝）
功能1：如何去掉数组里重复的项？测试 http://blog.csdn.net/lfcss/article/details/50261337 的代码如下：var arr = [2,1,2,10,2,3,5,5,1,10,13]; //objectvar arrObj = { //把数组转成对象 toObject: function(arr) {
2016-08-11 22:07:21
3637
转载 Sublime Text 3 常用插件以及安装方法(转)
转载自http://www.cnblogs.com/Rising/p/3741116.html安装Sublime Text 3插件的方法：朋友们，小站活着不容易，全靠广告费养着了，如果本文对你有帮助。麻烦动下手点下页面的广告吧，谢谢！直接安装安装Sublime text 2插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->
2016-08-11 15:50:42
300
原创 浏览器pdf文件预览的相关问题
firefox和chrome浏览器可以直接预览是因为自身带了pdf阅读器插件，而ie和safari浏览器默认下载，需安装插件才能在浏览器中预览。1、加了PDFObject插件，该插件只是给页面加了元素，如何浏览器不支持embedded PDFs，PDFObject插件是不能够迫使浏览器实现在线预览。如果需要支持，可以用PDF.js插件。2、访问的pdf文件是阿里云上的地址，在所有的
2016-06-29 19:14:50
5623
原创 chrome不支持jqgrid表格按返回数据顺序显示的解决办法
问题描述：希望按返回数据的顺序显示表格数据，当设置sortable:false时，firefox正常显示，chrome显示不正常，如下图：解决办法：通过明确设置排序规则解决。function setinnerrecord_table_init(){ $.post(setinnerrecord_url.list,{"knowledgeCode":"0002"},function(dat
2016-06-14 19:46:02
1017
转载 浏览器缓存机制
转载自：http://www.cnblogs.com/skynet/archive/2012/11/28/2792503.html浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等）。但是也有非HTTP协议定义的缓存机制，如使用HTML Meta 标签，Web开发者可以在HTML页面的节点中加入标签，代码如下：
2016-06-14 11:27:42
280
转载 CSS中line-height带单位与不带单位，带何种单位的区别
转载自：http://blog.sina.com.cn/s/blog_6b2fcbbc0101df5u.html我们都知道line-height是可以继承的，由于这个特性，子元素就可以不用重复定义line-height了。但line-height会给人误解的地方也就是这个继承。这是怎么回事呢？别急，我们先来看一幅图。（图一）看着图一，是不是让你心生“亲切”呢?^_^不过即使不感到亲
2016-06-04 15:46:53
3845
1
原创 jqGrid表格插件常用方法及函数留档
以下列出在实际开发中频繁使用的方法及函数，完整的api文档见http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jqgriddocs/*jqGrid表格插件常用方法：*rowid:行主键*iCol 列字段，在colModel中定义的*///获取单行数据var rowdata=$("#gridId").getR
2016-06-01 21:19:25
2792
原创 推荐Huploadify实现上传图片或文件
之前项目用uploadify(flash version)实现图片上传功能，依赖于flash的上传插件浏览器兼容性不够，于是找了Huploadify替代uploadify，原因如下：1、不依赖于flash。2、库文件大小是uploadify的三分之一。3、浏览器兼容性测试，支持ie11、firefox(版本 33.1.1)、chrome(版本 38.0.2125),移动端支持安卓，iP
2016-05-16 15:07:41
16943
5
原创 jsduck制作过程
在网上查了资料后，我最终选择了jsduck作为文档生成工具。左侧菜单显示类名，右侧显示该类下所有的方法和事件。每个方法可以有传参注释，使用范例，返回值注释。
2016-03-14 12:08:56
1854
原创 ztree的给树赋值及重置树的实现
选择ztree替代jstree是因为ztree的官网的api文档详细，容易理解。下面说下在开发中ztree的2个功能的实现1、给树赋值如下图代码如下：//修改-人员管理function achievementmag_peopedit_click(id){ achievementmag_peop_add=false; achievementmag_peop_validf
2016-03-03 18:28:06
22110
原创 highcharts图表生成插件学习心得
研究了一天的highcharts插件终于实现了原型要求的效果，记录下来备用：html代码如下：js代码如下：//图表生成function report_charts(){ var category=[]; for(var i=30;i>=0;i-=5){ category.push(global_tool_getdate(-i).substring(5)); }
2015-11-06 00:35:22
425
原创 thinkphp独立分组后分页功能不能用的解决办法
用thinkphp 3.1.3实现前台页面和后台管理的分离方便且好管理，在config中设置'APP_GROUP_LIST'=>'Index,Admin',//开启应用分组 'DEFAULT_GROUP'=>'Index',//默认打开组名发现分页功能在Admin中可用，在Index中不可用?通过度娘查找原因发现是thinkphp自身的bug,有待后续版本解决，目前的
2015-09-06 14:48:26
635
原创 实现jqGrid单元格编辑完后点击提交按钮一次性提交
常见的是jqgrid单元格编辑完后就触发与服务端的交互，我在开发的时候碰到下面的需求（如下图）：在点击确定按钮前要结束最后一个单元格编辑状态，如上图，否则getRowData方法获取的表格数据包含文本编辑框的html代码,如下图且必须用saveCell函数结束文本编辑状态，（不能用restoreCell函数，因为此函数只能获取编辑前的数据）写法如下：$("#businesspl
2015-06-15 15:52:11
16928
2
原创 当日期有默认值时，My97 DatePicker日期控件实现日期文本输入框必填而无需验证控件支持
在开发的时候发现的小细节，之前用validform验证日期输入框必填，后来发现满足以下条件可实现必填了，条件如下：1、打开页面时日期有默认值。my97 datepicker里没有找到默认值显示功能，我写了2个公用函数来实现：/*获取指定日期,返回指定格式如2012-12-01*days-为0标示获取当前时间，负值（如-1）为当前时间前一天的年月日，正值反之*time-指定时
2015-05-29 10:05:51
6117
原创 jqGrid表格插件实现多行表头的解决办法
jqGrid是用来实现表格的jquery插件，使用该插件可以轻松的实现前端页面与后台数据的AJAX交互，使用方便，最近在开发项目中要实现多行表头的效果，在api中找到的答案是能够实现２行表头，那么要实现多行该如何解决呢？实现２行表头的写法如下：//形成表格$("#itemlist_list").jqGrid({ autowidth:true, url:itemlis
2015-01-21 16:00:21
27565
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人