摘要:
上传方法 formData.append 阅读全文
摘要:
判断监听的变量,如果undefined可以用$set来注册一个变量。 另外click可以是表达式,不一定必须是一个方法。 阅读全文
摘要:
export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = { 'M+': dat... 阅读全文
摘要:
阅读全文
摘要:
参考网址http://www.jiathis.com/ 阅读全文
摘要:
FileReader对象的readAsDataURL方法可以将读取到的文件编码成Data URL。Data URL是一项特殊的技术,可以将资料(例如图片)内嵌在网页之中,不用放到外部文件。使用Data URL的好处是,您不需要额外再发出一个HTTP 请求到服务器端取得额外的资料;而缺点便是,网页的大 阅读全文
摘要:
window.location 对象 window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。window.location 对象在编写时可不使用 window 这个前缀。 location.hostname 返回 web 主机的域名 location.p 阅读全文
摘要:
/* * className为green的方法 */ function alertMsgG(msg,title,fn){ bootbox.alert({ buttons: { ok: { label: '确认', className: 'btn green' } }, message: msg, title:title, callback: ... 阅读全文
摘要:
返回的数据格式 可使用的dataTable 阅读全文
摘要:
表单提交不跳转 表单提交跳转的,在表单验证完再跳转的 window.onsubmit = showMethod each循环的,return 出一个标记来判断跳出循环的状态。 阅读全文
摘要:
1、FreeMarker支持如下转义字符: \";双引号(u0022) \';单引号(u0027) \\;反斜杠(u005C) \n;换行(u000A) \r;回车(u000D) \t;Tab(u0009) \b;退格键(u0008) \f;Form feed(u000C) \l;< \g;> \a 阅读全文
摘要:
为了帮助用户了解应用当前要做什么,也给用户的下一步行为做参考,以及了解操作后所产生的结果 ,当用户和系统需要交互时,使用不同的模式来反馈信息或结果。当设计者使用反馈或者自定义一些反馈时,请注意:为用户在各个阶段提供必要、积极、即时的反馈;避免过度反馈,以免给用户带来不必要的打扰,能够及时看到效果的、 阅读全文
摘要:
合适的数据展示方式可以帮助用户快速地定位和浏览数据,以及更高效得协同工作。在设计时有以下几点需要注意:依据信息的重要等级、操作频率和关联程度来编排展示的顺序。注意极端情况下的引导。如数据信息过长,内容为空的初始化状态等。1、表格表格被公认为是展现数据最为清晰、高效的形式之一。注: 1. 表格中的时间 阅读全文
摘要:
数据录入是获取对象信息的重要交互方式,用户会频繁的增加、修改或删除信息。多种多样的文本录入和选择录入方式帮助用户更加清晰和高效的完成这项体验。设计者应当注意这几点:为初级用户/偶尔访问的用户提供简单易懂的文案作为『标签(Label) 』;为领域专家提供专业术语作为『标签(Label) 』。当需要用户 阅读全文
摘要:
在广义上,任何告知用户他在哪里,他能去什么地方以及如何到达那里的方式,都可以称之为导航。当设计者使用导航或者自定义一些导航结构时,请注意:尽可能提供标识、上下文线索,避免用户迷路;保持导航样式和行为一致或者减少导航数量,降低用户学习成本;尽可能减少页面间的跳转(例如:一个常见任务需要多个页面跳转时, 阅读全文
摘要:
布局是页面构成的前提,是后续展开交互和视觉设计的基础。设计者在选择布局之前,需要注意以下几点原则:明确用户在此场景中完成的主要任务和需获取的决策信息。明确决策信息和操作的优先级及内容特点,选择合理布局。一、常用布局网站展示页、Dashboard、列表页、表格页、详情页、表单页。在设计前先了解这些模板 阅读全文
摘要:
在界面中,我们需要通过对话的方式与用户产生共鸣。精准、清晰的语言会更容易让用户理解,合适的语气更容易让用户建立信任感。因此在界面设计时,文案也应当被重视。 在使用和书写文案时有以下几点需要注意:从用户角度出发表述一致重要的信息放在显著位置专业、精准、完整精简、友好、正面一、语言1、明确表述立足点在表 阅读全文
摘要:
跨平台的字体设定,力求在各个操作系统下都有最佳展示效果。字体是界面设计中最重要的基本构成之一,用户通过文本来消化内容和完成工作,优雅的字体将大大提升用户的阅读体验及工作效率。在满足不同终端始终保持良好的阅读体验的同时,使页面的视觉层次更加清晰。使用时有以下三点需要注意:合理的使用不同的字重、字号和颜 阅读全文
摘要:
图标是具有指代意义的图形,也是一种标识。通过使用图标表达命令,强调状态,表示产品或类别。为了系统及跨平台之间图形认知保持一致, 图标在设计和使用时有以下两个原则点需要注意:简单的图形语言以及高辨识度。清晰、直观的图标更能明确指代含义便于识别记忆;保持图标之间一致的风格和表现方式。界面中的所有图标都应 阅读全文
摘要:
一、颜色Red热情、警示 Green成功、通过、安全 Blue专业、科技 Pink典雅、明快、女性 Orange醒目、温暖 Purple高雅、浪漫 Yellow活力、提示 Cyan清新、冷静、结构化 Grey平稳、中性二、色彩应用1、品牌色的应用品牌色是体现产品特性和传播理念最直观的视觉元素之一2、 阅读全文
摘要:
1、亲密性 a)纵向间距示例这三种规格分别为:8px(小号间距)、16px(中号间距)、24px(大号间距)。 b)在这三种规格不适用的情况下,可以通过加减『基础间距』的倍数,或者增加元素来拉开信息层次。注:A、y=8+8*n。其中,n>=0,y 是纵向间距,8 是『基础间距』。B、增加元素示例,通 阅读全文
摘要:
以下是编码和解码的方法 测试下 阅读全文
摘要:
1、很好用的弹窗 https://limonte.github.io/sweetalert2/ https://github.com/limonte/sweetalert2 2、一款兼容的视频插件video.js https://github.com/videojs/video.js 3、 阅读全文
摘要:
在尝鲜vuex2时,发现vuex2增加了 mapGetters 和 mapActions 的方法,借助stage2的 Object Rest Operator 特性,可以写出下面代码:methods: { marked, ...mapActions([ 'getArticles' ])}但是在借助b 阅读全文
摘要:
1、form表单里面的按钮会形成表单提交事件,如果不想在提交失败的情况下刷新页面,请不要使用form,或者放在form外面 2、form表单的action方法,如果没有,建议写javascript:;,如果不写在点击按钮的时候会显示‘’?‘’ 阅读全文
摘要:
什么是Vuex? vuex是一个专门为vue.js设计的集中式状态管理架构。状态?我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。 引入Vuex(前提是已经用Vue脚手架工具构建好项目) 1、利用npm包管理工具,进行安装 vuex 阅读全文
摘要:
建议您点住MENU键15秒不动即可解锁~ 阅读全文
摘要:
新学习一个js 的方法 getPropertyValue (实现 js框架中 css 的最终调用的函数),取得元素最终计算出的css 样式 DEMO: <!DOCTYPE html> <html><head> <title></title> <meta charset="gbk"> <style t 阅读全文
摘要:
移动端touch事件判断滑屏手势的方向 方法一 思路:用touchmove的最后坐标减去touchstart的起始坐标,X的结果如果正数,则说明手指是从左往右划动;X的结果如果负数,则说明手指是从右往左划动;Y的结果如果正数,则说明手指是从上往下划动;Y的结果如果负数,则说明手指是从下往上划动。 具 阅读全文
摘要:
atom插件 http://blog.csdn.net/qq_30100043/article/details/53558381 atom社区 https://atom-china.org/ 阅读全文
摘要:
写文件 读文件并转码 1 #include <fstream> 2 #include <iostream> 3 #include <Windows.h> 4 #include <string> 5 using namespace std; 6 7 string UTF8ToGB(const char 阅读全文
摘要:
1、页面可编辑 document.body.contentEditable=true 2、console.table() 3、console.dir 4、clear() 清空控制台 5、sources sources标签页可以查看到请求的资源情况,包括CSS、JS、图片等的内容,同时还可以查看到存储 阅读全文
摘要:
scroll(e){ var table=document.querySelector('.el-table__body-wrapper'); var a=table.clientHeight;//可视高度 var b=table.scrollHeight;//滚动条长度 ... 阅读全文
摘要:
DFASFDASDFASDFASDFASDF 阿法狗撒旦法噶撒的发生的 阅读全文
摘要:
qrcode.js 1 /*from tccdn minify at 2014-6-4 14:59:43,file:/cn/c/c/qrcode.js*/ 2 /** 3 * @fileoverview 4 * - Using the 'QRCode for Javascript library' 阅读全文
摘要:
::-webkit-input-placeholder { /* WebKit browsers */ color:#999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#999; } ::-moz-placeholder { 阅读全文
摘要:
这样就可以解决在手机端看不到滚动条的问题了~ 阅读全文
摘要:
parentMethod(a){ this.datas = a } created(){ console.log(this.table.data); this.$emit('childEvent'); } 阅读全文
摘要:
注:在css抽离的过程webpack-dev-server -d --inline --hot --env.dev ,scss写的文件不会热更新。所以build中再使用,开发过程中不适用,效果更佳~ 在webpack4中改成了mini-css-extract-plugin,依然是build中使用 c 阅读全文
摘要:
Windows下安装 方法一——VS: 使用windows开发神器visio studio。这种方法比较简单,直接下载一个最新的vs安装就行。不单单是C++,C、C#、VB等都可以开发。 方法二——只安装C++编译器: 最常用的免费可用的编译器是 GNU 的 C/C++ 编译器,为了在 Window 阅读全文