随笔分类 - 老版前端
摘要：<el-form :model="state" validate-on-rule-change="false"> <el-form-item :key="item.key" :label="item.field" :prop=//这里要使用：数据集合list.index.input组件绑定的值的名称
阅读全文
摘要：plop可以作为一个自动化生成模板工具使用， 首先要安装 npm i plop -d 然后可以建立如图所示的结构 然后要在package.json做声明： "scripts": { "plop":"plop" }, 参考文档： https://plopjs.com/documentation/#ge
阅读全文
摘要：ret.data.expires_in是获取的后台时间段（分钟数） 年月时秒都是类似操作，具体可以查阅获取年月日时分秒的方法
阅读全文
摘要：import React from 'react'; import PropTypes from 'prop-types'; class Home extends React.Component{ render(){ return ( <div> <h1>hello word</h1> <button onClick={(event)=>this.TestMethod(event,"哈哈哈")}>
阅读全文
摘要：https://www.jianshu.com/p/34ca30e71494
阅读全文
摘要：如果操作数是一个对象，返回true如果操作数是一个空字符串，返回false如果操作数是一个非空字符串，返回true如果操作数是数值0，返回false如果操作数是任意非0数值（包括Infinity），返回true如果操作数是null，返回false如果操作数是NaN，返回false如果操作数是unde
阅读全文
摘要：在webpack打包的时候需要npm下载webpack-cli，而且打包JS的命令从以前的webpack .\src\main.js .\dist\boundle.js 要编程 webpack .\src\main.js -o .\dist\boundle.js --mode development
阅读全文
摘要：deleteItem: function (array,item) { const index = this.array.findIndex(text => text.name item.name); this.array.splice(index, 1);} 亲测vue 中可用
阅读全文
摘要：在bootstrap的modal点开的时候改变bootstrapSwitch的状态的时候，会出现第一次打开modal，switch没有变化，第二次以后打开modal才会改变，这个问题找了好久没有找到答案，最后使用了modal的show事件，在modal的show以后去改变，代码如下；
阅读全文
摘要：这个操作的大致步骤是把本地文件存入到服务器端，然后再读取服务端的文件并且使用NPOI这个第三方的插件去读取文件导入到数据库批量插入需要注意的是，前端需要使用form包裹type=file的文件标签，并且文件标签需要有name属性，否则后台无法获取，在一个就是form需要含有enctype="mult
阅读全文
摘要：根据官方文档的说法这个支持IE9+以及大部分主流浏览器，地址：https://clipboardjs.com/ 下面写个简单的例子：HTML：注意，这里最好是button，并非所有的元素都支持该JS JS: 需要注意的是，官方强调了bootstrap的一个特殊情况 要在Bootstrap Modal
阅读全文
摘要：页面三个txt加载联动省市县的代码，假如有一个树形的JSON，分别显示的省市县这时候三个TXT怎么做联动效果呢，这里用framework7为例HTML: 页面开始先加载第一个省和第一个省的第一个市和第一个市的第一个县 这里可以使用递归的方法有兴趣的同学可以花时间写一下 js:
阅读全文
摘要：以时间转换为案例： 调用： value.CreateTime = new Date(value.CreateTime).Format('yyyy-MM-dd');
阅读全文
摘要：在使用 import {XXX} from './xxx'的时候，到浏览器上会报错，提示找不到xxx文件，原因在于没有加入后缀，这时候要写成import {XXX} from './xxx.js'注意这不能写xxx.ts，因为这么写会被运行时检查代码报错提示你去掉后缀，所以要写ts编译以后的js后缀
阅读全文
摘要：只有-000.12这样的不能匹配，但是可以通过parseFloat去转换成-0.12,公式如下： ^(-{1})\d+.{1}[0-9]+$|^(-{1})[1-9][0-9]+$
阅读全文
摘要：js在处理的时候可以使用oninput去获取当前输入框输入的值， jquery的时候使用了keypress和keydown但是发现都不能在输入后触发事件去获取输入框的值，这时候需要使用 ‘input propertychange’事件去进行输入内容捕获，但是中文的输入法应该不可以，中文输入可以参考我
阅读全文
摘要：现在的要求是日历中要区分已打卡和未打卡的显示，并且当月只显示当月的日历状态，其他月份不显示状态，并且打卡的日期不能大于当日 实现代码（精确到天）： HTML： CSS： JS：
阅读全文
摘要：JS： 总结：和v1.6的写法还是差异很大的，是实例化的格式上
阅读全文
摘要：经常我们写事件是这样的 但是这样在spa模式下经常容易出现页面切换后事件失效的问题， 可以采用这样的写法： 这种方法可以一直监听dom中对应的元素事件。不会出现页面前进后者后退之后dom失效的情况
阅读全文
摘要：再这个版本的7会存在一个问题，那就是loadpage到指定页面后才做其中的DOM比如DIV里面的text或者HTML，虽然控制台会显示改变后的值但是页面上却还是原值，这时候需要改变方法使用reloadpage（"指定的页面"），这样可以防止dom出现这样的问题
阅读全文
