![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 96
望道同学
我想静静
展开
-
CSS 知识体系之 CSS 选择器
这是我参与更文挑战的第五天,活动详情查看:更文挑战层叠样式表 (Cascading Style Sheets,缩写为CSS),是一种 样式表 语言,用来描述HTML或XML(包括如SVG、MathML、XHTML之类的XML分支语言)文档的呈现。CSS` 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。而CSS 选择器规定了 CSS 规则会被应用到哪些元素上。1.1 简单/基本选择器标签/元素选择器:按照给定的节点名称,选择所有匹配的元素。语法:elementname.原创 2021-06-07 17:43:13 · 509 阅读 · 0 评论 -
JavaScript 知识体系之模块系统
现代 JavaScript 开发毋庸置疑会遇到代码量大和广泛使用第三方库的问题。解决这个问题的方案通 常需要把代码拆分成很多部分,然后再通过某种方式将它们连接起来。在 ECMAScript 6 模块规范出现之前,虽然浏览器原生不支持模块的行为,但迫切需要这样的行为。 ECMAScript 同样不支持模块,因此希望使用模块模式的库或代码库必须基于 JavaScript 的语法和词法特 性“伪造”出类似模块的行为。因为 JavaScript 是异步加载的解释型语言,所以得到广泛应用的各种模块实现也表现出不同原创 2021-06-04 17:54:34 · 383 阅读 · 2 评论 -
前端开发者需要知道的 package.json
在一个 JavaScript 项目中,package.json 是一个必须的文件,它的作用是管理项目中使用到的外部依赖包,同时它也是 NPM 命令的入口文件。package.json包含描述一个特定程序包唯一的设置所需的所有内容。如果项目使用工作空间功能,则项目将包含多个package.json文件,因为每个工作空间都是通过其自己的package.json来描述的。请注意,可以通过initFields字段设置来设置这些字段的默认值。????namepackage.json 中最重要的属性是 n原创 2021-06-04 17:52:54 · 1943 阅读 · 0 评论 -
前端开发者应该知道的 Centos/Dokcer/Nginx/Node/Jenkins 操作( 长文)
服务器作为开发的一环,并且现在非常多的商业公司部署在生产环境上的服务器都是CentOS系统! 让我们了解了解也在情理之中!作为前端开发者,我们应该跳出自己的一亩三分地,跳出舒适区。扩大自己的技术广度和深度,只有这样!我们才能"做大做强,再创辉煌"本篇文章旨在介绍在 Centos 上的一些常见环境配置技巧,为"前端小白"们在CentOS的道路上更进一步!CentosCentos 是一个基于 Linux 的开源免费操作系统,下面列出一些常用操作# 本地拷贝文件到远程服务器scp output.tx原创 2021-04-17 14:51:55 · 416 阅读 · 0 评论 -
如何搭建企业级前端规范
前端代码规范对于团队而言至关重要,既可以提高代码的可维护性,也可以降低代码多人维护的成本那如何搭建一个规范的前端项目基础呢? 接下来让我告诉你创建一个基础项目使用 npm init -y 初始化一个前端项目,这会自动生成package.json 文件。当我们安装项目依赖的时候,这个文件会自动更新接下来我们创建以下文件目录└── src/ ├── index.ts // 项目入口文件├── package.json添加 TypeScript我们为什么需要 TypeScript.原创 2021-04-16 14:29:14 · 285 阅读 · 0 评论 -
让我告诉你一些强无敌的 NPM 软件包
面对繁忙的日程安排与紧迫的工期限制,选择能够切实提升生产率的工具无疑至关重要。在这里,我整理出一份个人最喜欢的 NPM 软件包清单。为了便于浏览,我还对它们进行了分类,希望呈现出更加清晰的结构。当然,大家不必全数安装与学习。在大多数情况下,每个类别选择一款就足以解决生产需求。我只是想多提供一点替代方案,帮助每位读者朋友找到最适合自己的选项。闲言少叙,咱们马上开始!???? 实用工具Lodashlodash是一套现代 JavaScript 实用程序库,提供模块化、性能与多种附加功能。可提供关于 Ja原创 2021-04-13 19:28:28 · 383 阅读 · 1 评论 -
ES5/ES6/ES7/ES8/ES9/ES10/ES11/ES12 分别都有什么
本文以倒序的方式并通过代码示例或简单的罗列展示所有 ECMAScript 版本提供的功能。 旨在为大家在编码时提供 ECMAScript 特性速查表ES2021-ES12String.protype.replaceAll在 ES2021 之前,要替换掉一个字符串中的所有指定字符,我们可以这么做:const str = "a+b+c+";const newStr = str.replace(/\+/g, "????");console.log(newStr); //a????b????c????原创 2021-04-12 21:43:42 · 1934 阅读 · 0 评论 -
如何通过 Git 和 Husky 添加提交钩子并实现代码任务自动化
原文地址:How to Add Commit Hooks to Git with Husky to Automate Code Tasks 如何通过 Git 和 Husky 添加提交钩子并实现代码任务自动化 ????原文作者:Colby Fayock译者:@nsuedu校对者:有很多工具可以使我们的代码任务自动化:我们可以使用 ESLint 检查语法问题,并使用 Prettier 格式化代码但是并不是团队中的每个人都记得每次提交时都运行这些命令。 如果有一个工具可以在每次提交/推送代码前自动原创 2021-04-03 17:19:36 · 1592 阅读 · 0 评论 -
React Router 完全指南(包含 Router Hooks)
原文地址:A Complete Beginner’s Guide to React Router (Including Router Hooks) React Router 完全指南(包含 Router Hooks)????原文作者:Ibrahima Ndaw译者:大古同学校对者:众所周知,React 是一个用于构建用户界面的 JavaScript 库,它是单页面应用(SPA). 单页面应用,顾名思义:只有一个页面,它是没有路由导航机制的. 这时候往往需要一种路由机制,以便在不同的视图之间切换翻译 2021-04-03 17:18:19 · 267 阅读 · 0 评论 -
webpackDemo读书笔记
零:AggressiveSplittingPlugin,AggressiveSplittingPlugin 可以将 bundle 拆分成更小的 chunk,直到各个 chunk 的大小达到 option 设置的 maxSize。它通过目录结构将模块组织在一起。 用于将捆绑包拆分为多个较小的块以改进缓存。这对HTTP2 Web服务器最有效,否则会增加请求数量的开销 new...原创 2018-07-30 23:08:57 · 355 阅读 · 0 评论 -
原生JS 实现表格的合并单元格
/* 参数:table或tbody的id,开始行号,结束行号,合并哪一列 mc('field_selection', 0, 4, 0); */ //--------合并单元格 function mc(table1, startRow, endRow, col) { ...原创 2018-04-12 16:48:52 · 5815 阅读 · 0 评论 -
JavaScript模块化(二)
这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。模块的规范先想一想,为什么模块很重要? 因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。 但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!目前,通行的Javascript模块规范有: - CommonJS - AMD转载 2017-11-03 23:57:36 · 215 阅读 · 0 评论 -
JavaScript模块化(一)
参考链接 1.http://www.ruanyifeng.com/blog/2012/10/javascript_module.html网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等……开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。 但是转载 2017-11-03 23:44:17 · 209 阅读 · 0 评论 -
javascript学习笔记-javascript简介(一)
JavaScript是什么JavaScript是一种小型的、轻量级的、面向对象的、跨平台的脚本语言,是目前最流行的网页客户端编程语言。JavaScript用于控制网页内容,实现网页浏览者与网页内容之间的交互,这种交互的实现直接发生在客户端,并不需要与Web服务器之间进行数据通信,因此将获得极高的响应速度。 JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。 JavaS原创 2016-10-02 13:55:46 · 341 阅读 · 0 评论 -
JS 导出excel---1
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>html 表格导出道</title> <script language="JavaScript" type="text/javascript"> //第五种方法 var idTm转载 2016-12-01 19:24:57 · 1904 阅读 · 0 评论 -
JS导出excel--2
<html><head><script type="text/javascript" language="javascript"> var idTmr; function getExplorer() { var explorer = window.navigator.userAgent ; //ie转载 2016-12-01 19:25:38 · 596 阅读 · 0 评论 -
JS导出excel--3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb231转载 2016-12-01 19:26:26 · 284 阅读 · 0 评论 -
刷新页面将提示是否保存数据---JS
<body> <form action="" method="post" name="someForm"> <input type="text" name="name" id="name" /> <input type="button" id="btn" value="btn"/> <select原创 2016-11-21 21:43:53 · 1707 阅读 · 0 评论 -
JavaScript之树形结构的数据(一)
在前端JS编程中,经常需要在前端页面显示组织机构之类的树形结构数据,下面的代码可以组成一个树形结构的数据。const device=[ { "key": 1, "title": "设备1" }, { "key": 2, "title": "设备2", children:{ }原创 2017-03-12 13:19:53 · 7473 阅读 · 1 评论 -
JavaScript之树形结构数据(二)
这是组成树形结构的第二种方法,———–下面是代码const TreeData=[{ id:1, parentId:-1, guid:"5bc9ec72-b9cd-4a85-a04e-56260f368d9d", parentGuid:"00000000-0000-0000-0000-000000000000", name:"南充分行", },{ id:2原创 2017-03-12 13:25:32 · 654 阅读 · 1 评论 -
JavaScript-for循环语句,if语句,switch语句
/*do-wile 后测试循环语句,即只有在循环体中的代码被执行后,才会测试出口条件 * * 在对表达式求值之前,循环体内的代码至少会被执行一次 * * 常用语循环体中的代码至少被执行一次的情形* */let i=0;do{ i+=2;}while(i<10)console.log(i);/* while 前测试语句,在循环体内的代码被执行前,就会对出口条件求值 因原创 2017-03-22 22:56:08 · 2244 阅读 · 0 评论 -
webpack(一)
webpack是在应用程序中构建JavaScript模块的工具。 要从cli或api开始使用webpack,请按照安装说明进行操作。 webpack通过快速构建应用程序的依赖图并按正确的顺序绑定它们来简化您的工作流。 webpack可以配置为定制您的代码的优化, 拆分供应商/ css / js代码生产,运行开发服务器热重装代码, 没有页面刷新和许多这样酷的功能。 进一步了解为什么要使用web原创 2017-03-12 14:20:27 · 472 阅读 · 0 评论 -
React 15.5.0更新
转自:http://mt.sohu.com/it/d20170408/132814244_505793.shtml 4月7日,Facebook宣布正式发布React 15.5.0版本。以下是这个版本的主要功能,摘自其发布声明。 新的弃用警告 本次最大的变化是把 React.PropTypes 和 React.createClass 各自抽取成包。它们仍然可以通过React对象访问,但是转载 2017-04-19 16:03:31 · 1565 阅读 · 0 评论 -
Ajax之XMLHttpRequest
open(method,url,async);规定请求的类型、URL 以及是否异步处理请求。 method:请求的类型;GET 或 POST url:文件在服务器上的位置 async:true(异步)或 false(同步)send(string) 将请求发送到服务器。 string:仅用于 POST 请求GET请求<!DOCTYPE html><html> <head>原创 2017-01-14 19:37:07 · 375 阅读 · 0 评论 -
ES6 的 super 到底是什么?
原文地址:https://www.web-tinker.com/article/21291.html 说起 ES6 的继承和 super 的用法大家都不会陌生,可是一问到 super 到底是什么,很多人就支支吾吾。也许在别的编程语言中 super 和 this 一样,都是一个指针,可以像一般变量一样使用。但是在 ES6 中,super 是一个特殊的语法,而且它比 this 还要特殊,有很多用法上的转载 2017-05-30 15:46:05 · 8900 阅读 · 0 评论 -
JavaScript高级程序设计-数组
let arr =[“1”,”2”,”3”,”4”,”5”,”6”];//检测数组if(Array.isArray(arr)){ //对数组执行某些操作 } //数组转换 //所有对象都有 toLocaleString() toString() valueOf()console.log(arr.toString());//返回数组中每个值得字符串形式拼接,而成的以逗号分隔的原创 2017-03-21 22:18:27 · 339 阅读 · 0 评论 -
AJax之Fetch(一)
<script> var result = fetch('https://api.github.com') result.then(function(response) { console.log('response', response) console.log('header', response.headers.get('Content-Type'))转载 2017-01-14 19:59:30 · 2799 阅读 · 0 评论 -
JavaScript之同步与异步一
原文地址:https://segmentfault.com/a/1190000004322358同步:如果在函数A返回的时候,调用者就能够得到预期结果(即拿到了预期的返回值或者看到了预期的效果),那么这个函数就是同步的。异步:如果在函数A返回的时候,调用者还不能够得到预期结果,而是需要在将来通过一定的手段得到,那么这个函数就是异步的。fs.readFile('foo.txt', 'utf8', fu原创 2017-05-30 18:15:46 · 343 阅读 · 0 评论 -
JavaScript异步与同步之三-异步详解
异步代码会被放入一个事件队列,等到所有其他代码执行后才进行,而不会阻塞线程理解异步代码JavaScript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函数作为第一参数和一个毫秒时间作为第二参数。以下是用法举例:console.log( "a" );setTimeout(function() { consol转载 2017-05-30 21:22:21 · 300 阅读 · 0 评论 -
JavaScript同步与异步之异步进化史
原文地址:http://div.io/topic/1802 JS 中最基础的异步调用方式是 callback,它将回调函数 callback 传给异步 API,由浏览器或 Node 在异步完成后,通知 JS 引擎调用 callback。对于简单的异步操作,用 callback 实现,是够用的。但随着负责交互页面和 Node 出现,callback 方案的弊端开始浮现出来。 Promise 规范孕育转载 2017-05-30 21:52:15 · 315 阅读 · 0 评论 -
JSON与JSONP的区别于实现
前言:说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON来传数据,靠JSONP来跨域。而这就是本文将要讲述的内容。JSON和JSONP虽然只有一个字母的差别,但其实他们根本不是一回事儿转载 2016-09-26 23:37:51 · 232 阅读 · 0 评论 -
JS双击事件
<html> <head><script type="text/javascript">var flag = true;var first = 0;var second = 0;function test(){var date = new Date();var one = date.getTime();if(flag){first = one;flag = false;} e转载 2016-12-01 19:27:53 · 1021 阅读 · 0 评论 -
JS笔记
链式作用域函数f2就被包括在函数f1内部,这时f1内部的所有局部变量,对f2都是可见的。但是反过来就不行,f2内部的局部变量,对f1就是不可见的闭包够读取其他函数内部变量的函数。 f2由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。它的最大用处有两个原创 2016-10-15 10:09:00 · 204 阅读 · 0 评论