前端 碎片javascript化学
前端内容
day01——前端前戏、http、head标签、body标签、 前端与后端的概念 前端 任何与用户直接打交道的操作界面 都可以称职位前端>>>:接待员 后端 不直接与用户打交道 主要负责内部真正的业务逻辑的执行>>>:幕后操作者 前端学习之路 专业的前端也需要培训至少六个月 而我们作为后端开发工程师 ......
day 07 7.1 前端基础之JavaScript基础【一】
前端基础之JavaScript基础【一】 【1】、JavaScript 的历史 1992年底，美国国家超级电脑应用中心（NCSA）开始开发一个独立的浏览器，叫做Mosaic。 这是人类历史上第一个浏览器，从此网页可以在图形界面的窗口浏览。 但是该浏览器还没有面向大众的普通用户。 1994年10月，N ......
day 08 8.1 前端基础之JavaScript基础【二】
前端基础之JavaScript基础【二】 【1】、json序列化和反序列化 JSON：JavaScript 对象表示法，是一种轻量级的数据交换格式。易于人阅读和编写。 // json是一种数据格式, 语法一般是{}或者[]包含起来 // 内部成员以英文逗号隔开,最后一个成员不能使用逗号! // 可以 ......
day 06 6.1 前端基础之CSS
前端基础之CSS CSS就是Cascading Style Sheet的缩写，中文译作“层叠样式表”或者是“级联样式表”，是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言，CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)，是Web网页开发技术的重要组成部分。 那么接下 ......
day 05 5.1 前端基础之HTML
前端基础之HTML 了解了web相关基本概念以后，我们开始正式接触网页开发，网页开发的基础是HTML， 所以，本章内容主要分两部分， 一是介绍HTML的相关概念、发展历史， 二是 创建HTML网页文档和认识HTML的基本结构。 我们学会如何新建一个 HTML 页面和熟记HTML文档的基本结构和主要标 ......
ArcGIS API for JavaScript 4.x加载GeoServer发布的WMTS服务
前言 以前用OpenLayers加载GeoServer我记得很简单，现在用ArcGIS API加载捣鼓了一天没搞好，第二天早上来参考一篇文章搞好了，我这纯属记录下。 背景 客户没有ArcGIS Server的许可，所以就只能用GeoServer发布或者离线切片，先研究下GeoServer，后面如果心 ......
无界微前端（wujie）：element-ui 弹框内使用select组件，弹出框位置异常解决方案 (主程序加载子程序)
https://wujie-micro.github.io/doc/guide/ element-ui 弹框内使用select组件，弹出框位置异常解决方案 第一步： 在子应用中： 以上3步就好啦！！！是不是很简单 这个框架坑很多，希望对大家有帮助！！！ ......
JavaScript函数基础语法
●我们代码里面所说的函数和我们上学的时候学习的什么三角函数、二次函数之类的不是一个东西 函数的概念 ●对于 js 来说，函数就是把任意一段代码放在一个 盒子 里面●在我想要让这段代码执行的时候，直接执行这个 盒子 里面的代码就行●先看一段代码 // 这个是我们以前写的一段代码 for (var i ......
Atom在前端的使用
常用插件 Emmet：快速生成HTML片段，比如输入ul>li*3可以快速生成： <ul> <li></li> <li></li> <li></li> </ul> 详细地址，Emmet教程 Snippets：快速生成 js 代码片段（用来处理代码片段的模板输出），详细地址 Tree View：文件浏 ......
Sublime Text在前端中的使用
新建文件时快速生成Html 安装如下插件： FileHeader：自动创建文件开头模板，并且会根据最后的保存时间修改更新时间。官网链接。 CSS Format：css格式化。 Emmet：它能够让你在编辑器中书写CSS和HTML的缩写并且动态地拓展它，是一个能大幅度提高前端开发效率的一个工具。这个软 ......
JavaScript 九九乘法表
方法一：观察规律： 第一个数每行都是自增1。 我们发下第二个数都是从1开始，依次递增1，永远不大于前面的数。 前面数字每自增一次，后面数字自增一轮。 我们可以用双重for循环，外层初始值设为i，i从1开始，到9结束，自增1 内层从初始值设为j，j从1开始，小于等于外层的i，自增1 九九乘法表代码如下 ......
JavaScript增删HTML标签
要在JavaScript中添加和删除标签，可以使用以下代码： 添加标签： ```javascript // 创建一个新标签 var newTag = document.createElement("p"); // 设置标签属性和内容 newTag.setAttribute("id", "myTag" ......
JavaScript修改HTML内容
要使用JavaScript修改网页中的文字和链接，可以使用以下方法： 1. 通过id获取元素，并使用innerHTML属性修改元素的内容。例如： ``` // 修改id为myText的元素的内容 document.getElementById("myText").innerHTML = "新的文本内 ......
JavaScript的dom常用方法
`document`是JavaScript中的一个内置对象，代表当前HTML文档。它提供了一些方法和属性，用于操作和获取HTML元素和文档信息。以下是一些常见的`document`的使用方法： ## 获取元素 - `document.getElementById(id)`：通过元素id获取一个元素对 ......
JavaScript内置函数
JavaScript内置了许多常用的模块，以下是一些常用模块的列表： 1. Math：数学操作的相关函数，例如计算三角函数，指数，对数，平方根等等。 ```javascript // 计算平方根 Math.sqrt(16); // 返回 4 // 计算圆的面积 Math.PI * Math.pow( ......
JavaScript数组常用操作
JavaScript中的数组是一种用于存储和操作多个值的数据结构。以下是使用JavaScript中的数组的一些基本方法： 1.创建数组： ``` let arr = [1, 2, 3]; ``` 2.获取数组的长度： ``` arr.length // 输出：3 ``` 3.访问数组元素： ``` ......
JavaScript字符串的常用操作
在JavaScript中，字符串是不可变的，也就是说，一旦创建了一个字符串，就不能直接修改其值。如果需要对字符串进行修改，则需要创建一个新的字符串。 字符串的增删改查操作如下： 1. 字符串的增加 可以使用加号运算符`+`将两个字符串连接起来，从而实现字符串的增加。 ```javascript va ......
JavaScript第三方库官网
国内常用的 JavaScript 库官网有以下几个： 1. https://www.bootcdn.cn/：提供了常用的 JavaScript 库，包括 jQuery、Vue.js、React 等。 2. https://www.staticfile.org/：提供了常用的 JavaScript 库 ......
JavaScript网页自动化测试库
以下是一些可以模拟鼠标键盘操作网页的JavaScript库： 1. Puppeteer：基于Node.js的自动化测试工具，可以模拟用户操作，包括点击、输入等。 2. Selenium：另一个流行的自动化测试工具，也可以进行鼠标键盘模拟操作。 3. Synth：轻量级的JavaScript库，可以模 ......
JavaScript常用内置函数
JavaScript内置了许多常用的函数，以下是一些常用函数的列表： 1. alert()：显示一个对话框，其中包含一条消息和一个确定按钮。 ```javascript alert("Hello, world!"); ``` 2. prompt()：显示一个对话框，其中包含一条消息和一个输入框，允许 ......
AES算法 前端JavaScript加密 后端Java解密
CryptoJS https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js 中文文档 https://cryptojs.gitbook.io/docs/ var AES = function () { const ......
http 前端5种请求优化方法
1、减少请求数量：可以通过将多个资源（例如 JavaScript、CSS、图像等）合并为单个文件，从而减少 HTTP 请求的数量。另外，使用 CDN（内容分发网络）也可以减少跨地 域的请求延迟。 2、缓存请求结果：对于一些不会频繁更新的资源，可以将它们缓存在客户端或服务器端，从而减少请求的次数和响应 ......
前端跨域解决方案——JSONP
JSONP（JSON with Padding）是一种跨域请求的解决方案，它允许在不受同源策略限制的情况下从一个域中向另一个域中请求数据。 JSONP的基本原理是利用 <script> 标签的 src 属性没有跨域限制的特性来实现跨域数据访问。 在使用JSONP时，需要在客户端创建一个 script ......
3.通用权限系统-角色管理前端
硅谷通用权限系统：角色管理前端 一、前端框架 1、vue-element-admin vue-element-admin是基于Vue和Element-ui 的一套后台管理系统集成方案。 **功能：**https://panjiachen.github.io/vue-element-admin-sit ......
2.通用权限系统-前端基础知识
硅谷通用权限系统：前端基础知识 一、前端开发和前端开发工具 1、前端开发介绍 前端工程师“Front-End-Developer”源自于美国。大约从2005年开始正式的前端工程师角色被行业所认可，到了2010年，互联网开始全面进入移动时代，前端开发的工作越来越重要。 最初所有的开发工作都是由后端工程 ......
6-2.通用权限系统-权限管理-前端权限对接
硅谷通用权限系统：前端权限对接 一、菜单权限及按钮权限 按照下面步骤即可完成前端框架权限对接 1、修改request.js文件 2、store/modules/user.js 新增菜单及按钮处理 const getDefaultState = () => { return { token: getT ......
前端封装 IndexedDB 存储和使用gltf模型文件的方法，以重复使用代码
以下是一个简单的封装IndexedDB存储和使用gltf模型文件的方法，可以重复使用代码： function saveModelToIndexedDB(modelName, modelData) { return new Promise((resolve, reject) => { const re ......
JavaScript-构造表单并提交数据
// 使用form表单实现post方式文件下载 downloadPost: function(url, data){ var body = document.getElementsByTagName('body')[0]; var form = document.createElement('for ......
前端面试题总结
1 递归 是什么? 递归确定只是函数自调用吗? 如果非得要用递归渲染一个菜单, 你要怎么做. 说具体的步骤. 说核心. //第n项的和 sum(n) = sum(n-1)+n 终止条件n=1 function sum(n){ if(n==1) return 1 return sum(n-1) + n ......