Melon

Melon 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 该用户太懒什么也没留下

个人动态

Melon 提出了问题 · 7月24日

实例化对象时,Function和Object的疑惑

题目描述

今天研究原型链时,发现 f1 对象里面 __porto__ 存在 a 方法,不存在 b 方法,并且 arr 对象里面同样存在 a 方法,这就让我很疑惑 new 操作符到底是怎么将 Object 挂上去的,麻烦各位前辈解答下🙇‍

相关代码

var F = new Function();
Object.prototype.a = function () {
  console.log("aaa");
}
Function.prototype.b = function () {
  console.log("bbb");
}
var f1 = new F();
console.log(f1);

var arr = new Array();
console.log(arr);

关注 7 回答 4

Melon 关注了专栏 · 7月24日

【前端有的玩】公众号

我是子君,我的公众号是【前端有的玩】,欢迎关注。每周我会至少分享一篇前端相关文章,希望可以帮助到致力于前端开发的你。

关注 1722

Melon 关注了专栏 · 7月24日

SegmentFault 行业快讯

第一时间为开发者提供行业相关的实时热点资讯

关注 25274

Melon 关注了标签 · 7月24日

前端

Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。

Web前端优化
  1. 尽量减少HTTP请求 (Make Fewer HTTP Requests)
  2. 减少 DNS 查找 (Reduce DNS Lookups)
  3. 避免重定向 (Avoid Redirects)
  4. 使得 Ajax 可缓存 (Make Ajax Cacheable)
  5. 延迟载入组件 (Post-load Components)
  6. 预载入组件 (Preload Components)
  7. 减少 DOM 元素数量 (Reduce the Number of DOM Elements)
  8. 切分组件到多个域 (Split Components Across Domains)
  9. 最小化 iframe 的数量 (Minimize the Number of iframes)
  10. 杜绝 http 404 错误 (No 404s)

关注 152566

Melon 关注了标签 · 7月24日

javascript

JavaScript 是一门弱类型的动态脚本语言,支持多种编程范式,包括面向对象和函数式编程,被广泛用于 Web 开发。

一般来说,完整的JavaScript包括以下几个部分:

  • ECMAScript,描述了该语言的语法和基本对象
  • 文档对象模型(DOM),描述处理网页内容的方法和接口
  • 浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口

它的基本特点如下:

  • 是一种解释性脚本语言(代码不进行预编译)。
  • 主要用来向HTML页面添加交互行为。
  • 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。

JavaScript常用来完成以下任务:

  • 嵌入动态文本于HTML页面
  • 对浏览器事件作出响应
  • 读写HTML元素
  • 在数据被提交到服务器之前验证数据
  • 检测访客的浏览器信息

《 Javascript 优点在整个语言中占多大比例?

关注 134743

Melon 关注了标签 · 7月24日

vue.js

Reactive Components for Modern Web Interfaces.

Vue.js 是一个用于创建 web 交互界面的。其特点是

  • 简洁 HTML 模板 + JSON 数据,再创建一个 Vue 实例,就这么简单。
  • 数据驱动 自动追踪依赖的模板表达式和计算属性。
  • 组件化 用解耦、可复用的组件来构造界面。
  • 轻量 ~24kb min+gzip,无依赖。
  • 快速 精确有效的异步批量 DOM 更新。
  • 模块友好 通过 NPM 或 Bower 安装,无缝融入你的工作流。

官网:https://vuejs.org
GitHub:https://github.com/vuejs/vue

关注 96881

Melon 提出了问题 · 2019-07-16

解决关于console.log对象时疑惑点

今天在研究object时,发现下面的疑惑点

相关代码

var arr = { age: 18 };

//这里arr的age是18
console.log(arr);

//这里赋值为24
arr.age = 24;

//这里arr的age是24
console.log(arr);

var arr1 = [{age: 18}]

//请问这里打印arr1里面的age为什么是24
console.log(arr1);

//这里打印age是18
console.log(arr1[0].age);

//这里赋值为24
arr1[0].age = 24;

//这里打印age是24
console.log(arr1);

我开始以为在arr1赋值前打印的age应该是18,结果是24,这是为什么?

关注 3 回答 2

Melon 提出了问题 · 2019-07-16

解决关于console.log对象时疑惑点

今天在研究object时,发现下面的疑惑点

相关代码

var arr = { age: 18 };

//这里arr的age是18
console.log(arr);

//这里赋值为24
arr.age = 24;

//这里arr的age是24
console.log(arr);

var arr1 = [{age: 18}]

//请问这里打印arr1里面的age为什么是24
console.log(arr1);

//这里打印age是18
console.log(arr1[0].age);

//这里赋值为24
arr1[0].age = 24;

//这里打印age是24
console.log(arr1);

我开始以为在arr1赋值前打印的age应该是18,结果是24,这是为什么?

关注 3 回答 2

认证与成就

  • 获得 0 次点赞
  • 获得 3 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 3 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2019-07-16
个人主页被 34 人浏览