虾王之王的博客_Web前端技术

SSI服务端包含技术

1、ssi 概念服务端嵌入（server side include）,是一种基于服务器端的网页制作技术，可以将多个子页面合并渲染输出，大多数基于unix平台的web服务器均支持ssi指令，如nginx、apache 2、应用场景cms管理系统中，页面内容过多时，将页面拆分成一个一个的小页面，进行管理，当要更改部分页面时只需要更改具体的小页面即可。 3、原理ssi 包含类似jsp

html

服务器

nginx

原创 7月前 41 阅读

Vuetify框架

为什么要学习UI框架Vue虽然会帮我们进行视图的渲染，但样式还是由我们自己来完成。这显然不是我们的强项，因此后端开发人员一般都喜欢使用一些现成的UI组件，拿来即用，常见的例如：BootStrapLayUIEasyUIZUI然而这些UI组件的基因天生与Vue不合，因为他们更多的是利用DOM操作，借助于jQuery实现，而不是MVVM的思想。而目前与Vue吻合的UI框架也非常的多，国内比较知名的如：e

UI

Layout

Vue

Vuetify

原创 8月前 130 阅读

Vue入门

0.前言前几天我们已经对后端的技术栈有了初步的了解、并且已经搭建了整个后端微服务的平台。接下来要做的事情就是功能开发了。但是没有前端页面，我们肯定无从下手，因此今天我们就要来了解一下前端的一些技术，完成前端页面搭建。先聊一下前端开发模式的发展。静态页面最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。异步刷新，操作DO

Vue

数据

html

原创 8月前 37 阅读

Vuex的简单理解和使用

1、什么是Vuex？在使用vue作为框架的前端项目开发中，我们经常会碰到Vuex，那么Vuex到底是什么东西呢？根据官方文档给出的解释是：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来说，Vuex就是一个状态管理的库，或者说是一个用来存放组件公共数据的仓库。2、为什么要使用V

Vue

Vuex

原创 9月前 398 阅读

Vue生命周期

每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。注册周期钩子举例来说，onMounted 钩子可以用来在组件完成初始渲染并创建 DOM 节点后运行代码：<script setup> import {

生命周期

Vue

原创 9月前 88 阅读

Webpack的使用

Webpack是现在最流行的Web构建框架，本文章的讲解的基本技能内容图如下：1、webpack基本使用webapck 是什么webpack 是一种前端资源构建的工具，一个静态模块打包器（module bundler）。在 webpack 看来，前端的所有资源文件（js / json / css / img / less/...）都会作为模块处理（chunk）。它根据模块的依赖关系进行静态分析，打

Webpack

热部署

Javascript

CSS

原创 9月前 184 阅读

Grunt Web程序构建框架

Grunt的安装npm install grunt -D其他的插件的安装npm install grunt-contrib-jshint grunt-contrib-nodeunit grunt-contrib-uglify -DGrunt的使用Gruntfile文件Grunt依赖Gruntfile.js 或 Gruntfile.coffee ，这个文件是必须是有效的 Java

Grunt

加载

json

原创 9月前 60 阅读

JavaScript Promise超详细源码解读

Promise超详细源码解读说到promise，相信大家在日常开发中都经常使用到，它是我们异步操作中必不可少的一部分，可以让代码看起来变得更好理解；我曾在技术社区看过许多关于promise底层原理的文章，大概原理明白，这次，我准备系统的分析实现源码并记录下来，本文将一行行代码去分析最后附加流程图和总结，希望这能对你有帮助；promise的实现库有这么多，接下来我们以github的promise p

赋值

数组

i++

原创推荐 9月前 1064 阅读

AdminLTE的使用

AdminLTE介绍（1）AdminLTE是什么？AdminLTE是一款基于bootstrap5的开源的模板主题框架。它是开源而且免费的。（2）AdminLTE有什么特点？提供一系列响应的、可重复使用的组件，并内置了多个模板页面自适应多种屏幕分辨率，兼容PC和移动端快速的创建一个响应式的Html5网站AdminLTE 不但美观，而且可以免去写很大CSS与JS的工作量（3）下载官方原版https

响应式

AdminTLE

原创 9月前 122 阅读 1收藏

关于Javascript的继承

1、原型链继承构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个原型对象的指针。继承的本质就是复制，即重写原型对象，代之以一个新类型的实例。function SuperType() { this.property = true; } SuperType.prototype.getSuperValue = function(

ES5

ES6

继承

原创精选 10月前 204 阅读

javascript深入之执行上下文

一、执行上下文1.什么是执行上下文？简单来说，执行上下文就是当前javascript代码解析和执行时的环境的抽象概念。javascript任何代码的运行都是在执行上下文中进行的。2.执行上下文的类型全局执行下文：全局执行上下文是最基础的执行上下文。不存在于任何函数中的代码都属于全局执行上下文。全局执行上下文做了两件事：1.创建一个变量对象，将window对象赋值给该变量对象（变量对象=window

执行上下文

作用域链

赋值

原创 10月前 101 阅读

Node.js Express 框架

Express 简介Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性：可以设置中间件来响应 HTTP 请求。定义了路由表用于执行不同的 HTTP 请求动作。可以通过向模板传递参数来动态渲染 HTML 页面。安装 Exp

Express

Nodejs

原创精选 11月前 318 阅读

Javascript 标准内置对象 - Promise

Promise 对象表示异步操作最终的完成（或失败）以及其结果值。描述一个 Promise 是一个代理，它代表一个在创建 promise 时不一定已知的值。它允许你将处理程序与异步操作的最终成功值或失败原因关联起来。这使得异步方法可以像同步方法一样返回值：异步方法不会立即返回最终值，而是返回一个 promise，以便在将来的某个时间点提供该值。一个

Promise

原创 11月前 77 阅读

json-server 一个简易的测试Web服务

json-server基础json-server简介json-server是一款 json 数据服务器，它运行 Express 服务器，可以对json文件、js脚本生成的json数据、远程json数据进行restful风格的增删改查操作，通过指定一个json文件作为api数据源，可以进行分页、排序、关联查询、范围查询等各种查询操作，是一套完整的模拟 REST API 接口在开始之前，需要先安装js

json

数据

字段

原创 11月前 329 阅读

ESLint 的使用

ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。首先，安装 ESLint。$ npm i -g eslint然后，安装 Airbnb 语法规则，以及 import、a11y、react 插件。$ npm i -g eslint-config-airbnb $ npm i -g eslint-plugin-import eslint-plugin-jsx-

语法规则

sed

代码风格

原创 11月前 151 阅读

Babel转码器的使用

Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在老版本的浏览器执行。这意味着，你可以用 ES6 的方式编写程序，又不用担心现有环境是否支持。下面是一个例子。转码前：input.map(item => item + 1);转码后：input.map(function (item) { return item + 1; });这里把ES6

Babel

ES6

配置文件

原创 11月前 138 阅读

ECMAScript 6 (ES6)

ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的新一代标准，2015 年 6 月正式发布。ECMAScript 和 JavaScript 的关系ES是推荐和标准的浏览器脚本的规格，Javascript是对ES的一种实现，未来有可能会新的脚本，现在主流浏览器也开始淡化Javascript这个名称，一个原因是Javascript其实和Java并没有多大关系，另一个原因是

ES6

ES2015

原创 11月前 108 阅读

Three.js BufferGeometry

BufferGeometry是Three.js最基本的几何体。所有的几何体都继承于BufferGeometry。BufferGeometry的使用。// Scene const scene = new THREE.Scene() const geometry = new THREE.BufferGeometry(); // create a simple square shape. We du

Three.js

BufferGeometry

原创 11月前 317 阅读

three.js相机

Three.js相机包含四种相机ArrayCamera 包含着一组子摄像机，常用于多人同屏的渲染，更好地提升VR场景的渲染性能StereoCamera 双透视摄像机（立体相机），常用于创建 3D 立体影像，比如 3D 电影之类或 VRCubeCamera 有6个渲染，分别是立方体的6个面，常用于渲染环境、反光等OrthographicCamera 正交相机，在这种投影模式下，无论物体距离相机距离远

3D

Three.js

转载 11月前 265 阅读

前端面试题

Javascript 有多少种数据类型，如何判断？primitive types（基本类型，栈内存）：Number String Boolean Null Undefined Symbol object types（对象类型，堆内存）: Object Array Date RegExp Map Set 等等结合 typeof 和 instanceof 可以判断一个通用的方法是 Object.pro

原型链

构造函数

基本类型

原创 2023-10-18 02:10:46 331 阅读

Javascript算法题（三）

9. 搜索旋转排序数组题⽬描述给你⼀个升序排列的整数数组 nums ，和⼀个整数 target 。假设按照升序排序的数组在预先未知的某个点上进⾏了旋转。（例如，数组 [0,1,2,4,5,6,7] 可能变为 [4,5,6,7,0,1,2] ）。请你在数组中搜索 target ，如果数组中存在这个⽬标值，则返回它的索引，否则返回 -1 。示例 1：输⼊：nums = [4,5,6,7,0,1

Javascript

算法

原创 2023-10-17 21:46:12 161 阅读

Javascript算法题（二）

5. K 个⼀组翻转链表题⽬描述给你⼀个链表，每 k 个节点⼀组进⾏翻转，请你返回翻转后的链表。k 是⼀个正整数，它的值⼩于或等于链表的⻓度。如果节点总数不是 k 的整数倍，那么请将最后剩余的节点保持原有顺序。示例：给你这个链表：1->2->3->4->5 当 k = 2 时，应当返回: 2->1->4->3->5 当 k = 3 时，应当返回

数组

链表

双指针

原创 2023-10-16 23:53:48 170 阅读

Javascript算法题（一）

1. 合并两个有序链表题⽬描述将两个升序链表合并为⼀个新的升序链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。示例：输⼊：1->2->4, 1->3->4 输出：1->1->2->3->4->4前置知识递归链表思路本题可以使⽤递归来解，将两个链表头部较⼩的⼀个与剩下的元素合并，并返回排好序的链表头，当两条链表中的⼀条为空时

链表

数据结构

迭代

原创精选 2023-10-16 17:47:51 329 阅读

阿里巴巴低代码引擎 Lowcode-engine（一）

阿里低代码引擎简介低代码介绍零代码、低代码的概念在整个全球行业内已经流行了很长一段时间。通常意义上的低代码定义会有三个关键点：一个用于生产软件的可视化编辑器中间包含了一些用于组装的物料，可以通过编排、组合和配置它们以生成丰富的功能或表现最后的实施结果是成本降低通常情况下低代码平台会具备以下的几个能力：可视化页面搭建，通过简单的拖拽完成应用页面开发，对前端技能没有要求或不需要特别专业的了解；可视化模

Lowcode-engine

低代码

开发管理

原创 2023-10-04 00:52:04 1166 阅读

系统安全性和保密性

信息系统安全体系信息安全是一个很广泛的概念，涉及到计算机和网络系统的各个方面。从总体上来讲，信息安全有 5个基本要素:(1)机密性。确保信息不暴露给未授权的实体或进程。(2)完整性。只有得到允许的人才能够修改数据，并能够判别数据是否已被篡改(3)可用性。得到授权的实体在需要时可访问数据。(4)可控性。可以控制授权范围内的信息流向和行为方式(5)可审查性。对出现的安全问题提供调查的依据和手段。安全系

数字签名

信息安全

PKI

数字水印

原创 2023-09-30 13:02:01 185 阅读

在Vite中使用Echarts

搭建Vite环境首先，我们使用命令：yarn create vite echarts-test创建空白的vite项目：这里有很多个选项，我们不需要额外的Javascript框架，所以选择第一个选项Vanilla，原生Javascript。接下还有一个选项，选择Typescript或者Javascript，我们选择Typescript。这里项目就被创建成功了。这里提示我们可以cd echarts-t

css

自动生成

命令行

原创 2023-09-26 23:50:32 1047 阅读

纯原生使用vxe-table

Vxe-table是一个开源的，专业的基于Vue的表格工具，相比于ElementUI，Vxe-table的表格功能更加的丰富。现在大多数的文章都是基于前端脚手架来开发的，这里，我为了照顾，不用使用前端脚手架或者不想用前端脚手架的同学，介绍一下，怎么用纯原生的方式来开发vxe。首先，我们必须要把相关的Vue的JS，Vxe-table的JS和Vxe-table的样式导入进来，可以使用CDN导入，如下&

Vue

Javascript

原创 2023-09-26 00:16:59 830 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

虾王之王的博客