公告
Element-UI
el-table内容为空时,设置默认值
方法一:通过css设置123456789101112/deep/.el-table { .cell:empty::before { content: "---"; color: #ccc; } .is-leaf { .cell:empty::before { content: "---"; color: #ccc; } }} 方法二:过滤在 el-table-column 里使用 :formatter 123456<el-table-column prop="caseTypeNames" label="类型" :formatter="caseTypeName ...
开发规范
前端开发规范:js规范
避免全局命名空间污染防止全局命名空间被污染,我们通常的做法是将代码包裹成一个 IIFE(Immediately-Invoked Function Expression),创建独立隔绝的定义域。也使得内存在执行完后立即释放。 IIFE 还可确保你的代码不会轻易被其它全局命名空间里的代码所修改(i.e. 第三方库,window 引用,被覆盖的未定义的关键字等等)。不推荐: 123456var x = 10, y = 100;// Declaring variables in the global scope is resulting in global scope pollution. All variables declared like this// will be stored in the window object. This is very unclean and needs ...
开发规范
前端开发规范:css规范
id和class的命名id和class的名称总是使用可以反应元素目的和用途的名称,或其他通用的名称,代替表象和晦涩难懂的名称。 不推荐 : 1234567.fw-800 { font-weight: 800;}.red { color: red;} 推荐 : 1234567.heavy { font-weight: 800;}.important { color: red;} 合理的使用id一般情况下id不应该被用于样式,并且id的权重很高,所以不使用id解决样式的问题,而是使用class。 不推荐: 123#content .title { font-size: 2em;} 推荐: 123.content .title { font-size: 2em; ...
开发规范
前端开发规范:html规范
文档规范使用 HTML5 的文档声明类型 : <!DOCTYPE html> DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。 使用文档声明类型的作用是为了防止开启浏览器的怪异模式。 没有DOCTYPE文档类型声明会开启浏览器的怪异模式,浏览器会按照自己的解析方式渲染页面,在不同的浏览器下面会有不同的样式。 如果你的页面添加了<!DOCTYP>那么,那么就等同于开启了标准模式。浏览器会按照W3C标准解析渲染页面。 脚本加载说到js和css的位置,大家应该都知道js放在下面,css放在上面。 但是,如果你的项目只需要兼容ie10+或者只是在移动端访问,那么可以使用HTML5的新属性async,将脚本文件放在<head>内 兼容老旧浏览器(IE9-)时: ...
开发规范
前端开发规范:命名规范
驼峰式命名法介绍 Pascal Case 大驼峰式命名法:首字母大写。eg:StudentInfo、UserInfo、ProductInfo Camel Case 小驼峰式命名法:首字母小写。eg:studentInfo、userInfo、productInfo 文件资源命名 文件名不得含有空格 文件名建议只使用小写字母,不使用大写字母。( 为了醒目,某些说明文件的文件名,可以使用大写字母,比如README、LICENSE。 ) 文件名包含多个单词时,单词之间建议使用半角的连词线 ( - ) 分隔。 引入资源使用相对路径,不要指定资源所带的具体协议 ( http:,https: ) ,除非这两者协议都不可用。 不推荐: 1<script src="http://cdn.com/foundation.min.js"></script> 推荐: ...
JavaScript
正则表达式忽略首尾空格,批量替换文本之间空格
移除首尾空格12345// 方式 1 正则表达式str.replace(/(^\s*)|(\s*$)/g, "")// 方式 2 trim()str.trim() 空格批量替换12// 正则替换一个及以上空格为逗号str.replace(/\s+/g,",") 批量替换函数123456789// 批量替换函数function replaceStr(str) { return str.replace(/(^\s*)|(\s*$)/g, "").replace(/\s+/g, ",")}// 样例 demoreplaceStr('1,2 3 ') // 1,2,3replaceStr(' 1 2 3 ') // 1,2,3repla ...
跨界学习
Excel 解一元一次方程
今天 leader 扔了一个公式让我们解方程,如下,求 x 的值: 该方程变量为 x, 存放于单元格 A1,A1 即为可变单元格,此时为空。 A2 单元格设为目标单元格,目标值为 75000,在 A2 单元格输入以下公式:=5/(0.001*(1-A1))+5/(0.001*(1-2*A1))+5/(0.001*(1-3*A1))+5/(0.001*(1-4*A1))+5/(0.001*(1-5*A1))+5/(0.001*(1-6*A1))+5/(0.001*(1-7*A1)) (注意:*表示乘,公式中不能漏掉乘号* ,也不能漏掉等号=), 按回车键,这时 A2 中值为 35000。 单击“数据”选项卡,单击“数据工具”组中的“假设分析”按钮,在下拉菜单中单击“单变量求解”,弹出“单变量求解”对话框,删除“目标单元格”文本框中文字,输入 A2,在“目标值”文本框中输入 75000 ...
跨界学习
阿里职位评级、薪酬体系及学习路线
职位评级 P5 等级薪酬:年薪 20w ~ 40w要求:独立执行既定任务 P6 等级薪酬:年薪 40w ~ 60w要求:独挡一面,在专业领域具备辅导他人的能力关键词:独挡一面,辅导他人,持续学习 P7 等级薪酬:年薪 50w ~ 70w,股票 800 ~ 1200 股要求:某一领域专家,知其然知其所以然,对专业领域有影响力,可领导跨部门项目关键词:领域专家,一杆到底,系统性思考 P8 等级薪酬:年薪 70w ~ 200w ,股票 2000 ~ 2200 股要求:在专业领域有一定前瞻性,推动业务创新,参与能够影响事业部层面的,能够做策略及统筹规划关键词:行业深度,全局意识,前瞻规划,推动创新
跨界学习
什么是用户运营、产品运营、活动运营和内容运营
什么是新媒体运营,一种比较常见的表述是:新媒体运营指的是用户运营、产品运营、活动运营和内容运营四大模块的总称。 在实际运营工作中,四大模块之间往往没有清晰的边界,各项工作会有交叉。 发展历史在解释用户运营、产品运营、活动运营和内容运营之前,我们先了解下新媒体运营的发展历史。 新媒体运营是连接网民与互联网产品的桥梁,因此新媒体运营的发展,也是 随着互联网产品的创新发展 及 网民的喜好 而不断变化的。 新媒体运营发展的不同阶段虽然都涉及内容、用户、产品及活动,但每个阶段的侧重各有不同,如下图所示。 用户运营主导期(2000年以前)2000 年以前,我国互联网尚处于萌芽阶段,网民数量极少。此时互联网公司处于野蛮生长阶段,新创意层出不穷、新产品不断出现——哪家公司能够挖掘到用户需求、抢 到用户,哪家公司就能更快成长。 后来,成长为巨头的互联网公司,几乎全部得益于 2000 年以前围绕用户需求 ...
跨界学习
新媒体运营岗位的 18 个入门专业术语
每个行业都有一些专业术语,同样新媒体运营必须对其专业术语如数家珍,以便提高运营团队的内部沟通效率,如 活动转化率为15%。没必要再用 本次活动的购买人数除以参与人数,比例是 15% 来解释。 下面从 策划、执行、反馈 三大类切入,列举一些新媒体入门必备的关键词,而具有一定经验后,需要熟悉的关键词远远不止这些。 类别 定义 策划类 用户画像、产品矩阵、运营策划 执行类 KOL、账号矩阵、文案、软文、工具 反馈类 粉丝数、曝光量、阅读量、访问量、跳出率、活跃用户数、转化率、好评率、销售额、ARPU 1. 用户画像用户画像的过程就是一个 贴标签 的过程。通过用户 年龄、性别、消费习惯、生活习惯、浏览习惯 等多重信息,新媒体运营者 把用户抽象成标签化的模型,以便进行更有针对性的新媒体推广或用户管理。 2. 产品矩阵产品矩阵即针对 不同用户或同一用户不同需求 而设计的系列化产 ...