随笔分类 - 前端学习总结
在实际应用开发中遇到的问题或者学习小结
摘要：最近在开发S1 B/S 的前端页面时，有一个下载bs包进度条的样式编写，遇到一个莫名的坑，一句话描述不清，直接上图和代码。 先看一下原来的样式： 布局样式代码如下： <html> <head> <style> * { margin: 0; padding: 0; box-sizing: border
阅读全文
摘要：关于把一维数据通过id和parentId之间的联系转化为多维的树形结构数据 1 // 原始数据结构 2 var resourceData = { 3 "id": 6373341721883527000, 4 "name": "客户商机管理", 5 "icon": "cap-icon-wenjianj
阅读全文
摘要：vue中用v-for的item属性作为v-if组件渲染条件时不起作用 上篇讲到了使用组件递归实现树形菜单，现在要来实现点击切换菜单项的展开收起状态。 我的想法时，在处理菜单列表数据时，给每个有子菜单的菜单项添加一个showChild属性，然后在Menu组件渲染时，通过v-if绑定item.showC
阅读全文
摘要：vue组件递归实现树形菜单 最近有一个任务就是用vue组件实现树形菜单，我一开始还打算老老实实的写ul/li标签+v-for来渲染，结果指导人过来指点了我一番，最后用了不到20行代码就搞定了，我这才知道了组件还可以递归使用！废话不多说，一起来学习吧！ 第一件事，我们要准备两个vue文件，第一个作为容
阅读全文
摘要：js数组方法（es5） ECMAScript 5定义了9个新的数组方法来遍历、映射、过滤、检测、简化和搜索数组。下面几节描述了这些方法。 但在开始详细介绍之前，很有必要对ECMAScript 5中的数组方法做一个概述。首先，大多数方法的第一个参数接收一个函数，并且对数组的每个元素（或一些元素）调用一
阅读全文
摘要：关于在v-show的使用中遇到的问题—v-show频繁切换后失效 最近在写任务的时候遇到了这样一个问题： 首先，我在 data 中定义有一个 errRanges 数组，这个数组中的数据是来自在页面创建的时候发请求返回的数据，也就是说，每次返回的数据都可能不同。然后，页面上有几个卡片，点击不同的卡片，
阅读全文
摘要：vue+antDesign 多个select下拉组件实现已选择项不可用（置灰） data data() { return { languages: [ {language: 'zh', title: '中文'}, {language: 'en', title: '英文'}, {language: '
阅读全文
摘要：antd + vue 点击编辑文本切换成可编辑状态（附下拉框） 最近写任务的时候遇到这样一个前端功能： 默认展示文本和编辑图标，点击删除之后，文本的位置切换成输入框，如下所示： 点击编辑图标之后 我参照了的antd文档中table组件的一个可编辑单元格的例子，单独写一个组件，让它在内部控制自己的可编
阅读全文
摘要：antDesign的table组件设置行列样式 首先，在columns中，给要添加样式的表格项添加一个类名属性： columns=[ { title: "描述", key: "desc", dataIndex: "desc", className: "v-center", scopedSlots:
阅读全文
摘要：antDesign 的row的col嵌套后底层row中的事件触发失败 工作中遇到的问题，附上代码： <a-row ><a-col :span="8"></a-col> <a-col :span="15" offset="1"> <a-row class="opt-pannel"> <a-col :s
阅读全文
摘要：vue样式穿透 今天我在写表格样式的时候，想要让antDesign的<a-table>表格组件的单元格内容垂直居中，可是我怎么都改不过来。一开始我以为是权重不够，于是加了！important，结果还是没有变化，表格中 td 的vercal-align一直是baseline。通过一番网上搜索之后，我找
阅读全文
摘要：学习数组的indexOf()方法的时候，因为它也适用于字符串，所以想到了的这个功能，就自己试了试。 1 <html> 2 <head> 3 <title></title> 4 <style> 5 .showBox { 6 width: 400px; 7 min-height: 100px; 8 pa
阅读全文
摘要：Chrome Devtools常用调试功能 在实习期间，为了能更好的地完成上级派发下来的任务，同时提升自己的代码编写效率，熟练地使用调试工具是会起到很大的作用的。下面就以谷歌浏览器的devtools为例来一起学习一下吧！ 1. 打开工具面板 windows：组合键Ctrl + Shift + i 或
阅读全文
摘要：vue+antDesign 查询和修改信息中遇到的问题 最近在公司实习的时候做任务时，遇到了几个小问题，可能都很简单，勿喷！ 关于搜索功能 前端搜索功能(没有搜索按钮的情况下) 利用v-if或者v-show，建议v-if（初始渲染消耗相对较小）。 如果生成的列表项或者表格项包含关键字（搜索框里的输入
阅读全文
摘要：这两天老师讲到了变量提升这个概念，然后出了几道题给我们做，我当场就卡死。归根结底还是没理解透彻，变量提升里面的一些规则没明白。因此，小陈同学我在课下仔细查阅了一翻，终于将它搞清楚了。所以，趁热打铁，赶紧记录下来。 首先，讲讲变量提升的原因，即为什么要进行变量提升。 这是我查阅的资料，参考一下： “j
阅读全文
摘要：目前收集整理出了8种块级元素垂直居中对齐的方法 第一种方法 利用定位+估算 1 .parent{ 2 width: 200px; 3 height: 200px; 4 position: relative; 5 background: #888888; 6 } 7 .child{ 8 width:
阅读全文
摘要：数组 有序的数据的集合。 创建数组 1) 字面量表达式 var arr = [1,2,3,,,6] 字面量表达式中用“，”省略的数组元素是存在的，每一个省略的元素都占了一个长度，但是它们的值为undefined。即是说，arr的长度为6，arr[3]和arr[4]的值为undefined。 字面量表
阅读全文
浙公网安备 33010602011771号