首页 > TAG信息列表 > JS

js 数组中的方法

<!DOCTYPE html><html><head> <title>数组的方法</title> <meta charset="utf-8"></head><body> <script type="text/javascript">/* //转换方法 var box = Array("161班","XX同学",&quo

前端语言的一些特点

1、标签元素中可绑定点击事件将当前标签对象通过this传给js函数,函数就可以获的/改变这个标签的所有内容 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <button id="123"

前端必需知道的7种JS对象遍历方法

方法总览 对象的遍历方法 一、for...in 定义 遍历对象自身的和继承的可枚举的属性(不含Symbol属性)的键名。 由于对象的属性没有顺序,因此for...in每个属性都会返回一次,但输出的属性顺序不可预测。 语法: for (var key in obj) { // 执行代码块 console.log(obj[key]) }

Memlab,一款分析 JavaScript 堆并查找浏览器和 Node.js 中内存泄漏的开源框架

Memlab 是一款 E2E 测试和分析框架,用于发现 JavaScript 内存泄漏和优化机会。 Memlab 是 JavaScript 的内存测试框架。它支持定义一个测试场景(使用 Puppeteer API),教 Memlab 如何与您的单页应用程序(SPA)交互,Memlab 可以自动处理其余的内存泄漏检查: 与浏览器交互并获取 JavaScript

Node.js之mysql模块开启执行多个SQL命令

今天分享的内容是模块化思维 ,在项目中需要分类模块化对项目数据进行归类    pool.js是mysql的连接池 routes文件夹里放路由器目录,里面可以放项目路由的小文件夹 app.js是web服务器   1.在app.js下使用express创建web服务器,引入关于汉唐路由器(./routes/about.js),挂载路由器,添

JavaScript学习笔记(一)

JavaScript基础 什么是JavaScript 前端开发三大基础知识 HTML (专门编写网页内容)——搭建网页结构 CSS (专门设计网页的样式)——修饰,美化网页 JavaScript(js)专门设计网页的交互效果的 ——验证,特效 交互:输入数据 =》程序处理数据 =》返回结果 =》“解释执行”:和读书一样的 一行一

JS-Promise和SPA路由的实现

Promise的回顾及SPA路由实现 Promise return 在对应的promise的函数中 在promise里面的then函数(catch函数中)return相当于调用resolve 。 throw new Error相当于调用reject Promise.resolve('第一个值').then((res) => { console.log(res) return '第二个值' //resolve })

node.js 使用教程-1.使用gulp-file-include插件,实现html复用

前言 做后端开发的时候可以用模板生成html代码,像多个页面一些公共的导航栏,侧边栏都需要复用,方便维护。 纯前端开发,可以用到gulp-file-include编译工具进行一次替换,之后页面html页面就是完整的。 安装gulp-file-include 先安装gulp以及gulp-file-include 先全局安装gulp npm instal

Excel通过JS宏自定义过滤、查找等操作

Excel通过JS宏自定义过滤、查找等操作 打开宏开发工具 编写JS代码 function myTest() { addSheet() setValue() regFind() deleteSheet() } // 新增sheet function addSheet(name) { var st = Sheets.Add() st.Name = name || "测试" } // 删除sheet function deleteShee

怎么通过js赋值input的value?

直接setvalue 不行的; 保存后就消失了;   可以使用此方法:  const input = document.querySelector('#wtbusername') function setInputValue(input, value){ if(!input.disabled){ input.disabled = true } input.value = value } setInputValue(input, 'hello'

如何分发大文件、大文件传输解决方案-JS

​ 文件夹数据库处理逻辑 public class DbFolder {     JSONObject root;         public DbFolder()     {         this.root = new JSONObject();         this.root.put("f_id", "");         this.root.put("f_nameLoc", "根

Redux(mvc、flux、react-redux)

其他章节请看: react实战 系列 Redux 关于状态管理,在 Vue 中我们已经使用过 Vuex,在 spug 项目中我们使用了 mobx,接下来我们学习 Redux。 本篇以较为易懂的方式讲解mvc、flux、redux和react-redux的关系、redux 的工作流以及react-redux的原理,首先通过示例讲解 redux 的用法,接着用

使用 node.js 搭建一个 本地 https 服务

使用 git客户端msysgit , 其中已包含了 openssl 程序   # 生成私钥 key 文件 openssl genrsa -out privatekey.pem 1024   # 通过私钥生成CSR证书签名openssl req -new -key privatekey.pem -out certrequest.csr   # 通过私钥和证书签名生成证书文件openssl x509 -req -in ce

js中的对象和数组的创建

<!DOCTYPE html><html><head> <title>获取控制</title> <meta charset="utf-8"></head><body> <script type="text/javascript"> /*//正则获取控制 var box = RegExp('f.n','ig'); var

【面试题】JS改变this指向的三种方法

一、this指向 点击打开视频讲解更加详细 this随处可见,一般谁调用,this就指向谁。this在不同环境下,不同作用下,表现的也不同。 以下几种情况,this都是指向window 1、全局作用下,this指向的是window console.log(window); console.log(this); console.log(window == this); // true 2

react-react学习笔记

react 创建react项目 react项目的入口文件 红色框index.js src文件夹除了这个index.js其余的文件都是可以删除 ReactDom.render()函数 两个参数 第一个就是要挂载的标签 第二个就是要挂载到哪里 jsx结尾表示是组件 首字母大写的jsx结尾的文件是react中的一

Node.js 全局对象

全局对象:在任意作用域下都可访问的对象叫全局对象 .console对象 控制台对象 ,提供一组 用于控制台下输出的API console.log(1) //打印日志 console.info(2) //打印消息 console.warn(3) //打印警告 console.error(4) //打印错误 console.time() 开始计时 console.timeEnd()

js下载流文件

npm install js-file-download --savenpm install axios --save import axios from "axios"; import fileDownload from "js-file-download"; export const exportExcel = (url:string, params:any) => { return axios({ method: 'POST

使用js实现斐波那契数列

题目介绍   斐波那契数列又被称为黄金分割数列,指的是这样的一个数列:1,1,2,3,5,8,13,21,34....,它有如下递推的方法定义:F(1)=1,F(2)=1,F(n)=F(n-1)+F(n-2)(n>=2,n是正整数),请使用js实现斐波那契函数。 方法1:递归实现 由题目中的递推受到启发,可以通过递归的方式去实现,代码如下: fun

JS监听浏览器缩放比例

JS监听浏览器缩放比例 点击打开视频讲解更加详细 应用场景: 可在切换浏览器不同百分比时显示不同样式 可在切换浏览器不同百分比时控制不同的dom操作 。。。。。。。 完整案例: <template> <div id="home"> <h2 :class="text">浏览器缩放比例:{{ ratio }}</h2> </div> </te

js

########################### 为何学习 JavaScript? JavaScript 是 web 开发者必学的三种语言之一:    1. HTML 定义网页的内容    2. CSS 规定网页的布局    3. JavaScript 对网页行为进行编程 <script> 标签 在 HTML 中,JavaScript 代码必须位于 <script> 与 </scri

JS-JSONP和Axios

JSONP及Axios jsonp概述:JSONP是一种跨域解决方案,它主要是利用了script标签不受跨域影响的特性来完成对应的请求操作。实际上是一个get请求。 什么叫跨域 同源策略(属于浏览器的)为了安全性。 浏览器采用了对应的同源策略,它防止了对应的恶意请求以及其他非正常请求(一定程度) 同源策略

JS-Ajax

Ajax 协议 http的协议 (基于tcp/ip) 请求的类型 同步请求 (上一个请求没完成 不能进行其他操作) <a href="http://www.baidu.com">去百度</a> <a href="http://www.wobo.com">去微博</a>   异步请求 (上一个请求没完成和下一个操作没有关系) setIterval(()=>{ console.log('123

js 遍历数组性能对比

js常用的遍历数组的方式有三种:for,forEach,of,由于实现方式的不同,导致三种遍历方式性能有所差异 forEach的性能损耗,主要在于要生成函数。而of的问题,是在于内部使用了迭代器。所以这两种方式比起for来说都要差一些。 结论: for > forEach > of 在千万级的规模,差距达到几十毫秒, 亿级规模

JS-面向对象和原型

面向对象及原型 面向对象核心概念:万物皆对象 (顶层对象Object)抽取行为作为方法 抽取名词作为属性 俩种构建对象的方式 构造函数构建 es6的形式 class class Person{ constructor(){ //构造器 this.name = 'jack' } }   es3的形式 function function Person(){