特牛生活网

20200425 前端开发日报

每日开发周报
  • Node.js v14 官方发布说明来了

    本文由Michael Dawson 和 Bethany Griggs撰写,同时 Node.js 社区委员会和 Node.js 技术指导委员会也提供了贡献

  • 解读 vue-class-component 源码实现原理

    使用过一段时间 class 来定义组件,要用 vue-property-decorator 提供定义好的装饰器,辅助完成所需功能,对这个过程好奇,就研究了源码。内部主要依靠 vue-class-component 实现,所以将重点放在对 vue-class-component 的解读上。 本文主要内容有: 装饰器作用在 class 定义的组件,发生了什么 解

  • 如何给自己的vue组件做一个快乐的提示

    友情提示:本教程只提供vscode的提示方法!别的编辑器我不会搞! 用过 vscode 和 element-ui 组件的小伙伴一定会体验过,他的组件能够自动提示名称以及提示可传入 Attributes 下面是使用截图 附一张 el-dialog 组件传值说明图 可以看到,它提示的值基本都是能对应上的。不同于

  • webpack构建速度和体积优化策略

    初级分析:使用webpack内置的stats stats:构建统计信息 package.json中使用stats "scripts": { "build:stats":"webpack --env production --json > stats.json" } 复制代码 指定输出的json对象,输出一个json文件 Node.js 中使用 const webpack = require('webpack')

  • 通过几个事例,就可以说明 for…of 循环在 JS 是不可或缺

    请教大家一个问题:什么特性让该编程语言更加优秀? 个人见解:当该特性可以组合多个其他语言特性时。 JavaScript 中的for...of语句就是这种情况,可从ES2015开始使用。 for...of可以迭代数组,类似数组的对象以及通常所有可迭代的对象(map,set,DOM集合)。 接下我们通过事例来看看 for...of 一些有用的地方。 1.

  • 重拾JS——继承

    继承是面相对象编程语言的一个特色,一般分为两类:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。在 JS 中,没有函数签名,因此,JS 只支持实现继承,主要是通过原型链实现的

  • 2020 最新版 Web 开发者学习路线图来了,收好

    大家好,我是头条菌。 我爱程序员!我的微信号:toutiaoio007,欢迎加我好友,拉你入群~ 搞 Web 开发的,需要学习的东西太多了! 常有不少同学对于技术路线和精进方向感到迷茫,要是有个路线图就好了! 今天要分享的就是这个好东西!2020 最新版 Web 开发者

  • Vue3.0 Beta–有牛优刘尤老师上课笔记

    小白:喂,Vue3.0我是放弃还是继续学习?你们一直到现在都还没有给我回电话。 牛老师:这个吧,大概4.21号晚上 9:00就能给你统一答复,你也不要着急,明白吧。 小白:你贵姓呀? 牛老师:我姓牛 小白:尤啊 哪个尤啊? 牛老师:牛 小白:优啊? 牛老师:牛! 小白:刘啊? 牛老师:牛!(逐渐暴躁)

  • 防止 Git 泄漏的 5 种最佳做法

    之前看过几个新闻,说是因为程序员的疏忽,将公司服务器的密钥上传到 GitHub 上,导致公司数据丢失,造成了很严重的影响,恰巧最近看到一篇英文博客有介绍如何防止 Git 泄露,下面是我的翻译内容,原文来自于 5 Best Practices To Prevent Git Leaks ,如果有翻译不当的地方欢迎指正,希望能对你有所帮助。

  • Vue 的坑你踩过几个

    喜欢我的话,点击上方蓝色文字关注吧 不喜欢看文字的同学,点击下方绿色按钮,竖起耳朵听吧。 有时候我们踩坑,是因为一些知识点不知道,按照我们自己的逻辑思维,认为应该是这样,但结果并没有按照我们想要的输出,这个时候,我们就掉坑里了。 坑一

  • Vue中通过vue-router实现命名视图的问题

    在用vue-router路由处理一些需求的时候 例如 有时需要 同时同级 展示多个组件 而不是嵌套展示 例如:创建一个布局 有侧导航和主内容两个视图 此时命名视图就派上用场了 在路由对象中 使用 components 属性 以使一个路径下可挂载 多个 子组件: 之后即可为每个要展示的组件指定一个名字 默认name为 defau

  • 手把手教你用原生JavaScript造轮子(五)——Collapse折叠面板

    Collapse 折叠面板 文档: Collapse 源码: tiny-wheels 如果觉得好用就点个 Star 吧~(〃'▽'〃) 效果 思路 每个面板折叠、展开的动画效果其实就是去控制 collapse-panel 的 height 变化,所以在一开始就需要记录下每个面板的原始高度,否则用户在折叠面板后,高度就变为 0 了,这时候计算出来的

  • 如何搭建自己的 GitLab 服务

    前言 GitHub、GitLab 以及 Bitbucket ,相信大家都已经耳熟能详,它们是目前最流行的三大代码托管平台 。我们使用 git 管理的项目,要想实现远程协作,就得依赖这类托管平台。 我们可以直接使用这三家提供的在线服务,也可以通过购买他们的付费服务或者开源服务搭建自己的私服,来托管团队项目

  • 浅谈 Comet、SSE、WebSocket

    前端时空前端网红集结号,传递一线全栈技术,带你穿越前端时空。 前言 对于前端开发者,我们只做两件事,获取数据,和把数据展示出来。在不同业务场景下,我们需要不同的通信方式和后端交流。在最早的刀耕火种年代,那时候还没有Ajax,我们只能通过URL请求资源,表单提交数据。后来随着大前端的发展以及

  • vue项目打包之路由懒加载

    虽然前面经过了去除console语句、使用CDN节点的处理,但是部署时打的包还是过大 这绝对无法忍受的 同时,vue 也给出了建议,那就是将打包文件拆分成更小的资源 什么意思呢? 以当前项目为例,首先展示的登录也,事实上,此时没有必要加载其他的组件,如商品、类别、角色用户等组件的代码 但是,因为代码

  • 提醒你可能会忽略的 Git 提交规范

    如果你有一个项目,从始至终都是自己写,那么你想怎么写都可以,没有人可以干预你。可是如果在团队协作中,大家都张扬个性,那么代码将会是一团糟,好好的项目就被糟践了。不管是开发还是日后维护,都将是灾难

  • 前端面试之彻底搞懂this指向

    this是JavaScript中的一个关键字,但是又一个相对比较特别的关键字,不像function、var、for、if这些关键字一样,可以很清楚的搞清楚它到底是如何使用的。 this会在执行上下文中绑定一个对象,但是是根据什么条件绑定的呢?在不同的执行条件下会绑定不同的对象,这也是让人捉摸不定的地方。 这一次,我们一起来彻底

  • Vue3中对VDOM的改进

    前言 vue-next 对virtual dom的patch更新做了一系列的优化,从编译时加入了 block 以减少 vdom 之间的对比次数,另外还有 hoisted 的操作减少了内存的开销。本文写给自己看,做个知识点记录,如有错误,还请不吝赐教。 VDOM VDOM的概念简单来说就是用js对象来模拟真实DOM树。由于MV**的架构,真实DOM树应该随着数据(

  • 使用js获取checkbox控件在GridView中的第几行

    这次的知识点是如何使用js获取checkbox控件所在的是第几行!!! 我们可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 ( 从0开始 ) 这两个一定要记好: var row_num = GV.rows .cells .children(0). parentNode.parentNode.rowIndex; var col_num = target.parentNode.cel

  • 备战-JS(包含es6)基础篇

    常见的有: string、number、boolean、null、undefined ,symbol我们就暂时不列入进去。 基本类型因为数据大小固定存储在栈之中,我们无法间接改变基本类型的值,就看下面这个很简单的例子。 let a = 1; let b = a; b = 2 console.log(a); // 1 function change(num) { num = num++; return num; } change(a)

  • VUE组件通信传值(‘悄悄话’我知道)

    vue的两大特点就是 响应式原理 和 组件系统 ,今天我们就来看一下关于 组件系统 中各级组件是如何传递数据的。 之后的演示都在如下图的关系网中进行: Father 对于 Son 和 Daughter 来说为父组件。 Son 对于 Father 为子组件,但是对于 GrandSonBySon 和 GrandDaughterBySon 为父组件。 Da

  • 标签: