IIS部署cesium文档
部署效果部署效果
IIS
IIS，全称Internet infomation services、是微软官方的一款网站管理工具。
cesium文件前端开发需要用到cesium.js库文件的话、可以通过官方链接：https://github.com/CesiumGS/cesium/releases/download/1.100/Cesium-1.100.zip进行下载。
当然会存在网速较慢的情况导致下载失败、你也可以通过百度网盘链接进行下载：
链接：https://pan.baidu.com/s/1TckAoWkY1s7-58QbPIQKRQ?pwd=yozo提取码：yozo
下载文件解压缩之后、主要文件内容如下：
我们需要部署的文件夹路径为：Cesium-1.100/Build/Documentation
其中包含的即为cesium官方文档的全部文件。我们可以将它放置到一个自定义文件夹中，方便后续引入。
win11系统基本配置所有文件、准备就绪以后，我们首先需要打开IIS服务。
在win11电脑上找到：Windows功能
按图勾选对应功能：
安装完毕后、就可以通过 ...
vue2一些原理
一、MVVMvue 中的 MVVM 模型，其本质即 M,V,VM 等组成的数据与视图模型
二、数据代理深入理解响应式原理：https://cn.vuejs.org/v2/guide/reactivity.html#ad
用法：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。
语法：Object.defineProperty(obj, prop, descriptor)
第一个参数：要定义属性的对象。
第二个参数：要定义或修改的属性的名称或 Symbol
第三个参数：要定义或修改的属性描述符。
12345678910111213141516let number = 18；let person= { name:"张三"， sex: "男"， // age:18 //方式一}方式二：Object.defineProperty(person,'age'),{ value:18} ...
js面试题
function doDecrypt (pwd, onError) {
console.log('in doDecrypt');
const txt = document.getElementById('enc_content').innerHTML;
let plantext;
try {
const bytes = CryptoJS.AES.decrypt(txt, pwd);
var plaintext = bytes.toString(CryptoJS.enc.Utf8);
} catch(err) {
if(onError) {
onError(err);
}
return;
}
document.getElementById('enc_content').innerHTML = plaintext;
document.getElementById('enc_content').style.display = 'block';
document.getElementById('enc_passwd').style.display ...
有趣的前端游戏
有趣的前端资源[1]Flex Box 冒险游戏: https://codingfantasy.com/games/flexboxadventure
[2]Flexbox 格子骑士: https://knightsoftheflexboxtable.com/
[3]Flex Box 青蛙: https://flexboxfroggy.com/
[4]Flex Box 打僵尸: https://geddski.teachable.com/p/flexbox-zombies
[5]Flex Box 保卫战: http://www.flexboxdefense.com/
[6]Flex语法操纵台: https://the-echoplex.net/flexyboxes/
[7]Grid 花园: https://cssgridgarden.com/
[8]CSS Grid 备忘清单: https://alialaa.github.io/css-grid-cheat-sheet/
[9]Grid 攻击: https://codingfantasy.com/games/css-grid-attack ...
mysql-多表
聚合函数
# 1.聚合函数的使用 所有数据当作一组
# 求所有手机的价格的总和
SELECT SUM(price) FROM `product`;
# 求所有华为手机的价格的总和
SELECT SUM(price) FROM `product` WHERE brand = '华为'；
# 求所有华为手机的平均价格
SELECT AVG(price) FROM `product` WHERE brand = '华为'；
# 求手机的最高价格
SELECT MAX(price) FROM `product`；
SELECT MIN(price) FROM `product`；
# 1.求华为手机的个数
SELECT COUNT(*) FROM `product` WHERE brand = '华为';
SELECT COUNT(*) FROM `product` WHERE brand = '苹果';
SELECT COUNT(url) FROM `product` WHERE brand = '苹果';
SELECT COUNT(price) FROM `pr ...
mysql-语句
终端操作缺陷参考终端进行数据库操作文章
语句无高亮，并且无任何提示
复杂的语句分成多行，格式不美观，且输入容易出错
终端查看所有的数据库和数据时不方便
GUI工具为了解决上述问题，可以采用以下几款：
Navicat: 推荐使用，不过需要付费，但是又免费的试用时间，应付学习足够了。
SQLYog: 一款免费的SQL工具
TablePlus:常用功能都可以使用，但是会有一些限制（例如：只能开两个标签页）
mysql 语句sql(structured Query Language) —结构化查询语言
sql语句的常用规范
通常关键字是大写的，比如CREATE,TABLE,SHOW等等。
一条语句结束后，需要以“；”结尾。
如果遇到关键字作为表明或者字段名称，可以用 包裹。(类似es6中的模板字符串)
sql语句分类
DDL (Data Definition language) —数据定义语言
可以通过DDL语句对数据库或者表进行： 创建，删除，修改操作.
DML(Data Manipulation Language): 数据操作语言
可以通过DML语句对表进行 ...
mysql
mysql下载地址mysql管理
可以使用命令行工具管理MySQL数据库（命令mysql和mysqladmin），也可以从MySQL的网站下载图形管理工具MySQL Workbench[12][13]。
Navicat是一套专为MySQL设计的强大数据库管理及开发工具。它可以用于任何版本的MySQL数据库，并支持大部分MySQL的功能，包括触发器、索引、查看等。
phpMyAdmin是由PHP写成的MySQL数据库系统管理程序，让管理者可用Web接口管理MySQL数据库。借由此Web接口可以成为一个简易方式输入繁杂SQL语法的较佳途径，尤其要处理大量资料的导入及导出更为方便。其中一个更大的优势在于由于phpMyAdmin跟其他PHP程序一样在网页服务器上执行，但是您可以在任何地方使用这些程序产生的HTML页面，也就是于远程管理你的MySQL数据库。使用phpMyAdmin您就可以方便的创建、修改、删除数据库及资料表。
phpMyBackupPro[14]也是由PHP写成的，可以通过Web接口创建和管理数据库。它可以创建伪cronjobs，可以用来自动在某个时间或周期备份MySQL数据库 ...
开发自己的脚手架工具
入口文件和基本配置文件mhist-cli├── index.js├── package.json
可以通过命令创建package.json文件
1npm init -y
终端命令需求：在终端输入指令后，会显示你所定义的相应的类似版本号之类的内容。
知识： #！ （#!是特殊的表示符，其后面跟的是解释此脚本的shell的路径，这个是告诉系统，应该调用哪个东西来运行他。）
定义路径
1#!/usr/bin/env node
同时在package.json中添加一个对象
123"bin": { "mhist-cli": "index.js" },
这时候需要使用 npm link 命令，将环境进行链接，之后在终端输入你指定的mhist-cli就会在终端输出你需要的相应的结果，其实也就是能够直接完成 node index.js.
自定义终端命令基于commander.js
1npm install commmander
版本号通常情况下，在package.json中会有项目当前的版本号，我们可以通过c ...
node常见内置模块
path模块主要对路径和文件相关的进行处理。
在开发过程中，我们可以用字符串拼接的方式来指定路径，但是考虑到不同操作系统对于路径分隔符的差异，可能导致的兼容性问题，我们采用path模块中的resolve方法来对路径进行处理，它会根据操作系统，来指定适配的路径分隔符。
const path = require('path');
const basePath = 'User/why';
const filename = 'abc.txt';
const filepath = path.resolve(basePath, filename)
console.log(filepath)
PS C:\Users\starry\Desktop\total\node\04_node内置模块\02_path> node 01_路径的演练.js
C:\Users\starry\Desktop\total\node\04_node内置模块\02_path\User\why\abc.txt
可以采用同步、异步、promise方式来加载文件信息。123456789101112131 ...
node学习
什么是node“Node全称NodeJS，是一个基于Chrome V8引擎的JavaScript运行环境；一个让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl等服务端语言平起平坐的脚本语言。”
node版本管理工具NVM 下载链接 选择nvm-setup.zip下载解压即可运行可执行文件
常用命令
nvm list 是查找本电脑上所有的node版本
nvm list 查看已经安装的版本
nvm list installed 查看已经安装的版本
nvm list available 查看网络可以安装的版本
nvm install 安装最新版本nvm
nvm use ## 切换使用指定的版本node
nvm ls 列出所有版本
nvm current显示当前版本
nvm alias ## 给不同的版本号添加别名
nvm unalias ## 删除已定义的别名
nvm reinstall-packages ## 在当前版本node环境下，重新全局安装指定版本号的npm包
nvm on 打开nodejs ...