使用Echarts实现3D地球效果
代码123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146<html style="height: 100%"><head> <meta charset="utf-8"> <meta charset="utf-8"> <meta name="viewp ...
使用CSS绘制各种图形
椭圆123456.oval { width: 200px; height: 100px; background-color: skyblue; border-radius: 100px / 50px;}
上三角1234567.triangle-up { width: 0; height: 0; border-right: 50px solid transparent; border-bottom: 100px solid skyblue; border-left: 50px solid transparent;}
下三角1234567.triangle-down { width: 0; height: 0; border-top: 100px solid skyblue; border-right: 50px solid transparent; border-left: 50px solid transparent;}
左三角12 ...
Vue2中父子组件通信的几种常用方法
Vue2父子传参：props首先在父组件中引入子组件，然后以属性的方式将数据传递给子组件
父组件：
1234567891011121314151617181920212223<template> <div class="home"> <!-- 在子组件中使用 :变量名=value 的方式向子组件传递数据，子组件通过 props 接收--> <HelloWorld :msg="fatchData" ref="childEl"/> </div></template><script> // @ is an alias to /src import HelloWorld from '@/components/HelloWorld.vue' export default { name: 'Home', comp ...
使用腾讯云函数部署Hexo博客
介绍使用 hexo + butterfly 搭建的个人博客
安装教程1npm install
使用说明全局安装 hexo
1npm install hexo-cli -g
安装项目依赖
1npm install
启动
1hexo server
清除缓存
1hexo clean
使用腾讯云部署该项目腾讯云官方文档
1.首先构建 Hexo 部署文件
1Hexo g
2.Hexo 将会生成部署文件，默认将文件生成在 Public 文件夹下：
3.执行如下命令，将 Hexo 部署到云开发静态托管中（需要将 EnvID 替换为 步骤2 中您创建的环境 ID）
1tcb hosting deploy public -e szx-blog-7g1gyviddb1b5c44
4.上面默认部署到了根目录，可以指定部署到云函数的那个目录下,下面的意思是将 public 目录下的所有文件部署到云托管的 myBlog 目录中
1tcb hosting deploy public myBlog -e szx-blog-7g1gyviddb1b5c44
5.执行成功后可以看到一个线上地址
6.点 ...
动图展示 60+ 个前端常用插件库合集
来源： Vue中文社区
DataTables官网：https://www.datatables.net/
DataTables是jQuery的JavaScript函数库，目的是强化表格操作（如搜索、排序），并自动加入组件引入表格中，使用非常灵活简便。
LazyLoad官网：Lazy Load延伸：Vanilla JavaScript Lazy Load Plugin
Lazy Load帮助高度较长的网页进行延迟载入图片，尚未浏览到该部分时，不会载入视角外的图片，提高效率。
lightSlider官网：JQuery lightSliderGithub：sachinchoolur/lightslider
JQuery lightSlider是一个轻量且响应式的跑马灯/幻灯片，附有缩图导览。另外还有相本功能、垂直跑马灯，应用层面广泛。
alertify.js官网：https://fabien-d.github.io/alertify.js/Github：alertify.js
alertify.js是为了美化通知信息而生的JavaScript框架。
pickadate.js-日期/时间选择 ...
14款前端常用的富文本编辑器插件
来源：微信公众号 Vue中文社区富文本编辑器是一种可内嵌于浏览器，所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能，方便那些不太懂html用户使用，富文本编辑器的应用非常广泛，它的历史与图文网页诞生的历史几乎一样长。作为一个技术人员，手上备上两款富文本编辑器还是很有用的，指不定那个项目就要集成一个进去。到时候现找现用那可就费功夫了，毕竟从开发上讲，每个富文本编辑器的用法都是有区别的。下面是我收集的一些业界比较受欢迎的富文本编辑器，喜欢的朋友、用过的朋友可以一起看看，一起探讨。
wangEditor网址：http://www.wangeditor.com/基于JavaScript和css开发的 Web富文本编辑器， 轻量、简洁、界面美观、易用、开源免费。
TinyMCE网址：https://www.tiny.cloud/docs/demo/full-featured/
中文文档：http://tinymce.ax-z.cn/
TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持 ...
使用gulp搭建前端工程
项目源码地址
前期准备工作
首先确保本机安装了 node
gulp中文文档
安装 gulp 命令行工具1npm install --global gulp-cli
在项目目录下创建 package.json 文件1npm init -y
安装 gulp，作为开发时依赖项1npm install --save-dev gulp
检查 gulp 版本1gulp --version
123PS D:\a-个人项目管理\使用Gulp搭建项目\gulp-building> gulp --versionCLI version: 2.3.0Local version: 4.0.2
创建配置文件在根目录下新建 src 文件夹和 gulpfile.js 文件
在 src 目录下新建如下文件，其中 index.html 作为我们的入口页面
gulp 中常用方法解释src创建一个流，用于从文件系统读取 Vinyl 对象。
函数原型1src(globs, [options])
返回值返回一个可以在管道的开始或中间使用的流，用于根据给定的 globs 添加文件。
globsglob ...
在Linux系统中部署NodeJS项目
安装NodeJS
首先进入 Node 官网，下载对应的 Node包
下载下来后是一个后缀为 xz 的压缩包，我们把这个包上传到 Linux 系统中的 /usr/local 中
接着 cd 到 local 文件夹下面解压这个压缩包
1tar -xvf node-v14.17.0-linux-x64.tar.xz
然后修改一下名字，修改为 node，方便我们下面创建软连接
1mv node-v14.17.0-linux-x64 node
然后进入到 node 文件夹里面的 bin 目录下，查看是否有 node 和 npm
建立软链接，这一步是为了可以在任何目录下都能使用 node
123ln -s /usr/local/node/bin/npm /usr/local/bin/ ln -s /usr/local/node/bin/node /usr/local/bin/
设置完成后切换任意目录执行 npm -v，node -v
看到两个版本号表示安装完成
安装pm2pm2是一个 NODE.JS 的高级生产过程管理器，使用它可以帮助我们轻松的部署运行 Node 项目
PM ...
使用NodeJs作为微信公众号后台服务器
申请测试公众号首先登录微信公众平台，选择自己的公众号登录。登录成功后点击开发者工具，选择公众平台测试账号
点击进去后我们可以申请一个测试用的公众号，可以体验所有高级接口，这里我们要配置一个线上的接口地址，在验证 Tonken，和收发消息时微信都会请求我们配置的地址，这里推荐一个好用的内网穿透工具，可以把我们本地的项目地址映射到外网上，方便我们调试
小米球内网穿透工具
这里我生成的线上地址是 http://songzx.ngrok2.xiaomiqiu.cn/，下面我们会用这个地址作为我们的公众号的接口配置地址
实现Tonken验证首先新建一个空白的 node 项目
1npm init -y
接着安装一些常用的依赖
1npm install express
接在在项目根路径下新建 index.js，初始代码如下
12345678910const express = require("express")const app = express()app.get("/",(req,res)=>{ res.send(' ...
10个实现炫酷UI设计效果的CSS生成工具
原文来自微信公众号：Vue中文社区
Neumorphism地址：https://neumorphism.io/
它创造了一种全新的UI风格。来自世界各地的设计师已经在Dribbble和Behance上看到了引人注目的中性设计。
但是这个工具，可以直接在线调试UI风格，并直接生成CSS代码
带有渐变的图标地址：https://www.iconshock.com/svg-icons/
在设计的时候，我们都注重简约。不过，有时我们喜欢添加一些渐变效果，这样会显得图标层次更加丰富一些，而这个工具，就可以帮助我们提升工作效率，哪怕你没有设计能力，你也可以设计出漂亮的图标。
而这些精美的图标和大量渐变可为你提供创作灵感。
Interactions地址：https://easings.co/
在一系列界面上测试常见的缓动曲线。或生成自己的自定义贝塞尔曲线
没有比这更顺畅的交互和动画效果了。
我经常与开发人员合作，向他发送在此生成器中设置的交互。这将使你的数字产品保持美观和正常工作。
在这里您可以计算出交互作用，例如：
图片轮播
侧面菜单
滚动
底部菜单
模态
使用方法
1234567891 ...
