![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
故事佛小妞
这个作者很懒,什么都没留下…
展开
-
get和post的区别-学习笔记
参数GET传递的参数只能带URL后面,文本格式QueryString,各浏览器一般有长度限制,一般是2048,如果有中文字符更短。提交到服务器端的数据量小。 POST可以传递application/x-www-form-urlencoded的类似body参数。提交到服务端的数据量大。 ...原创 2018-07-18 11:11:38 · 113 阅读 · 0 评论 -
elementUI switch控件应用记录
问题场景在使用swicth控件时,希望点击switch后,提交修改请求,请求返回正确后修改switch状态,否则,不修改。原switch只有change事件,可以在请求返回错误后将状态修改回去,但是这样页面会有一瞬间看到switch的改变且在状态复杂的情况下要做复杂的逻辑处理。分析change事件不能完美地满足需求,考虑如何为switch增加click事件,在click事件中进行操作方法...原创 2019-03-14 10:36:42 · 1321 阅读 · 0 评论 -
VUE:获取异步错误并自定义处理
这里写自定义目录标题问题场景分析一方法一:重新定义错误处理方法方法二问题场景在使用codemirror实现json、yml和property之间的转换时,使用了js-yaml插件处理json和yml,发现当输入yml格式错误时会在控制台输出错误提示,希望能够在页面上显示这个错误信息而不在控制台以error形式输出(且不影响vue默认的错误处理方法)。分析一查看vue的错误处理机制是Vue....原创 2019-02-25 16:56:39 · 3982 阅读 · 0 评论 -
常用html字符代码总结
  中文全角空格(一个中文宽度)   普通英文半角空格   普通英文半角空格(不换行)       半个中文宽度     一个中文宽度     ...原创 2019-01-28 16:33:04 · 432 阅读 · 0 评论 -
js数值处理总结
千分位 toThousand(num) { return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ',')) } 百分比 toPrecent(num) { if (num === 0) { ...原创 2019-01-22 18:28:32 · 204 阅读 · 0 评论 -
elemenui table合并单元格(总结)
<el-table :span-method="arraySpanMethod" ...></el-table> arraySpanMethod(obj) {...} obj为对象,其包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。 第4行除第1列外的所有单元格 let a = ...原创 2019-01-03 14:40:46 · 286 阅读 · 0 评论 -
Duplicate keys detected: 'xxx'. This may cause an update error.
场景:这个警告是在我使用vue的v-for循环中出现,代码:<el-tag v-for="attr in scope.row.attrs" :type="attr" :key="attr" > {{ attr }} </el-tag&g...原创 2018-11-19 15:50:46 · 11527 阅读 · 0 评论 -
sessionStorage、localStorage和cookie之间的区别
共同点:保存在浏览器端,且同源。区别: cookie localStorage sessionStorage 是否传递 始终在同源的http请求中携带(即使不需要) 不会自动把数据发给服务器,仅在本地保存 存储大小 <=4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识 5M或更大...原创 2018-09-10 11:03:21 · 312 阅读 · 0 评论 -
前端碎片
textarea中换行 使用&#13;&#10;原创 2018-08-29 10:31:09 · 187 阅读 · 0 评论 -
layui多选下拉使用笔记
formSelects-v4:http://sun.faysunshine.com/layui/formSelects-v4/example/example_v4.html 201809:http://sun.faysunshine.com/layui/formSelects-v4/example/example_v4.html#select_linkagebug、新增内容、修改内容...原创 2018-07-18 11:08:54 · 11572 阅读 · 2 评论 -
layui数据表格跨行自动合并
需求描述:在数据表格中,对于按某个分类展示数据其分类下又有多个细分的嵌套细分项,如省市区昵称,省下面有多个市,市下面有多个区,区下面有昵称,需要实现跨行合并,且操作按钮以分类为单位(即操作按钮需按照分类合并)。需求分析:除操作列外,以左边列为基础单位进行跨行合并,当前单元格合并数<=左边列;操作列可以选择任意列作为基础单位(这个待完善)。原始页面:处理页面:...原创 2018-08-07 17:08:42 · 26993 阅读 · 12 评论 -
layui日期范围控件(支持周季)
需求:需要日期范围控件支持日周月季年,以及日期偏移,同时周类型具体应支持到选择周几(如周类型日期偏移为3,则只能选择周三)季周结果展示: 解决:/** * 初始化日期控件 * @param id 日期控件id #id * type 日期类型,date week month quarter year * offset 偏移量,周类型值为1-7,...原创 2018-08-21 10:08:06 · 10242 阅读 · 9 评论 -
smarty的tpl语法使用
根据foreach执行次数判断下一个页面元素是否需要渲染 {counter start=0 skip=1 assign="count"} 在foreach里面添加:{counter} {if $count ==0}页面元素{/if} 使用replace处理变量值 {if $flag==true} {foreach $listsArr ...原创 2018-07-27 09:56:56 · 1850 阅读 · 0 评论 -
解决iframe跨域问题
目录场景解决跨域一:使用代理页面(来自 [伯纳乌的追风少年](https://www.jianshu.com/p/9d90d3333215))解决2:使用postmessage场景在开发中,发现部分页面内容在不同项目中重复率极高,像导航栏这种,不同项目都需要复制一份代码在项目中很麻烦,而且修改起来也工具量大,容易遗漏或错误。想到通过引用组件或iframe页面嵌套的方式解决,使用组件解决的话每次...原创 2019-05-15 14:32:50 · 24271 阅读 · 0 评论