首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS代码超过1000,该怎么维护?

1000JS代码,听起来挺多的,但实际上真不算什么,随便一个功能完备、代码健壮的JS应用或是模块,很轻松的就写出1000多行,看这里,我以前写的一个tabel插件,带有CRUD功能、展开、加载、上传、...所以,现代的大型web应用,1000以上的JS代码我觉得就是“起步价”而已。那么这种大型应用的开发,我们必须对JS的可维护性有一个清醒的认识。 不要觉得,“我写的代码,我还维护不了么”?很有可能。...js代码我个人主观觉得,啰嗦一点会更好些。 然后对于数据的加载和使用,要有一定的适应性,不要搞的json的结构一变,你的js整个不能运行。自己封装一个分析json的公共方法。...新人写js有一个特点,就是一心想着“我赶紧写出来”。就好像在学校上课一样,赶紧完成老师的作业。其它的就不管了,什么格式啊,缩进啊,都不管。但是良好的代码风格本身就是js可维护性的一个组成部分。...不必担心什么变量名太长会增加体积,现在js都是被压缩过的。 还有一个方面就是声明变量时的变量类型。同学们应该都知道,js中的变量声明是没有类型的。搞一个变量出来,什么都可以往里放。

2K70
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    超过5000万JS代码迁移到TypeScript,我们得到的10大见解

    背 景 在 TypeScript 出现之前,彭博社已经在 JavaScript 上投入了大量资源——超过 5,000 万 JS 代码。...一个有趣的结果是,我们得以探索在跨客户端和服务器、且不使用 Node 专属约定的独立 JS 环境中使用 TypeScript 编译器的体验(例如,这里没有 node_modules 目录)。...避免重复类型很重要 应用的性能是关键指标,因此我们试着尽量减少应用在运行时加载的 JS 数量。我们的平台确保在运行时仅使用一个版本的软件包。...我们发现,有些包可以删除 90%以上的文件和 90%以上的类型代码。 可扩展性,OK! 有些选项效果很不错 我们在某些 tsconfig 选项的语义中发现了一些惊喜。...“useDefineForClassFields”可以确保我们发射的 ESNext 代码不会被重写,从而保持语言的 JS+Types 性质。这意味着我们可以原生地使用类字段。

    1.7K30

    特斯拉超级电池管离职,今年已有超过40位管离职

    而乐的产品常常被用于机器人的原型设计。这或许也是特斯拉聘请他的原因之一。 其实,克劳森离职的事情早在今年夏天就有传闻。...9月份,特斯拉在重组后提拔了多位管,并任命克里斯·利斯特为1号超级工厂副总裁。当时,特斯拉方面表示克劳森并没有计划离开公司。...今年,特斯拉在量产Model 3的时候遭遇了巨大的困境,与此同时,也有不少管纷纷选择离职跳槽到苹果、谷歌、微软等公司。...面对管从特斯拉离职选择苹果这样的公司,特斯拉在声明中表示:“我们希望他们好,在特斯拉不容易。我们的钱比苹果少100倍,所以他们当然可以支付更高的薪酬。

    37930

    技巧:文本超过N折叠内容并显示“...查看全部”

    比如3),不超过n正常显示;超过n则在最后一尾部显示“展开”或“查看全部”之类的按钮,点击按钮则展开显示全部内容,或者跳转到其它页面展示所有内容。...多行文本超过指定行数折叠 二、实现原理 纯CSS很难完美实现这个功能,所以还得借助JS来实现,实现思路大体相似,都是判断内容是否超过指定行数,超过则截取字符串的前x个字符,然后然后和“...查看全部”拼接在一起...另一个方法是将的计算值与行数相乘,即得到指定行数的高度,这个办法我没尝试过,但是想必可行。 解决了指定行数高度的问题,计算一段文字是否超过指定行数就很容易了。...最直观的想法就是直接遍历,让x从0开始增长到显示文本总长度,对于每个x值,都计算一次文字是否超过N,没超过则加继续遍历,超过则获得了合适的长度x - 1,跳出循环。...第一次先以文本长度为截取长度,计算是否超过N,没超过则停止计算;超过则取1/2长度进行截取,如果此时没超过N,则在1/2长度到文本长度之间继续二分查找,如果超过则在0到1/2文本长度中继续二分查找。

    2.4K20

    技巧:文本超过N折叠内容并显示“...查看全部”

    比如3),不超过n正常显示;超过n则在最后一尾部显示“展开”或“查看全部”之类的按钮,点击按钮则展开显示全部内容,或者跳转到其它页面展示所有内容。...多行文本超过指定行数折叠 二、实现原理 纯CSS很难完美实现这个功能,所以还得借助JS来实现,实现思路大体相似,都是判断内容是否超过指定行数,超过则截取字符串的前x个字符,然后然后和“...查看全部”拼接在一起...另一个方法是将的计算值与行数相乘,即得到指定行数的高度,这个办法我没尝试过,但是想必可行。 解决了指定行数高度的问题,计算一段文字是否超过指定行数就很容易了。...最直观的想法就是直接遍历,让x从0开始增长到显示文本总长度,对于每个x值,都计算一次文字是否超过N,没超过则加继续遍历,超过则获得了合适的长度x - 1,跳出循环。...第一次先以文本长度为截取长度,计算是否超过N,没超过则停止计算;超过则取1/2长度进行截取,如果此时没超过N,则在1/2长度到文本长度之间继续二分查找,如果超过则在0到1/2文本长度中继续二分查找。

    2.7K10

    MySQL 单表不要超过 2000W ,靠谱吗?

    八股文网站:xiaolincoding.com 作为在后端圈开车的多年老司机,是不是经常听到过: “MySQL 单表最好不要超过 2000w” “单表超过 2000w 就要考虑数据迁移了” “你这个表数据都马上要到...2000w 了,难怪查询速度慢” 这些名言民语就和 “群里只讨论技术,不开车,开车速度不要超过 120 码,否则自动踢群”,只听过,没试过,哈哈。...在页的 7 个组成部分中,我们自己存储的记录会按照我们指定的格式存储到 User Records 部分。...所以,同样一个 16K 的页,非叶子节点里的每条数据都指向新的页,而新的页有两种可能 如果是叶子节点,那么里面就是一的数据 如果是非叶子节点的话,那么就会继续指向新的页 假设 非叶子节点内指向其他页的数量为...索引结构不会影响单表最大行数,2000w 也只是推荐值,超过了这个值可能会导致 B + 树层级更高,影响查询性能。

    1.5K40

    cssline-height的用法(转)

    本文导读: ““指一文子的高度,具体来说是指两行文子间基线间的距离。在CSS,line-height被用来控制之间的垂直距离。line- height 属性会影响框的布局。...三、line-height中行、行距与半行距 是指上下文本行的基线间的垂直距离,即图中两条红线间垂直距离。 行距是指一底线到下一顶线的垂直距离,即第一粉线和第二绿线间的垂直距离。...半行距是行距的一半,即区域3垂直距离/2,区域1,2,3,4的距离之和为,而区域1,2,4距离之和为字体size,所以半行距也可以这么算:(-字体size)/2 图片说明 四、line-height...行内框,每个行内元素会生成一个行内框,行内框是一个浏览器渲染模型中的一个概念,无法显示出来,在没有其他因素影 响的时候(padding等),行内框等于内容区域,而设定时行内框高度不变,半行距【(...框高度等于本行内所有元素中行内框最大的值(以值最大的行内框为基准,其他行内框采用自己的对齐方式向基准对齐,最终计算框的高度),当有多行内容时,每行都会有自己的框。

    98510
    领券