JavaScript-浏览器的三种弹窗方式
在做网页时，常常使用弹窗，以上就是浏览器的三种弹窗方式， 1： alert 在测试时常用 2： confirm 可以套用if...else 来用 ，比如 ：confirm点击了确定做什么事情，点击了取消又做什么事情 3： prompt 弹窗输入 ； 可以给网页设置密码。 以上是我个人对三种弹窗的见解 ...
D3.js 图表与ThingJS结合
D3.js 简介D3 的全称是（Data-Driven Documents），顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象，说简单一点，其实就是一个 JavaScript 的函数库，使用它主要是用来做数据可视化的。 D3的特点是通过JavaScript代码实现svg图标。 D3图表和Thi ...
ECMAScript5面向对象技术(1)--原始类型和引用类型
概述 大多数开发者在使用Java或C 等基于类的语言的过程中学会了面向对象编程。由于JavaScript没有对类的正式支持，这些开发者在学习JavaScript时往往会迷失方向； JavaScript不需要在开头就定义好各种类，你可以在写代码的过程中根据需要创建数据结 ； 由于JavaScript缺 ...
JavaScript之继承的多种方式和优缺点
本文主要是跟大家分享下JavaScript中继承的多种方式和优缺点。 1.原型链继承 问题：引用类型的属性被所有实例共享，举个例子： 还有个就是在创建 Child 的实例时，不能向Parent传参。 2. 借用构造函数(经典继承) 优点： 1）避免了引用类型的属性被所有实例共享；2）可以在 Chil ...
一步一步搭建前端监控系统：如何定位前端线上问题？
摘要： 记录用户行为，排查线上BUG。 作者：一步一个脚印一个坑 原文： "如何定位前端线上问题（如何排查前端生产问题）" "Fundebug" 经授权转载，版权归原作者所有。 一直以来，前端的线上问题很难定位，因为它发生于用户的一系列操作之后。错误的原因可能源于机型，网络环境，复杂的操作行为等等， ...
vue-cli 运行打开浏览器
在配置好项目之后的package.json文件中，找到运行的script，其中“serve”中增加配置“ --open” 默认打开系统默认浏览器 ...
如何成为一个伟大的 JavaScript 程序员
这篇文章主要概述在我5年工作经验的基础上，我成为优秀JavaScript开发人员所使用的技术和资源。 当前大多数Web开发人员面临着这样一个共同的问题：他们必须在多个不同的领域领先于他人——从数据库到后端架构，到前端用户界面，再到使用良好的CSS知识修正用户界面 阅读书籍 首先，也是最重要的一点是， ...
JavaScript常用节点类型
一、常用节点类型： nodeType：节点类型 nodeName：节点名称 nodeValue：节点值 1、查看节点类型（控制台操作）： 获取元素：var p = document.getElementById("header"); 查看节点类型：p.nodeType（返回1） demo节点类型有1 ...
前端从零开始学习Graphql
学习本姿势需要电脑装有node,vue-cli相关环境，以及要有node,express,koa,vue相关基础 本文相关demo的github地址： 一 Graphql概述 它是什么？从哪里来？要干什么？ 简单地讲，对于前端，它就是让你舒舒服服发请求的 严格的说，它是一种api设计思想，用来取代r ...
JS项目练习之求和（包含正则表达式验证）
最近在准备专升本，抽一点时间敷衍一下大家！！！嘿嘿嘿！！！ 话不多说，上代码： [注]在正则表达式中，^ 在 [] 中代表否定，在这个练习中意思就是：只要不是 ^ 和 数字，当键盘输入抬起后，会自动替换为没有，现象即自动会退回 放假了，也要抽点时间学习呀~~~~ ...
JavaScript 之迭代方法
前言：关于 JS 中为数组定义的迭代方法，我最开始是在《JavaScript高级程序设计》中学习的，然后。。。我并没有看懂，后来翻阅各个大佬的博客，稍微理解了那么一丢丢。以下就是我的一点见解。 首先，我们需要知道数组中的迭代方法都有哪些，列举出来分别是：every、some、filter、map、f ...
[Vue 牛刀小试]：第十六章 - 针对传统后端开发人员的前端项目框架搭建
一、前言 在之前学习 Vue 基础知识点的文章中，我们还是采用传统的方式，通过在 html 页面上引用 vue.js 这个文件，从而将 Vue 引入到我们的项目开发中。伴随着 Node.js 的出现，以及 React、Angular、Vue 这类的前端 MVVM 框架的发展，前端越来越像后端靠拢，前 ...
JavaScript 基础
1. 数据类型： js中的原始数据类型：number、string、boolean、undefined、null、object 原始数据类型又分为： 基本类型（简单类型），值类型：number、string、boolean 复杂类型（引用类型）：object 空类型：undefined、null 注 ...
第一章 JavaScript简介
1、JavaScript的组成：EcamaScript、DOM、BOM; 2、DOM:又称文档对象模型，用于提供操作网页内容的方法和接口，是针对XML但经过扩展的用于HTML的应用程序编程提供的API，DOM由DOM核心和DOM HTML组成，再层级上主要分为3级，一级负责文档结构，二级负责提供视图 ...
剑指前端（前端入门笔记系列）——BOM
BOM BOM ECMAScript是JavaScript的核心，但如果要在Web中使用JavaScript，那么BOM（浏览器对象模型）则无疑才是真正的核心，BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关，那么，什么是BOM呢？我们可以从这几点解析一下： 1.BOM是Bro ...
JavaScript前端图片压缩
实现思路 获取input的file 使用fileReader() 将图片转为base64 使用canvas读取base64 并降低分辨率 把canvas数据转成blob对象 把blob对象转file对象 完成压缩 相关代码： 最后回调函数中的files可以直接当做正常的input file 使用，如 ...
JAVASCRIPT中装饰器是什么（装修）
装饰器是什么？ 解码器是将另一段代码包装在一个代码中的简单方法。 这个概念类似于你以前听说过的功能成分和高阶成分。 这在许多情况下都被使用过，也就是说，成都装修公司简单地将一个函数包装到另一个函数中： 前面的示例生成包装的新函数，它执行与 DoSomething 相同的操作，但它们的不同之处在于在包 ...
