JavaScript
文章平均质量分 64
有志青年(top)
此人不为,平淡寡欢,时而踌躇,时而满志。
展开
-
10. 第十部分:未来的JavaScript发展趋势
强大的语言功能和语法改进:JavaScript的语言特性和语法正在不断改进和扩展,以提供更强大、更易用的编程能力。JavaScript的未来展望是充满活力和创新的。随着Web技术的不断发展和用户对更强大、更交互式的应用程序的需求增加,JavaScript在现代Web开发中扮演着重要的角色,并且在不断演化和改进。术环境,通过语言改进、增强的工具和丰富的生态系统,为开发人员提供更好的开发体验和更强大的能力。使用这些技术,开发人员可以创建自定义的Web组件,具有独立的样式和行为,可以在不同的应用程序中重用。原创 2023-06-23 22:57:47 · 508 阅读 · 0 评论 -
7. 第七部分:安全性和最佳实践
攻击者通过在应用程序的输入字段中注入恶意的SQL代码,从而绕过应用程序的验证和过滤机制,执行未经授权的数据库操作,比如获取、修改或删除数据库中的数据。:对于从用户或外部系统接收到的所有输入数据,进行验证和过滤,确保其符合预期的格式、范围和类型。:攻击者在受信任的网站上注入恶意脚本,当其他用户访问该网站时,脚本会在他们的浏览器中执行,从而实现攻击目的,比如窃取用户登录凭据或会话信息。通过遵循最佳实践和关注代码质量,可以提高软件开发的效率、可维护性和可靠性,减少漏洞和错误的出现,为用户提供更好的体验。原创 2023-06-22 21:25:34 · 615 阅读 · 0 评论 -
6. 第六部分:性能优化和调试技巧
以上是一些常用的JavaScript调试工具和技巧,你可以根据自己的喜好和需求选择适合的工具和方法来进行调试。记住,调试是解决问题的重要步骤,它可以帮助你找到代码中的错误并改进代码质量。以上是一些常见的优化和测试方法和工具,你可以根据具体的需求和场景选择适合的工具进行使用。了解JavaScript内存管理和垃圾回收的原理可以帮助你编写更高效、可靠的代码,并避免内存泄漏等问题。对于大量占用内存的操作(如大数组、大对象),及时释放它们的引用,以便垃圾回收器能够及时回收内存。原创 2023-06-21 21:52:41 · 784 阅读 · 0 评论 -
5. 第五部分:高级浏览器特性和APIs
通过合理地使用浏览器存储和缓存技术,您可以减少对服务器的请求,提高网页加载速度,并提供更好的用户体验。然而,缓存和存储的使用需要谨慎,确保数据的有效性和一致性,并遵守隐私和安全规范。需要注意的是,由于Service Workers可以拦截和处理网络请求,所以在使用它们时需要小心处理缓存策略,以确保及时获取最新的数据,并处理好缓存的清理和更新。Web Workers和Service Workers是现代Web开发中有用的工具,它们可以提高Web应用程序的性能、响应性和离线访问能力,为用户提供更好的体验。原创 2023-06-20 21:46:36 · 376 阅读 · 0 评论 -
4. 第四部分:模块化和打包工具
JavaScript模块化开发是一种组织和管理JavaScript代码的方法,旨在提高代码的可维护性、可重用性和可扩展性。它将代码分割成独立的模块,每个模块专注于完成特定的任务或实现特定的功能。模块化开发有助于降低代码的耦合度,使得代码更易于理解、测试和维护。在JavaScript中,有多种实现模块化的方法。以下是一些常见的模块化开发概述:命名空间模式(Namespace Pattern):使用对象作为命名空间,将相关的函数、变量和对象组织在一起。原创 2023-06-19 21:53:26 · 930 阅读 · 0 评论 -
3. 第三部分:异步编程
需要注意的是,回调函数是一种用于处理异步操作的模式,而事件循环是JavaScript引擎内部用于管理异步任务的机制。它提供了一种更优雅和便捷的方式来处理异步代码,避免了回调函数嵌套的问题,称为"回调地狱"。Promise对象表示一个尚未完成的异步操作,并提供了一组方法来处理异步操作的成功或失败。使用Promise可以让异步代码更具可读性和可维护性,避免了回调地狱,并提供了一种线性和连续的方式来处理异步操作的结果。JavaScript中的回调函数和事件循环是两个重要的概念,用于处理异步代码和事件驱动的编程。原创 2023-06-19 21:52:24 · 440 阅读 · 0 评论 -
1.第一部分:javascript基础知识回顾
请注意,这些特性在不同的 JavaScript 环境中可能有不同的支持程度,因此在使用这些特性时需要注意目标平台的兼容性。ECMAScript 6(ES6),也称为 ECMAScript 2015,是 JavaScript 的一个重要版本,引入了许多新的功能和语法改进。在 JavaScript 中,变量的数据类型是动态的,也就是说可以在运行时改变一个变量的数据类型。使用函数和适当的作用域,可以组织和管理代码,提高可重用性和可维护性。这些是 JavaScript 中的一些基本的变量和数据类型。原创 2023-06-17 21:21:49 · 581 阅读 · 0 评论 -
LocalStroage,SessionStroage,Cookide,IndexedDB
浏览器数据存储的简单概述原创 2023-05-27 22:51:30 · 836 阅读 · 0 评论 -
element-ui 添加iconfont 图标
进入阿里iconfont网站选取图标;设置项目导出的属性下载在项目中引入css;直接使用原创 2021-07-05 21:29:34 · 495 阅读 · 0 评论 -
es6- class - itdogzhang
//1.基本语法class Human { constructor(name,age) { this.name = name this.age = age } run(){ console.log('I can run') }}//2.探究其本质console.log(typeof Human) //functionconsole.log(Human.__proto__)//{}console.log(Human.c原创 2021-06-27 21:45:54 · 66 阅读 · 0 评论 -
javascript——原型与继承——itdogzhang
// 1.原型继承let parent = { name: 'parent', work: 'teacher'}let children = { name: 'childern'}//方式1children.__proto__ = parentconsole.log(children.work) //teacherconsole.log(children.__proto__) //{ name: 'parent', work: 'teacher' }consol原创 2021-06-26 22:31:31 · 184 阅读 · 2 评论 -
typescript-基础类型
//Boolean类型let _boolean: boolean = false;//console.log(_boolean)//Number类型let _number1: number = 0.1let _number2: number = 0.2//console.log(_number1+_number2)//String类型let _string: string = 'hello world'//Array类型//1.方式1let _array0: number[]原创 2021-02-05 21:20:11 · 110 阅读 · 0 评论 -
react+react-redux+typescripte 之简单计数器
//compmentimport React from 'react'import { connect } from 'react-redux'import store from '../../store'import { TestAction } from '../../actions'interface IProp{ value:number, dispath: any} class Home extends React.Component<IProp>{ han原创 2020-10-19 23:47:39 · 170 阅读 · 0 评论 -
vue2.x 的响应式原理—vue源码探究记录001
function observe(obj, cb) { Object.keys(obj).forEach((key) => defineReactive(obj, key, obj[key] , cb)) } function defineReactive (obj, key, val, cb) { Object.defineProperty(obj, key, { enumerable: true, conf原创 2020-09-26 09:31:07 · 73 阅读 · 0 评论 -
Proxy简单体验
const handler = { get: function (target,attribute) { console.log(target,attribute) return attribute in target ? target[attribute]:undefined }, set:function (target,attribute,value) { console.log(target,attribute,value).原创 2020-08-12 23:22:41 · 112 阅读 · 0 评论 -
es6 数组对象去重
let arr =[ { name:'zhangsan', age:34 },{ name:'lisi', age:34 },{ name:'zhangsan', age:34 },{ name:'lisi', age:34 },{ name:'zhangsan', age:34 },{原创 2020-08-12 21:42:40 · 1245 阅读 · 2 评论 -
webpack集成yarn-初步
创建项目文件夹yarn init创建基本目录结构public/index.htmlsrc/main.jswebpack.config,js安装必要依赖webpackwebpack-cliwebpack-dev-serverclean-webpack-pluginhtml-webpack-plugin添加配置const path = require('path')const HtmlWebpackPlugin = require('html-webpack-pl..原创 2020-08-07 19:56:15 · 395 阅读 · 0 评论 -
JavaScript 原型链的初体验
基于原型链的继承1. 继承属性 function f() { this.name = 'A' } var F = new f() console.log(F) f.prototype.type = "obj" console.log(F) 2.继承方法 var A ={ name: 'A', method: function (str) { retu.原创 2020-08-05 20:20:15 · 91 阅读 · 0 评论 -
var Vs let 作用域
代码:for (var i=1; i<=5; i++) { setTimeout( function () { console.log( i ); }, i*1000 ); }结果: 6,6,6,6,6代码:for (let i=1; i<=5; i++) { setTimeout( function () { console.log( i ); }, i*1000 ); }结果: 1,2,3,4,5let 声明的原创 2020-07-31 22:51:08 · 99 阅读 · 0 评论 -
Input 精确到9位小数
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <input id="xx" value="0" type="number" οnkeyup="this.value=this.value.replace(/[^\d.]/g,'')" onafterpaste="thi原创 2020-06-18 14:22:17 · 220 阅读 · 0 评论 -
js-Date 处理
getTime() { const time = new Date() const strTime = time.getHours() + ':' + time.getMinutes() + ':' + time.getSeconds() return strTime},getDate() { const time = new Date() const strDate = ...原创 2020-05-07 21:39:33 · 97 阅读 · 0 评论 -
Ajax_JavaScript实现交互
jsp页面:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/原创 2018-09-13 14:17:30 · 121 阅读 · 0 评论