weixin_43845059的博客

原创 你不知道的阴影

filter: drop-shadow

原创 demo：鼠标移动动画

小球跟着鼠标移动动画

原创 canvas实现代码雨

代码雨

原创 echarts甘特图 一个值多条线

echarts 甘特图 一值多线

原创 cesium 坐标转换

【代码】cesium 坐标转换。

原创 cesium 4种拾取坐标的方法

cesium 4种拾取坐标的方法

原创 Cesium颜色

Cesium颜色

原创 手写Map

手写Map

原创 颜色取值小题

在颜色区间内输入一个数值返回对应的颜色

原创 vue3中 css的变量

vue3中css的变量

原创 vue3 使用pinia

vue3引入piniapinia使用

原创 Cesium方法集合

【代码】Cesium方法集合。 坐标转换 角度转换

原创 根据值的占比展示对应颜色

根据值判断属于什么颜色

原创 JS 正则判断有时候是true有时候是false

js正则 有时 true 有时false问题

原创 Cesium 时间转换整理

cesium时间转换

原创 promise

了解Promise机制，面试什么的再也不担心了。

原创 vue2模板编译

我们都了解VNode，那么VNode是怎样生成的那？

原创 vue2生命周期分析

vue官网提供的生命周期流程图从此图中我们可以看成4个阶段1、初始化阶段2、模板编译阶段3、挂载阶段4、销毁阶段。

原创 重绘（repaint）和回流（reflow）

重绘不一定会回流，但是回流一定会重绘。

原创 Vue2 双向数据绑定流程

vue2 双向绑定理解

原创 vue2 虚拟DOM

vue中的VNode

原创 node 配置路由

node 配置dist路由

原创 vue3 使用socket

服务端配置服务端 socket server.js （我这里是用node写的， java同理）如果使用express 需要在安装下expressnpm install express --sevenpm install socket.io --saveserver.js 服务端const express = require('express')let fs = require('fs')const app = express()let port = ...

原创 new Vue 到 Dom流程图

原创 vue3 ref、reactive、toRef、toRefs的区别

引用慕课网-前端无忧网ref是对原始数据的拷贝，当修改ref数据时，模板中的视图会发生改变，但是原始数据并不会改变。toRef是对原始数据的引用，修改toRef数据时，原始数据也会发生改变，但是视图并不会更新。在vue3中定义一个基础类型的响应式数据一般使用ref，定义一个引用类型的响应式数据一般使用reactive。import {ref,reactive} from "vue"export default { setup(){ let num=..

原创 ts的一些标准用法

### 基本类型let a:number = 12布尔类型(boolean)数子类型(number)字符串类型（string）数组类型（array）元组类型（tuple） a:Array<number> = [1,2,3]枚举类型（enum）任意类型（any）null和 undefinedvoid类型naver类型let a:any[]=[1,"1",true]let arr:number[]=[1,2,3,4]let arr2:Ar

原创 css3 flex

flexFlex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。注意:设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。容器的属性flex-direction flex-wrap flex-flow justify-content align-items align-contentflex-direction属性决定主轴的方向（即项目的排列方向.

原创 git rebase后出现(master|REBASE 1/1)的解决办法

当没有先使用pull，先直接git add 和git commit 后，使用git pull出现下面这个错误的时候这个报错说明你本地代码和服务的代码有冲突，可以git log 查看本地是git 日志，发现和服务上的不一样，说明在你之前有人提交过代码，服务日志和本地日志不一样。 解决办法是1，先使用 git pull --rebase 把服务器的代码拉下来git pull --rebase然后会看的这样的效果：这说明有冲突，我们要先解决冲突2，解决完冲突在 git...

原创 git 命令总结

不用每次pull或push 录入用户和密码首先输入下面这条命令，然后再pull一下录入用户账号和密码，下次就会记录下来不用在再次输入git config --global credential.helper store不出现git bash编辑页面命令，以及出现git bash编辑页面的解决方法禁止出现merge页面方法，git pull时可以加上--rebase参数, 使之不产生Merge点, 保证了代码的整洁, 即: git pull --rebase，但每次都加--reba.

原创 vue3引入elementui

今天用了vue3，发现下载elementui引用后不能用，解决办法就是下载 element3npm install -S element3然后在引入就可以了（不知道为什么吗 ，我在node_modules文件夹里没有找见element3）import { createApp } from "vue";import App from "./App.vue";import router from "./router";import store from "./store";impo.

原创 node 学习5

我们来学习 MongoDB表与表之间的关系所有的关系型数据库都需要通过sql语言来操作 所有的关系型数据库在操作之间都需要设计表结构 数据表还支持约束

原创 vue-router

从vue-router看前端路由的两种实现浅谈vue-router原理介绍更新视图但是不重新请求页面，这是前端路由原理的核心之一，目前在浏览器环境中这一功能的实现的主要有两种方法利用URL中的 hash('#') 利用History interface在HTML5中新增的方法在vue-router中是通过mode这一参数控制路由的实现模式的：const router = new VueRouter({ mode: 'history', routes: [...]}).

原创 node 学习4

做一个增删改查案例目录app.js注意：配置模板引擎body-parser一定要配置在app.use(router)挂载路由之前let express = require('express')let router = require('./router.js')let app = express()// 配置模板引擎body-parser一定要配置在app.use(router)挂载路由之前const bodyParser = require('body-pa.

原创 node 学习三

exports和module.exports每个模块都有一个module对象，module对象中有一个exports对象，每个模块导出的对象就是module.exports，所以我们导出的数据要挂载这个对象上module.exports = { foo: foo, str: str}node为了用户方便，在底层提供了一个 exports对象exports === module.exports 所以我们就可以直接在exports上挂exports = { foo: foo, str: s

原创 vue 父传子的key动态变化

平时我们在开发vue，用<component :is='name'>绑定多个组件的时候，怎么给多个组件传值那？而且每个子组件接收的key也不一样，话不多说，

原创 npm --save和--save-dev的区别

在我们使用node开发中，经常要下载一些依赖包，有的是用–save有的使用–save-dev，还有的用 -S、-D，接下来我们详细了解一下npm i --save <packname> 将保存配置信息到pacjage.json。默认为dependencies节点中，也就是我们在开发和生成环境中都要用到的包，像vue 、element-ui、axios等，--save也可以简写成 -S。npm i --save-dev <packname> 将保存配置信息devDependenci

原创 node 学习二

哈哈哈

原创 node 学习一

fs（file-system）文件系统在node中如果想要进行文件操作，就必须引入fs这个核心模块let fs = require('fs')/** * readFile(url,function(error,data)) * 使用readFile读取文件 */fs.readFile( './111.txt', (error,data)=>{ // 默认是二进制 需要通过toString // 成功 error: null data: d

原创 webpack 配置

webpack 配置wepack4- 配置// resolve用来拼接绝对路径的方法const { resolve } = require('path')// 引入html文件插件const HtmlWebpackPlugin = require('html-webpack-plugin');// 清除包 4+以上 { CleanWebpackPlugin }// const { CleanWebpackPlugin } = require('clean-webpack-plugin')

原创 前端面试题总结

js面试题1、继承和变量提升的笔试题 function Foo() { getName = function() { alert(1); }; return this; } Foo.getName = function() { alert(2); }; Foo.prototype.getName = function() { alert(3); };