知末随未
知末随未

常见的前端面试题

怎么去设计一个组件封装

  1. 组件封装的目的是为了重用，提高开发效率和代码质量

  2. 低耦合，单一职责，可复用性，可维护性

  3. 前端组件化设计思路

 

js 异步加载的方式

  1. 渲染引擎遇到 script 标签会停下来，等到执行完脚本，继续向下渲染

  2. defer 是“渲染完再执行”，async 是“下载完就执行”，defer 如果有多个脚本，会按照在页面中出现的顺序加载，多个async 脚本不能保证加载顺序

  3. 加载 es6模块的时候设置 type=module，异步加载不会造成阻塞浏览器，页面渲染完再执行，可以同时加上async属性，异步执行脚本（利用顶层的this等于undefined这个语法点，可以侦测当前代码是否在 ES6 模块之中）

 

css 动画和 js 动画的差异

  1. 代码复杂度，js 动画代码相对复杂一些

  2. 动画运行时，对动画的控制程度上，js 能够让动画，暂停，取消，终止，css动画不能添加事件

  3. 动画性能看，js 动画多了一个js 解析的过程，性能不如 css 动画好

 

XSS 与 CSRF 两种跨站攻击

  1. xss 跨站脚本攻击，主要是前端层面的，用户在输入层面插入攻击脚本，改变页面的显示，或则窃取网站 cookie，预防方法：不相信用户的所有操作，对用户输入进行一个转义，不允许 js 对 cookie 的读写

  2. csrf 跨站请求伪造，以你的名义，发送恶意请求，通过 cookie 加参数等形式过滤

  3. 我们没法彻底杜绝攻击，只能提高攻击门槛

 

事件委托，目的，功能，写法

  1. 把一个或者一组元素的事件委托到它的父层或者更外层元素上

  2. 优点，减少内存消耗，动态绑定事件

  3. target 是触发事件的最具体的元素，currenttarget是绑定事件的元素(在函数中一般等于this)

  4. JavaScript 事件委托详解

 

线程，进程

  1. 线程是最小的执行单元，进程是最小的资源管理单元

  2. 一个线程只能属于一个进程，而一个进程可以有多个线程，但至少有一个线程

 

负载均衡

  1. 当系统面临大量用户访问，负载过高的时候，通常会使用增加服务器数量来进行横向扩展，使用集群和负载均衡提高整个系统的处理能力

  2. 服务器集群负载均衡原理？

 

什么是CDN缓存

  1. CDN 是一种部署策略，根据不同的地区部署类似nginx 这种服务服务，会缓存静态资源。前端在项目优化的时候，习惯在讲台资源上加上一个 hash 值，每次更新的时候去改变这个 hash，hash 值变化的时候，服务会去重新取资源

  2. (CDN)是一个经策略性部署的整体系统，包括分布式存储、负载均衡、网络请求的重定向和内容管理4个要件

  3. CDN_百度百科

 

闭包的写法，闭包的作用，闭包的缺点

  1. 使用闭包的目的——隐藏变量，间接访问一个变量,在定义函数的词法作用域外，调用函数

  2. 闭包的内存泄露，是IE的一个 bug，闭包使用完成之后，收回不了闭包的引用，导致内存泄露

  3. 「每日一题」JS 中的闭包是什么？

  4. 闭包造成内存泄露的实验

 

跨域问题，谁限制的跨域，怎么解决

  1. 浏览器的同源策略导致了跨域

  2. 用于隔离潜在恶意文件的重要安全机制

  3. [jsonp ，允许 script 加载第三方资源]https://segmentfault.com/a/11...

  4. nginx 反向代理（nginx 服务内部配置 Access-Control-Allow-Origin *）

  5. cors 前后端协作设置请求头部，Access-Control-Allow-Origin 等头部信息

  6. iframe 嵌套通讯，postmessage

 

javascript 中常见的内存泄露陷阱

  1. 内存泄露会导致一系列问题，比如：运行缓慢，崩溃，高延迟

  2. 内存泄露是指你用不到（访问不到）的变量，依然占居着内存空间，不能被再次利用起来

  3. 意外的全局变量，这些都是不会被回收的变量（除非设置 null 或者被重新赋值），特别是那些用来临时存储大量信息的变量

  4. 周期函数一直在运行，处理函数并不会被回收，jq 在移除节点前都会，将事件监听移除

  5. js 代码中有对 DOM 节点的引用，dom 节点被移除的时候，引用还维持

  6. JavaScript 中 4 种常见的内存泄露陷阱

 

babel把ES6转成ES5或者ES3之类的原理是什么

  1. 它就是个编译器，输入语言是ES6+，编译目标语言是ES5

  2. babel 官方工作原理

  3. 解析：将代码字符串解析成抽象语法树

  4. 变换：对抽象语法树进行变换操作

  5. 再建：根据变换后的抽象语法树再生成代码字符串

 

Promise 模拟终止

  1. 当新对象保持“pending”状态时，原Promise链将会中止执行。

  2. return new Promise(()=>{}); // 返回“pending”状态的Promise对象

  3. 从如何停掉 Promise 链说起(promise内存泄漏问题)

 

promise 放在try catch里面有什么结果

  1. Promise 对象的错误具有冒泡性质，会一直向后传递，直到被捕获为止，也即是说，错误总会被下一个catch语句捕获

  2. 当Promise链中抛出一个错误时，错误信息沿着链路向后传递，直至被捕获

 

网站性能优化

  1. http 请求方面，减少请求数量，请求体积，对应的做法是，对项目资源进行压缩，控制项目资源的 dns 解析在2到4个域名，提取公告的样式，公共的组件，雪碧图，缓存资源，

  2. 压缩资源，提取公共资源压缩，提取 css ，js 公共方法

  3. 不要缩放图片，使用雪碧图，使用字体图表（阿里矢量图库）

  4. 使用 CDN，抛开无用的 cookie

  5. 减少重绘重排，CSS属性读写分离，最好不要用js 修改样式，dom 离线更新，渲染前指定图片的大小

  6. js 代码层面的优化，减少对字符串的计算，合理使用闭包，首屏的js 资源加载放在最底部

 

js 自定义事件实现

  1. 原生提供了3个方法实现自定义事件

  2. createEvent，设置事件类型，是 html 事件还是 鼠标事件

  3. initEvent 初始化事件，事件名称，是否允许冒泡，是否阻止自定义事件

  4. dispatchEvent 触发事件

 

angular 双向数据绑定与vue数据的双向数据绑定

  1. 二者都是 MVVM 模式开发的典型代表

  2. angular 是通过脏检测实现，angular 会将 UI 事件，请求事件，settimeout 这类延迟，的对象放入到事件监测的脏队列，当数据变化的时候，触发 $diget 方法进行数据的更新，视图的渲染

  3. vue 通过数据属性的数据劫持和发布订阅的模式实现，大致可以理解成由3个模块组成，observer 完成对数据的劫持，compile 完成对模板片段的渲染，watcher 作为桥梁连接二者，订阅数据变化及更新视图

 

get与post 通讯的区别

  1. Get 请求能缓存，Post 不能

  2. Post 相对 Get 安全一点点，因为Get 请求都包含在 URL 里，且会被浏览器保存历史纪录，Post 不会，但是在抓包的情况下都是一样的。

  3. Post 可以通过 request body来传输比 Get 更多的数据，Get 没有这个技术

  4. URL有长度限制，会影响 Get 请求，但是这个长度限制是浏览器规定的，不是 RFC 规定的

  5. Post 支持更多的编码类型且不对数据类型限制

 

有没有去研究webpack的一些原理和机制，怎么实现的

  1. 解析webpack配置参数，合并从shell传入和webpack.config.js文件里配置的参数，生产最后的配置结果。

  2. 注册所有配置的插件，好让插件监听webpack构建生命周期的事件节点，以做出对应的反应。

  3. 从配置的entry入口文件开始解析文件构建AST语法树，找出每个文件所依赖的文件，递归下去。

  4. 在解析文件递归的过程中根据文件类型和loader配置找出合适的loader用来对文件进行转换。

  5. 递归完后得到每个文件的最终结果，根据entry配置生成代码块chunk。

  6. 输出所有chunk到文件系统。

 

ES6模块与CommonJS模块的差异

  1. CommonJs 模块输出的是一个值的拷贝，ES6模块输出的是一个值的引用

  2. CommonJS 模块是运行时加载，ES6模块是编译时输出接口

  3. ES6输入的模块变量，只是一个符号链接，所以这个变量是只读的，对它进行重新赋值就会报错

 

模块加载AMD，CMD，CommonJS Modules/2.0 规范

  1. 这些规范的目的都是为了 JavaScript 的模块化开发，特别是在浏览器端的

  2. 对于依赖的模块，AMD 是提前执行，CMD 是延迟执行

  3. CMD 推崇依赖就近，AMD 推崇依赖前置

 

Node 事件循环，js 事件循环差异

  1. Node.js 的事件循环分为6个阶段

  2. 浏览器和Node 环境下，microtask 任务队列的执行时机不同

    • Node.js中，microtask 在事件循环的各个阶段之间执行

    • 浏览器端，microtask 在事件循环的 macrotask 执行完之后执行

  3. 递归的调用process.nextTick()会导致I/O starving，官方推荐使用setImmediate()

 

浅拷贝和深拷贝的问题

  1. 深拷贝和浅拷贝是只针对Object和Array这样的复杂类型的

  2. 也就是说a和b指向了同一块内存，所以修改其中任意的值，另一个值都会随之变化，这就是浅拷贝

  3. 浅拷贝， ”Object.assign() 方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象

  4. 深拷贝，JSON.parse()和JSON.stringify()给了我们一个基本的解决办法。但是函数不能被正确处理

请描述 cookies、sessionStorage 和 localStorage 的区别。

软件编程希望通过一些手段来持久化的存储一些有用的数据。对于网络化编程，一般将这项任务交给了服务器端的数据库或者浏览器端的cookie。随着HTML5的出现，web开发又有了两种选择：Web Storage和Web SQL Database.

WebStorage有两种形式：LocalStorage（本地存储）和sessionStorage（会话存储）。这两种方式都允许开发者使用js设置的键值对进行操作，在在重新加载不同的页面的时候读出它们。这一点与cookie类似。

1:cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。

2:存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。

3:数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。

4:作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。

5:Web Storage 支持事件通知机制，可以将数据更新的通知发送给监听者。

6:Web Storage 的 api 接口使用更方便。

请解释
没有defer或async属性，浏览器会立即加载并执行相应的脚本。也就是说在渲染script标签之后的文档之前，不等待后续加载的文档元素，读到就开始加载和执行，此举会阻塞后续文档的加载；

2.
有了async属性，表示后续文档的加载和渲染与js脚本的加载和执行是并行进行的，即异步执行；

3.
有了defer属性，加载后续文档的过程和js脚本的加载(此时仅加载不执行)是并行进行的(异步)，js脚本的执行需要等到文档所有元素解析完成之后，DOMContentLoaded事件触发执行之前。

为什么通常推荐将 CSS 放置在 之间，而将 JS

你可能感兴趣的:(前端,web,web前端技术)

  • 谷歌浏览器chrome插件、扩展程序无法下载的解决方法 weixin_33878457
    以下是下载离线插件包的方法：每个GoogleChrome扩展都有一个固定的ID，例如https://chrome.google.com/webstore/detail/bfbmjmiodbnnpllbbbfblcplfjjepjdn把这个扩展的ID复制下来,替换下面URL中的“~~~~”https://clients2.google.com/service/update2/crx?response
  • RN React Native 使用Flatlist出现的问题 好好学习99 经验分享reactnativereact.jsjavascript
    因为我们项目需要兼容app端，pcweb端以及移动web端，有些代码在移动端的时候没有问题，但是一旦在pc端，就会发现有bug，于是记录一下，pc端的bug原因1.出现闪屏，一直调用加载更多函数的原因其实闪屏与频繁调用加载函数是一起的，解决了调用加载函数的问题就能解决闪屏问题。flatlist组件有两个参数onEndReachedThreshold和onEndReached，前者用来判断何时调用e
  • 为什么“记住密码”适合持久化？ 十步杀一人_千里不留行 Reactreactnative
    ✅特性1：应用重启后仍需生效记住密码的本质是长期存储用户的登录凭证（如用户名、密码、JWTToken），即使用户关闭应用、重启设备，仍然可以自动登录。持久化存储方案：ReactNative推荐使用AsyncStorage或SecureStore（Expo）Web端可以用localStorage/IndexedDB/Cookies✅特性2：不受组件生命周期影响记住密码的逻辑应该独立于UI组件，即使应
  • Vue.js 详细介绍 DOMINICHZL vue.jsvue.js
    1.引言在前端开发领域，Vue.js无疑是一个备受瞩目的框架。它以其轻量、易用和高效的特点，迅速成为开发者们的首选。无论你是前端新手，还是有一定经验的开发者，Vue.js都能为你提供强大的支持。本文将带你从零开始，深入了解Vue.js的核心概念、使用方法以及最佳实践。2.Vue.js简介2.1什么是Vue.js？Vue.js是一套用于构建用户界面的渐进式JavaScript框架。与其他大型框架不同
  • Spring MVC 的执行流程 圈圈编码 springmvcjava
    SpringMVC是一个基于Java的请求驱动型Web框架，其核心设计围绕前端控制器模式，通过DispatcherServlet协调各个组件处理HTTP请求。以下是其完整的执行流程，共分为8个核心步骤：1.HTTP请求到达DispatcherServlet入口：所有请求首先由DispatcherServlet（前端控制器）接收。配置：在web.xml中定义DispatcherServlet并映射U
  • 令牌技术 JWT令牌 圈圈编码 数据库
    1.令牌（Token）令牌（Token）是计算机安全领域中的一种凭证机制，用于验证用户身份或授权访问资源。它通常是一个字符串，携带了用户身份、权限或其他关键信息，服务端可通过验证令牌的合法性来判断请求的合法性。常见令牌类型：会话令牌（SessionToken）：传统Web应用中，服务器生成一个唯一ID存储在服务端（如内存或数据库），客户端通过Cookie或URL参数携带该ID。访问令牌（Acces
  • Go Web 项目实战：构建 RESTful API、命令行工具及应用部署 一小路一 掌握Go语言：编程世界的进阶钥匙golang面试后端开发语言
    GoWeb项目实战：构建RESTfulAPI、命令行工具及应用部署Go语言因其简洁高效、并发支持强大等特点，已经成为了后端开发的热门选择之一。本篇文章将通过实战案例带领你学习如何使用Go构建一个简单的RESTfulAPI，开发命令行工具，并展示如何使用Docker部署Go应用。通过这些实战内容，你可以更好地理解Go在实际开发中的应用。1.构建一个简单的RESTfulAPIRESTfulAPI是基于
  • Request header is too large 请求头太大 james二次元 nginx
    在我们的日常开发工作中，可能会遇到请求头太大的问题，导致请求失败F12可以看到，前端传入了很长一段参数后台可以看到问题原因：请求头超过了tomcat的限制值。post请求是没有参数大小限制，但是服务器有自己的默认大小解决方式一：可以修改Tomcat的server.xml文件增加maxHttpHeaderSize参数配置,当maxPostSize=0时,表示不限制解决方式二：如果你是SpringBo
  • SQL注入（一）—— sql手动注入实操 逆熵SEC. sql网络web安全
    SQLSQL注入sql注入的核心SQL手注的一般流程判断注入点——第一步判断字段数——第二步判断回显点——第三步查询相关内容——第四步判断库名判断表名判断列名查询具体信息总结SQL注入SQL注入攻击是目前web应用网络攻击中最常见的手段之一，曾被冠以“漏洞之王”的称号，其安全风险高于缓冲区溢出漏洞等所有其他漏洞，而市场上的防火墙又不能对SQL注入漏洞进行有效的检测和防范。SQL注入攻击普遍存在范围
  • Java常用开源库: apache HttpClient 4.x, oktttp, jetty HttpClient wzj_whut 后端
    文章目录apachehttpclientGETPOSTFormPOSTString上传文件/Multipart设置超时启用cookieokhttp基本用法上传文件POST设置超时websocketjettyhttpclientapachehttpclienthttps://mvnrepository.com/artifact/org.apache.httpcomponents/httpclient
  • java将文件流传给前端,JAVA基础知识之InputStreamReader流 和 将本地文件通过前端上传到服务器上... GrapeDoor java将文件流传给前端
    将本地文件通过前端上传到服务器上publicBaseResponseSwaggerresolveFile(@Valid@ApiParam(value="file")@RequestParam(name="file",required=true)MultipartFilefile){if(file.isEmpty()){thrownewSoftwareException(ComStatusCodeE
  • 如何下载币安 gtxtttt 区块链
    安卓下载方式是这个链接苹果需要改IDwww.marketwebb.black/zh-CN/join?ref=QQLN2MJC
  • 你好，我是冴羽，我写了一套《前端大佬成长之路》
    你好，我是冴羽。这么正式的开头说明我有了一个大动作。是的，我创建了自己的知识星球：“冴羽·前端大佬成长之路”。重点一：新的一年，我会在知识星球更新一套“前端大佬成长之路”的课程。包含目标规划篇、学习方法篇、前端学习篇、个人管理篇、职场发展篇、面试技巧篇、健康养生篇共7大篇章、40节文章。总结了我近十年的工作生活经验，让大家少走一些弯路，节省一些时间。重点二：但是帮助你全面成长，一套课程是不够的，必
  • 2025年前端开发者必学的技术 倔强青铜3 JavaScript成神之路前端vuereactjavascript
    2025年前端开发者必学的技术原文链接：ImportantTopicsforFrontendDeveloperstoMasterin2025作者：moibra译者：倔强青铜三前言大家好，我是倔强青铜三。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！1.现代JavaScript(
  • HTML专题之语义化
    前言石匠敲击石头的第3次有一道经典的前端面试题：如何理解HTML语义化？如果让我自己回答，我会说语义化会让HTML代码更利于维护，并且有利于SEO的优化。但这样的回答显然不够完整，所以才有了这篇文章来好好记录一下HTML语义化，如果哪里写的有问题欢迎指出。HTML语义化是什么HTML中语义化简单来说就是使用“有意义的标签”来表示页面上不同的区域。例如下图中就使用了语义化标签用来表示一个页面的各个区
  • 补充：文件上传、下载传输给前端之直接传递图片二进制数据：网络中的图片、音频、视频等非字符数据的传输 JU HE JavaWeb开发基础网络音视频
    文章目录1Base64编码传递图片、视频二进制数据2后端直接传递图片二进制数据案例2.1后端：创建专用DTO（推荐方案）2.2前端处理建议1Base64编码传递图片、视频二进制数据前面我们在学习Java的IO流的时候讲过字节流和字符流。字符的传输：前后端字符的传输JSON中就是直接传字符就可以了讲一下实际中的变换过程：字符流中字符的传输是参考博客字符串—>（编码方式对应起来）字符数组—>二进制数据
  • [oAuth2授权]Web前端+Node&Coze API Web后端程序+Coze授权服务器工作流程架构流程图详解 GISer_Jinger 项目人工智能node.js前端javascript架构
    嗯，用户之前已经了解了如何使用React和Node.js结合CozeAPI实现OAuth2授权，现在他们具体想实现的是在Web应用中，当用户点击一个按钮（比如“和Bot对话”）时，触发授权流程，重定向到Coze的授权服务器获取code。用户还提供了一个具体的cURL请求示例，展示了如何通过302重定向获取授权页面的URL，然后从响应头中的location字段得到跳转链接，引导用户完成授权。首先，我
  • 用 CodeGen 告别重复开发：自动化生成数据库访问层代码 go自动化代码生成
    简介codegenhttps://github.com/xyzbit/codegen是一个专注于提高开发效率的代码生成工具集合。目前主要包含了数据库访问层(Repository)代码生成功能，未来可能会扩展更多功能模块如：API接口代码生成，API错误码生成，APISDK生成。核心功能：数据库仓储层代码生成(dbrepo)在传统Web开发中，我们常常陷入以下重复劳动：模型层代码手工编写：每张数据库
  • 如果你干了1年多前端，接下来的路该怎么走？ 前端后端程序员
    我知道在很多中大型公司，其实有好多领导前辈、以及师傅会给那些校招生，以及应届生规划一定的学习成长路线。有些皮于表面，有些醍醐灌顶。其实如果职场上有那么一个领路人，个人的成长是飞速的。我入职了一家新单位，这家单位的没有太多规范，没有太多的组件封装积累，还会考核每周的代码量,我发现有些阶段代码量（测试阶段、需求阶段等）不够的时候大家都是往项目中塞没用的代码，还有些同学会复制公共组件的代码进自己的模块充
  • CORS Missing Allow Origin 打怪升级& 前后端结合小白学习记录前端json后端
    自用小总结问题出现背景：前后端交互问题描述：脚本无法获取响应主体（原因：CORSMissingAllowOrigin问题分析：前后端交互数据形式不匹配自我检查：用postman检查后端接口是否能用，排除前端和后端其中一个尝试更改1.前端是form-data/x-www-form-urlencoded数据，后端则需要使用@RequestParam2.前端是application/json数据，后端则
  • web安全——分析应用程序 PT_silver web安全理论web安全安全
    文章目录一、确定用户输入入口点二、确定服务端技术三、解析受攻击面一、确定用户输入入口点在检查枚举应用程序功能时生成的HTTP请求的过程中，用户输入入口点包括：URL文件路径通常，在查询字符?之前的URL部分并不视为用户输入入口，但在REST风格的URL中，查询字符之前的URL部分实际上可作为数据参数。例如：http://eis/shop/browse/electronics/iphone其中的el
  • 2025届毕业设计选题参考，包含网站管理系统开发，微信小程序开发，APP开发，大数据分析，人工智能 平姐设计 计算机毕业设计选题清单微信小程序开发语言人工智能数据分析
    网站开发选题：1、基于Java的企业食堂管理系统的设计与实现2、基于web的办公平台3、综合学工服务系统4、超市管理系统5、基于springboot的云笔记共享系统6、毕业生实习管理系统7、驾校预约管理系统8、基于Java的航空订票系统9、企业资源规划系统10、洗衣房预约管理系统的设计与实现11、桌面端有声小说12、基于Python的毕业生就业率分析管理系统的设计与实现13、基于VUE的富平县农产
  • tomcat jndi + spring配置 cyong888 java数据库tomcatspringexceptionbean数据库jar
    tomcatjndi+spring配置一、简介JNDI:JavaNamingandDirectoryInterface(JNDI)首先关于jndi的配置网上资料很多，但大多都不是我想要的，原因很简单，改的配置文件太多，耦合度还是太高。据网上资料所言，需要更改的配置文件有三：tomcat的server.xml，工程下的WEB-INF/web.xml和spring的数据源bean的配置。虽然只有三个，
  • oauth身份验证方式_使用OAuth和Passport管理身份验证 cuxiong8996 javajwtacl软件测试安全
    oauth身份验证方式用户组列表和信息（UGLI）应用程序开始很好地成形。现在，您可以通过在“具有响应式Web设计的MEAN和UGLICRUD”中设置的CRUD屏幕显示您创建的本地内容。您还可以使用在“MEAN遇见Meetup.com和微数据”中开发的服务来合并来自外部站点的内容。与公众共享会议信息是该项目的重要组成部分。但是，作为用户组组长，我也希望将某些活动限制为该组的注册成员。例如，通过关闭
  • BY组态-低代码web可视化组件 万维——组态 低代码前端物联网运维数学建模编辑器
    简介BY组态是集实时数据展示、动态交互等一体的全功能可视化平台。帮助物联网、工业互联网、电力能源、水利工程、智慧农业、智慧医疗、智慧城市等场景快速实现数字孪生、大屏可视化、Web组态、SCADA等解决方案。具有实时监控、多样、变化、动态交互、高效、可扩展、支持自动算法、跨平台等特点，最大程度减少研发和运维的成本，并致力于普通业务人员0代码开发实现数字孪生、大屏可视化、Web组态、SCADA等解决方
  • (九）axios的使用 李木子wb Javascript高级ajaxjavascript
    1、axios的基本使用1.1、简介在Web开发的演进历程中，数据请求方式的变革至关重要。回溯早期，旧浏览器在向服务器请求数据时，存在严重弊端。由于返回的是整个页面数据，每次请求都会导致页面强制刷新，这不仅极大地影响了用户体验，还造成了网络资源的极大浪费。毕竟，多数情况下我们仅仅需要更新页面的部分内容，因此，异步网络请求技术应运而生，Ajax便是其中的典型代表。Ajax(AsynchronousJ
  • Svelte 最新中文文档教程（22）—— 自定义元素
    前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。从Svelte诞生之初，就备受开发者的喜爱，根据统计，从2019年到2024年，连续6年一直是开发者最感兴趣的前端框架No.1：Svelte以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级Web项目。为了帮助大家学习Svelte，我同时搭建了Svelte最新的中文文档站点。如果需要进阶学习，也可以入手我
  • [ vulhub漏洞复现篇 ] solr 远程命令执行 (CVE-2017-12629-RCE) _PowerShell [靶场实战]vulhubvulhub漏洞复现ApacheSolr远程命令执行CVE-2017-12629渗透测试
    博主介绍‍博主介绍：大家好，我是_PowerShell，很高兴认识大家~✨主攻领域：【渗透领域】【数据通信】【通讯安全】【web安全】【面试分析】点赞➕评论➕收藏==养成习惯（一键三连）欢迎关注一起学习一起讨论⭐️一起进步文末有彩蛋作者水平有限，欢迎各位大佬指点，相互学习进步！文章目录博主介绍一、漏洞编号二、影响范围三、漏洞描述四、环境搭建1、进入CVE-2017-12629-RCE环境2、启动C
  • [ vulhub漏洞复现篇 ] Apche log4j远程代码执行漏洞(CVE-2021-44228) _PowerShell [靶场实战]vulhubCVE-2021-44228远程代码执行漏洞Apchelog4j渗透测试
    博主介绍‍博主介绍：大家好，我是_PowerShell，很高兴认识大家~✨主攻领域：【渗透领域】【数据通信】【通讯安全】【web安全】【面试分析】点赞➕评论➕收藏==养成习惯（一键三连）欢迎关注一起学习一起讨论⭐️一起进步文末有彩蛋作者水平有限，欢迎各位大佬指点，相互学习进步！文章目录博主介绍一、漏洞编号二、影响版本三、漏洞描述四、环境搭建1.进入CVE-2021-44228环境2.启动CVE-2
  • 前端工程化Vue使用Node.js永久设置国内高速npm镜像源 会撸代码的懒羊羊 Nginx前端node.jsvue.js数据库npm
    前端工程化Vue使用Node.js永久设置国内高速npm镜像源接续上篇错误收录，此篇通过简单配置永久设置国内高速npm镜像源方法1.更换新版镜像清空npm缓存npmcacheclean--force修改回原版镜像源或直接删除配置过的镜像源npmconfigsetregistryhttps://registry.npmjs.org/--删除镜像源npmconfigdeleteregistry更改新版
  • JAVA中的Enum 周凡杨 javaenum枚举
    Enum是计算机编程语言中的一种数据类型---枚举类型。 在实际问题中，有些变量的取值被限定在一个有限的范围内。     例如，一个星期内只有七天 我们通常这样实现上面的定义： public String monday; public String tuesday; public String wensday; public String thursday
  • 赶集网mysql开发36条军规 Bill_chen mysql业务架构设计mysql调优mysql性能优化
    (一)核心军规 (1)不在数据库做运算    cpu计算务必移至业务层； (2)控制单表数据量    int型不超过1000w，含char则不超过500w；    合理分表；    限制单库表数量在300以内； (3)控制列数量    字段少而精，字段数建议在20以内
  • Shell test命令 daizj shell字符串test数字文件比较
    Shell test命令 Shell中的 test 命令用于检查某个条件是否成立，它可以进行数值、字符和文件三个方面的测试。 数值测试 参数 说明 -eq 等于则为真 -ne 不等于则为真 -gt 大于则为真 -ge 大于等于则为真 -lt 小于则为真 -le 小于等于则为真 实例演示： num1=100 num2=100if test $[num1]
  • XFire框架实现WebService(二) 周凡杨 javawebservice
       有了XFire框架实现WebService(一)，就可以继续开发WebService的简单应用。 Webservice的服务端(WEB工程)： 两个java bean类： Course.java    package cn.com.bean; public class Course {     private
  • 重绘之画图板 朱辉辉33 画图板
           上次博客讲的五子棋重绘比较简单，因为只要在重写系统重绘方法paint（）时加入棋盘和棋子的绘制。这次我想说说画图板的重绘。        画图板重绘难在需要重绘的类型很多，比如说里面有矩形，园，直线之类的，所以我们要想办法将里面的图形加入一个队列中，这样在重绘时就
  • Java的IO流 西蜀石兰 java
    刚学Java的IO流时，被各种inputStream流弄的很迷糊，看老罗视频时说想象成插在文件上的一根管道，当初听时觉得自己很明白，可到自己用时，有不知道怎么代码了。。。 每当遇到这种问题时，我习惯性的从头开始理逻辑，会问自己一些很简单的问题，把这些简单的问题想明白了，再看代码时才不会迷糊。 IO流作用是什么？ 答：实现对文件的读写，这里的文件是广义的； Java如何实现程序到文件
  • No matching PlatformTransactionManager bean found for qualifier 'add' - neither 林鹤霄
    java.lang.IllegalStateException: No matching PlatformTransactionManager bean found for qualifier 'add' - neither qualifier match nor bean name match!   网上找了好多的资料没能解决，后来发现：项目中使用的是xml配置的方式配置事务，但是
  • Row size too large (> 8126). Changing some columns to TEXT or BLOB aigo column
    原文：http://stackoverflow.com/questions/15585602/change-limit-for-mysql-row-size-too-large   异常信息： Row size too large (> 8126). Changing some columns to TEXT or BLOB or using ROW_FORMAT=DYNAM
  • JS 格式化时间 alxw4616 JavaScript
    /** * 格式化时间 2013/6/13 by 半仙 [email protected] * 需要 pad 函数 * 接收可用的时间值. * 返回替换时间占位符后的字符串 * * 时间占位符:年 Y 月 M 日 D 小时 h 分 m 秒 s 重复次数表示占位数 * 如 YYYY 4占4位 YY 占2位<p></p> * MM DD hh mm
  • 队列中数据的移除问题 百合不是茶 队列移除
         队列的移除一般都是使用的remov();都可以移除的,但是在昨天做线程移除的时候出现了点问题,没有将遍历出来的全部移除,  代码如下;      // package com.Thread0715.com; import java.util.ArrayList; public class Threa
  • Runnable接口使用实例 bijian1013 javathreadRunnablejava多线程
    Runnable接口 a.       该接口只有一个方法：public void run(); b.       实现该接口的类必须覆盖该run方法 c.       实现了Runnable接口的类并不具有任何天
  • oracle里的extend详解 bijian1013 oracle数据库extend
    扩展已知的数组空间，例： DECLARE TYPE CourseList IS TABLE OF VARCHAR2(10); courses CourseList; BEGIN -- 初始化数组元素，大小为3 courses := CourseList('Biol 4412 ', 'Psyc 3112 ', 'Anth 3001 '); --
  • 【httpclient】httpclient发送表单POST请求 bit1129 httpclient
    浏览器Form Post请求 浏览器可以通过提交表单的方式向服务器发起POST请求，这种形式的POST请求不同于一般的POST请求 1. 一般的POST请求，将请求数据放置于请求体中，服务器端以二进制流的方式读取数据，HttpServletRequest.getInputStream()。这种方式的请求可以处理任意数据形式的POST请求，比如请求数据是字符串或者是二进制数据 2. Form
  • 【Hive十三】Hive读写Avro格式的数据 bit1129 hive
     1. 原始数据 hive> select * from word; OK 1 MSN 10 QQ 100 Gtalk 1000 Skype      2. 创建avro格式的数据表   hive> CREATE TABLE avro_table(age INT, name STRING)STORE
  • nginx+lua+redis自动识别封解禁频繁访问IP ronin47
    在站点遇到攻击且无明显攻击特征，造成站点访问慢，nginx不断返回502等错误时，可利用nginx+lua+redis实现在指定的时间段 内，若单IP的请求量达到指定的数量后对该IP进行封禁，nginx返回403禁止访问。利用redis的expire命令设置封禁IP的过期时间达到在 指定的封禁时间后实行自动解封的目的。 一、安装环境： CentOS x64 release 6.4(Fin
  • java-二叉树的遍历-先序、中序、后序（递归和非递归）、层次遍历 bylijinnan java
    import java.util.LinkedList; import java.util.List; import java.util.Stack; public class BinTreeTraverse { //private int[] array={ 1, 2, 3, 4, 5, 6, 7, 8, 9 }; private int[] array={ 10,6,
  • Spring源码学习-XML 配置方式的IoC容器启动过程分析 bylijinnan javaspringIOC
    以FileSystemXmlApplicationContext为例，把Spring IoC容器的初始化流程走一遍： ApplicationContext context = new FileSystemXmlApplicationContext ("C:/Users/ZARA/workspace/HelloSpring/src/Beans.xml&q
  • [科研与项目]民营企业请慎重参与军事科技工程 comsci 企业
         军事科研工程和项目 并非要用最先进，最时髦的技术，而是要做到“万无一失”    而民营科技企业在搞科技创新工程的时候，往往考虑的是技术的先进性，而对先进技术带来的风险考虑得不够，在今天提倡军民融合发展的大环境下，这种“万无一失”和“时髦性”的矛盾会日益凸显。。。。。。所以请大家在参与任何重大的军事和政府项目之前，对
  • spring 定时器-两种方式 cuityang springquartz定时器
    方式一： 间隔一定时间 运行 <bean id="updateSessionIdTask" class="com.yang.iprms.common.UpdateSessionTask" autowire="byName" /> <bean id="updateSessionIdSchedule
  • 简述一下关于BroadView站点的相关设计 damoqiongqiu view
    终于弄上线了，累趴，戳这里http://www.broadview.com.cn   简述一下相关的技术点   前端：jQuery+BootStrap3.2+HandleBars，全站Ajax（貌似对SEO的影响很大啊！怎么破？），用Grunt对全部JS做了压缩处理，对部分JS和CSS做了合并（模块间存在很多依赖，全部合并比较繁琐，待完善）。   后端：U
  • 运维 PHP问题汇总 dcj3sjt126com windows2003
    1、Dede(织梦)发表文章时,内容自动添加关键字显示空白页 解决方法： 后台>系统>系统基本参数>核心设置>关键字替换（是/否），这里选择“是”。 后台>系统>系统基本参数>其他选项>自动提取关键字，这里选择“是”。   2、解决PHP168超级管理员上传图片提示你的空间不足 网站是用PHP168做的，反映使用管理员在后台无法
  • mac 下 安装php扩展 - mcrypt dcj3sjt126com PHP
    MCrypt是一个功能强大的加密算法扩展库，它包括有22种算法，phpMyAdmin依赖这个PHP扩展，具体如下： 下载并解压libmcrypt-2.5.8.tar.gz。 在终端执行如下命令： tar zxvf libmcrypt-2.5.8.tar.gz cd libmcrypt-2.5.8/ ./configure --disable-posix-threads --
  • MongoDB更新文档 [四] eksliang mongodbMongodb更新文档
    MongoDB更新文档 转载请出自出处：http://eksliang.iteye.com/blog/2174104 MongoDB对文档的CURD，前面的博客简单介绍了，但是对文档更新篇幅比较大，所以这里单独拿出来。 语法结构如下： db.collection.update( criteria, objNew, upsert, multi) 参数含义 参数   
  • Linux下的解压，移除，复制，查看tomcat命令 y806839048 tomcat
    重复myeclipse生成webservice有问题删除以前的，干净 1、先切换到：cd usr/local/tomcat5/logs 2、tail -f catalina.out 3、这样运行时就可以实时查看运行日志了 Ctrl+c 是退出tail命令。 有问题不明的先注掉   cp /opt/tomcat-6.0.44/webapps/g
  • Spring之使用事务缘由(3-XML实现) ihuning spring
      用事务通知声明式地管理事务   事务管理是一种横切关注点。为了在 Spring 2.x 中启用声明式事务管理，可以通过 tx Schema 中定义的 <tx:advice> 元素声明事务通知，为此必须事先将这个 Schema 定义添加到 <beans> 根元素中去。声明了事务通知后，就需要将它与切入点关联起来。由于事务通知是在 <aop:
  • GCD使用经验与技巧浅谈 啸笑天 GC
    前言 GCD(Grand Central Dispatch)可以说是Mac、iOS开发中的一大“利器”，本文就总结一些有关使用GCD的经验与技巧。 dispatch_once_t必须是全局或static变量 这一条算是“老生常谈”了，但我认为还是有必要强调一次，毕竟非全局或非static的dispatch_once_t变量在使用时会导致非常不好排查的bug，正确的如下： 1
  • linux（Ubuntu）下常用命令备忘录1 macroli linux工作ubuntu
    在使用下面的命令是可以通过--help来获取更多的信息1,查询当前目录文件列表：ls ls命令默认状态下将按首字母升序列出你当前文件夹下面的所有内容，但这样直接运行所得到的信息也是比较少的，通常它可以结合以下这些参数运行以查询更多的信息：  ls / 显示/.下的所有文件和目录  ls -l 给出文件或者文件夹的详细信息 ls -a 显示所有文件，包括隐藏文
  • nodejs同步操作mysql qiaolevip 学习永无止境每天进步一点点mysqlnodejs
    // db-util.js var mysql = require('mysql'); var pool = mysql.createPool({ connectionLimit : 10, host: 'localhost', user: 'root', password: '', database: 'test', port: 3306 });
  • 一起学Hive系列文章 superlxw1234 hiveHive入门
      [一起学Hive]系列文章 目录贴，入门Hive，持续更新中。   [一起学Hive]之一—Hive概述，Hive是什么 [一起学Hive]之二—Hive函数大全-完整版 [一起学Hive]之三—Hive中的数据库(Database)和表(Table) [一起学Hive]之四-Hive的安装配置 [一起学Hive]之五-Hive的视图和分区 [一起学Hive
  • Spring开发利器：Spring Tool Suite 3.7.0 发布 wiselyman spring
    Spring Tool Suite(简称STS)是基于Eclipse，专门针对Spring开发者提供大量的便捷功能的优秀开发工具。   在3.7.0版本主要做了如下的更新：   将eclipse版本更新至Eclipse Mars 4.5 GA Spring Boot(JavaEE开发的颠覆者集大成者，推荐大家学习)的配置语言YAML编辑器的支持(包含自动提示，