qq_29539827的博客

如果没弹窗，点击左测第四个菜单“拓展”（相当于idel的plus，装插件的地方），输入language 选择chinese进行安装。下载完成后， 你的项目下会多出一个node_modules的文件， 这就是执行后下载下来的依赖包了。最近在开始接触做vue框架的前端项目，以前用的前端比如html，js，css等都是比较原生的，写好后直接浏览器打开就行。切记镜像不切换，有些依赖包就下载不下来，项目自然也就运行报错，跟java一样的。项目启动成功，项目的代码结构介绍和常用功能，可以参考我另外一篇。

这个function是用时间戳+N位随机字符拼接在一起。 当然如果N的值够大够长，则前面不拼接时间戳也可以function getRandomChar(len) { var x="0123456789qwertyuioplkjhgfdsazxcvbnm"; // 需要什么字符这里添加 var tmp=""; var timestamp = new Date().getTime(); for(var i=0;i< len;i++) { tmp += x.charAt

导出文件， 当文件是中文的时候， 有时候浏览器会自动转码，导致服务器上找不到这个文件了而报错。比如：/home/data/李四.xls 存在与服务器上， 通过window.location.href=file_url后，/home/data/%E6%9D%8E%E5%9B%9B.xls 浏览器自动转了找不到文件了404开始以为是前端后台的编码格式不一致导致传输数据过程中变了，就想着用URLcode后台加密前台解密。但最终发现在页面上即使写死一个中文名称文件名也是一样的结果。也尝试了window.o

同一个页面上(含引入的页面)如果有同名id，则根据id获取属性则会无效取不到，而且js也不会报错，那就要通过浏览器找找是否有同名id存在了，最直接的解决方案是修改ID使得不同名。但有时id不能随便改，比如我在父页面上引入一个modal正常没问题，引用两个公共modal到一起后出现了同名的id，因为是公共通用的modal如果修改id，则其他很多引用了此modal的页面都会受到影响。...

今天做了一个页面上直接播放视频的功能， 用的是video标签来实现的。（ie低版本不支持video标签）弹出框modal代码如下<!-- 调用 --><a onclick="playMedia()">查看视频</a><!-- 弹出框modal代码 --><div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="media

bootstrap的样式是整块的，有时候想要实现一点个性化的样式又很消耗时间。本文记录一些曾经用过的bootstrap样式，忘记了还能找回来。。。功能目录清单：1.设置表头对齐方式2.设置表数据行对齐方式3.设置表某一列的对齐方式1.设置表头对齐方式定义全局表格样式如下<style> .table thead>tr>th { text-align: center; }</style>2.设置表数据行对齐方式定

bootstrap表格，对数据行的操作有两种。第一种是每行数据前面有个勾选按钮， 操作按钮放在表格外面(表头上面)， 要求选中一行在点击操作按钮。第二种是比较传统的把按钮放到表格的最后一列，每一行的最后一列都是同样的一套操作按钮。今天只说下第二种方式。...

bootstrap框架的好处是有很多的现成的样式可以直接使用， 比如做后台管理系统，每个页面都少不了列表查询，可以说每个页面都是在类似的重复。增删改查的列表查询很简单，按照固定的模式按部就班， 说白了就是复制以前的页面过来改改就可以了。但管理后台的页面有时候需要做报表统计管理，这类需求的表格不一定是一行一列这样分明，有时候需要进行合并单元格，下面分享一个本人今天写的合并单元格的例子。先展示一个基本的表格（适合新手看）<!-- 搜索表单 --><div class="panel

在做一个增删改查的页面功能，新增、查看和修改共用的是同一个弹出窗。优化js代码可以写的简洁一点。js所需做的如下：新增：弹窗加载前需要先重置全部表单值（reset）查看：弹窗加载前需要先重置全部表单值（reset），赋值（setDate），只读（setReadOnly）修改：弹窗加载前需要先重置全部表单值（reset），赋值（setDate）移除只读（removeReadOnly）以上为什么要这样做？新增如果没reset，再新增时，表单里面都是添加上一个时填入的值，要删了再填写，麻烦

曾经做过的页面上的页面输入校验， 记录下来以后就不用再写第二次了，c来直接用。。1.特殊字符校验2.ip规则校验3.起止时间检查4.字符串转大/小写5.联动其他输入框必填（动态红色星号标记）6.清除下拉选项7.文件上传8.是否为空（必填）9.打印页面填写信息（用于再次确认）校验特殊字符function ValidateSpecialCharacter(){ var code; if(document.all) { //是否IE浏览器

调试好一会才弄好的，bootstrap页面上的小问题记录下。1、表单禁止回车提交。问题：做了一个弹出框的搜索页面，输入关键词不点击搜索按钮直接回车，结果离开了当前页面跳转了一个空白页面，搜索出来的数据也没了样式直接显示在空白页面上。搜索了别人的做法有好几种， 但只有下面这一种测试成功了。在input里面添加onkeydown="if(event.keyCode==13){event.keyCode=0;event.returnValue=false;}"2、disabled 属性导致获取不到

bootstrap上下级联动选择变动，类似添加地址，选择省市区效果。地址选择有专用的插件可以直接使用，当按个人需要时，自己写了一个凑合用上了。以下示例的原理是先把下级的全部选项在页面加载的时候存入数组里面，当上级选项改变时，先清空原来下级选择框的全部选项，再从数组里面拿出只需要的选项重新填入下级选择框里面。html代码如下<div class="form-group"> &lt...

1.先从表单里面获取到objectvar userInfo= {}; //创建一个对象 userInfo.name= $("#name").val();userInfo.mobile= $("#mobile").val();userInfo.age= $("#age").val();userInfo.sex= $("#sex").val();2.转成json格式...

H5页面上传图片，在PC测试一切正确， 但是在手机端操作，微信浏览器和部分手机自带浏览会出现“没有应用可执行操作”，无法弹出选择图片框。代码如下<input style=" opacity: 0;width: 90px;height:30px;position: absolute;left:0px;" type="file" name="imgFile" id="imgFile_2" a...