js
文章平均质量分 85
标梵互动
这个作者很懒,什么都没留下…
展开
-
标梵信息讲解JS异步编程
一.前导内容 在谈及具体的异步编程前,我们还需要知道何为同步编程,何为异步编程,这两者工作可是有着天差地别。1.1 何为同步?何为异步? 那让我来举个栗子吧:假如你需要去做两件事,分别是去煮饭,听一首歌,那么,煮完饭再去听歌的执行流程是同步编程流程。而先煮饭,在煮饭的过程中去听歌的执行流程则是异步编程流程。1.2 Javascript为什么是单线程 JS原本的任务就是负责浏览器和用户之间的交互功能,因为JS要操作DOM,所以必须是单线程的,如果你是JS的话,请你想想如...原创 2021-03-15 15:51:45 · 608 阅读 · 0 评论 -
终于明白的JS——消息队列与事件循环
我们知道JavaScript是一种单线程、异步、非阻塞、解释型脚本语言,那么JS代码是如何在浏览器上运行起来的?是如何处理各类消息和任务的呢?概念解释#单线程在执行程序时,所走的程序路径必须按顺序执行,前面的执行完之后才能执行后面的。#异步同步就是能够立即拿到调用结果,异步就是可能得等待一段时间才能拿到调用结果。#非阻塞在这样的单线程上执行异步请求时不会造成后续任务阻塞。#解释型语言计算机语言分两种:编译型语言和解释型语言编译型语言在程序执..原创 2021-03-11 10:57:41 · 1182 阅读 · 0 评论 -
山东标梵讲解分享js搭建自己的脚手架工具
前言相关技术栈和依赖 javascript 发布 npm 包。 commander 包的使用 download-git-repo 包的使用 分析脚手架vue-cli相信大家都使用过,很便捷。# 全局安装 vue cli 包npm install -g @vue/cli-service-global# 使用vue cli 内置指令创建一个工程vue create hello-world# 运行项目cd hello-worldnpm i..原创 2021-02-21 13:52:39 · 418 阅读 · 0 评论 -
标梵分享JS中如何检查对象是否为数组?
简介在 JS 中使用数组是一种常见操作,有时在开发中,获得一个需要作为数组的变量,但是我们不确定它是否是数组,那要怎么去判断是否为数组呢?JS 中的非原始数据类型都是对象(函数具有自己的类型,但它们也是对象)。因此,仅使用typeof运算符来判断是不够的:letresult={subject:'Science',marks:97};letnumbers=[1,2,3,4,5];console.log(typeofresult);//Objectcon...原创 2021-02-03 10:06:31 · 151 阅读 · 0 评论 -
标梵整理了超详细的JS数组法
数组是 js 中最常用到的数据集合,其内置的方法有很多,熟练掌握这些方法,可以有效的提高我们的工作效率,同时对我们的代码质量也是有很大影响。一、创建数组1.使用数组字面量表示法var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建一个包含1项数据为20的数组var arr6 = [“lily”,“lucy”,“Tom”]; // 创建一个包含3个字符串的数组2.使用 Array 构造函数无参构造var arr1 = new Array();原创 2021-01-13 14:31:35 · 144 阅读 · 0 评论 -
Biaofun标梵互动解说JS的简介和基本语法
JS的介绍ECMAScript + DOM(Document Object Model) + BOM = 浏览器中的JS在web开发的过程中,html/css/和JavaScript分别扮演了不同的角色。语言种类 在web开发中的作用HTML 在web开发中主要用来完成页面的结构和内容CSS 负责页面的显示样式JavaScript 控制页面的动态交互和行为JS在HTML中的引入<!DOCTYPE html><html><head><head&g原创 2021-01-12 16:00:11 · 177 阅读 · 0 评论 -
标梵互动分享js基础
为了那一句“等呗”,拼了!javascript是什么运行在客户端的脚本语言,用来给HTML增加动态功能由三部分组成,ECMAScript、DOM、BOMalert()在浏览器弹出一个警示框,内容可以自定义作为一个函数执行,必须在后面添加小括号,可以传递参数所有特殊功能符号必须是英文字符,js对换行、缩进、空格也不敏感如果js中没有控制结构,代码都是从上往下,从左往右加载的prompt()弹出一个对话框,可以在输入框根据提示输入内容prompt语句也是js内置的一个功能,有两个参数进行传原创 2021-01-05 11:54:44 · 136 阅读 · 0 评论 -
标梵互动转载偷师 Next.js学到的 6 个设计技巧
定义基类,可能不如定义模块首先,类(Class)和模块(Module)都是组织代码的可选方式,放到 API 设计的场景,都能用来约束写法,暴露框架能力。而在模块概念成为正统之前,前端框架大多提供基类来满足这种需要,因为没得选典型的,React 通过React.Component基类暴露出各种生命周期 Hook,同时定义了组件写法:// Componentsclass Clock extends React.Component { // Props constructor(props) {原创 2021-01-04 13:13:58 · 179 阅读 · 0 评论 -
山东标梵互动分享详细理解JS的作用域和作用域链
一、作用域链接01、概念简单说,对变量起保护作用的一块区域就是作用域。02、作用作用域外部无法获取到作用域内部声明的变量,作用域内部能够获取到作用域外界声明的变量。1第一:函数fn里面有个变量num,调用函数fn,然后打印num,此时并不能访问到num的值,因为函数能够生成一个作用域,在函数外界无法访问到函数内部声明的变量。function fn(){var num =123;}fn();console.log(num) // Uncaught ReferenceError: num原创 2020-12-30 14:03:31 · 136 阅读 · 0 评论 -
Biaofun js 变量赋值按地址传递
var a = { //定义一个对象a‘age’:1};var b = a; //将a赋值给bb.age = 2; //改变b的age属性值console.log(a.age); //输出a的age属性值大家觉得最后输出 a.age 的值为多少呢?请先将上面的代码复制到浏览器的控制台执行一次看到结果。为什么最后的结果是2,而不是1呢?我们并没有改变a.age的值。这是因为js的对象赋值是引用赋值,传递的是地址,所以a和b指向的是同一个地址。共用同一个地址块,所以我们改变b的值实际上a的值也原创 2020-12-15 18:34:01 · 206 阅读 · 0 评论 -
JS实现最美的3D宇宙效果
这里给各位同僚说一下,本人已经取消了之前所有分享的百度网盘的资料链接以及本人之前分享的AIRobot链接。之所以这样,是因为本人最近一段时间有个“大动作“。就是将本人之前所有写的项目案例和技术知识点的代码重新封装一下,并且给出demo示例和环境搭建教程,以便各位想了解或者初学者更容易上手。这些项目案例和技术知识点的代码会放到我自己开发的一个云平台中,而且支持远程调试,到时会免费开放给各位。本人正在用自己的业余时间加班加点的开发我的云平台,各位敬请期待!嘿嘿!通过前面写过的几篇文章,表现结果是C++处理图像原创 2020-12-15 18:33:02 · 826 阅读 · 0 评论 -
标梵互动js 学习笔记
打开谷歌浏览器,按下 Option + Command + J(Mac)或者 Ctrl + Shift + J(Windows / Linux)进入控制台。Enter 运行代码;Shift + Enter 换行。js 基本语法var a = 1;var b;b = “abc”;// 合法标志符arg0_tmp$elem// 注释// 行注释/*块注释*/// 代码块{}// ifif (a == 1) {console.log(“a == 1”);} else {原创 2020-12-15 18:31:30 · 182 阅读 · 0 评论 -
标梵讲解js怎么点击复制链接并且选中文本
主要是要创建一个range,注释写的很清楚import React, { useState } from 'react'import { Input, message } from 'antd';import './index.scss'export default ({ userInfomation = {}, type, isVisible, handleToggleLayer, jobName = '' }) => { const [tabType, setTabType] =原创 2020-12-08 18:25:48 · 273 阅读 · 0 评论 -
标梵互动解说JS深拷贝方法
在使用js中会遇到这种情况:例如:声明了一个对象 obj 并赋值,再新声明一个对象 edit_obj, edit_obj = obj,到这里就得到了两个一模一样的对象,我对 edit_obj 进行操作,但结果 obj 也收到影响。var obj = {name: ‘前端羽呈’,sex: ‘男’,WeChatCode: ‘gao510893927’};var edit_obj = new Object;edit_obj = obj;edit_obj.sex = ‘女’;console原创 2020-12-08 18:24:28 · 144 阅读 · 0 评论 -
标梵互动讲解js模板引擎原理解析
前言如今前端框架react,vue,angular都拥有自己的模板引擎,但是我们通过学习原生js的模板引擎,尤其是底层对各种字符串和表达式的处理,可以有助于更好的去理解其他框架是如何渲染模板数据的.本文借鉴underscore源码,使用70行左右的代码实现一款简易版的模板引擎.包含如下核心功能,比如数据渲染,表达式渲染(兼容if语句和for循环)以及html字符串渲染.用户端调用方式如下,编写compile函数,期待输出相应结果.1.渲染数据<?= ?>代表输出变量的值const d转载 2020-12-07 18:27:34 · 343 阅读 · 0 评论 -
山东标梵js效果和 加减乘除计算 (防止精度丢失)
在我们开发中,有时候不需要后端去计算东西,前端直接计算,这个时候如果使用js去直接计算整数还可以,不过如果计算小数可能造成丢失精度,下面是在遇到计算场景中使用的方法。分享一下!希望有所帮助!两个浮点求和:// 两个浮点数求和 function accAdd(num1,num2){ var r1,r2,m; try{ r1 = num1.toString().split('.')[1].length; }catch(e){原创 2020-12-07 18:25:56 · 218 阅读 · 0 评论 -
标梵互动之js基础之数据类型和拷贝
JS基础1.1 JavaScript - 内置对象了解数据类型前先说说栈(stack)和堆(heap) *** stack为自动分配的内存空间,它由系统自动释放;而heap则是动态分配的内存,大小也不一定会自动释放 ***js中的基本数据类型Number、String、Boolean、Null、 Undefined、Symbol(ES6)这些类型可以直接操作保存在变量中的实际值。var a = 10;var b = a;b = 20;console.log(a); // 10console原创 2020-12-07 18:24:10 · 197 阅读 · 0 评论 -
标梵带你了解你不知道的js
引言不是退缩,而是继续前进。第一部分:作用域和闭包第一章:作用域是什么当一个块或者函数嵌套在另一个块或者函数中时,就发生了作用域嵌套。因此在当前作用域中无法找到某个变量时,引擎就会在外层签到的作用域中继续查找,直到找到该变量,或者抵达最外层的作用域(全局作用域)为止,查找过程停止。分工协作引擎:从头到尾负责整个js程序的编译及执行过程编译器:负责词法分析以及代码生成作用域:负责收集并维护由所有声明的标识符(变量)组成一系列查询,并实施一套非常严格的规则,确定当前执行的代码对这些标识原创 2020-12-04 18:24:36 · 182 阅读 · 0 评论 -
山东标梵介绍js值类型引用类型和深浅拷贝
JS中的堆栈堆和栈都是运行时内存分配的一个数据区堆(heap)堆(heap)用于复杂数据类型(引用类型)分配空间,例如数组对象、object对象; 它是运行时动态分配内存的,因此存取速度较慢栈(stack)栈(stack)中主要存放一些基本类型的变量和对象的引用,(包含池,池存放常量), 其优势是存取速度比堆要快,并且栈内的数据可以共享,但缺点是存在栈中的数据大小 与生存期必须是确定的,缺乏灵活性JavaScript的数据类型有哪些?1.值类型(基本类型):string,number,bool原创 2020-12-04 18:23:19 · 124 阅读 · 0 评论 -
标梵互动基础篇之认识JS
域名/业务标识:HA591969FTP链接地址:vhost389.cnameaddress.topFTP账号:webmaster@HA591969FTP密码:一、javascript是什么?javascript是一门动态的编程语言。(弱类型脚本语言)简称 JS 脚本。作用:可以实现页面的交互效果,例如:幻灯片(轮播图),下拉菜单,tab选项卡,滚动加载,数据渲染…那么如何学习Javascript?我们做个知识点列表变量,数据类型,语句,字符串,数组,对象,函数、作用域、参数、返回原创 2020-12-04 18:22:23 · 188 阅读 · 0 评论