技术开发分享录
vue3.x对于vue2.x有哪些性能提升?

## 一、响应式升级 1. vue2.x 中响应式系统的核心是 `Object.definePropertry` 2. vue3.x 中使用 `Proxy` 对象重写响应式系统 ### Proxy优势 - 可以一次性监听所有属性 - 可以监听动态新增的属性 - 可以监听删除的属性 - 可以监听...

webStyle_虎_ 2021-06-10 10:12 48 vue
vue3.x项目构建

## 构建注意 - 需要高版本的 `nodejs`,低版本的会报错,可以选择 `12.x` 版本的 `nodejs` - vue3.x不支持IE11,有浏览器要求的要注意 - vue3.x有些功能处理实验阶段,切忌在项目中直接使用,如:`<script setup></scrip...

webStyle_虎_ 2021-06-04 18:11 73 vue
nvm安装后cnpm不是内部或外部命令

因为安装 `nodejs` 会捆绑安装 `npm`,而且 `npm` 命令依赖 `node.exe`,所以在使用 `npm` 安装全局包时候才能全局使用,如: ```cli > npm install cnpm -g > cnpm -v ``` 而使用 `nvm` 安装不同版本...

webStyle_虎_ 2021-06-03 17:38 74 nodejs
nodejs版本管理工具,处理各种版本切换

nvm全名:node.js version management,顾名思义是一个nodejs的版本管理工具,通过它可以安装和切换不同版本的nodejs。 下载地址(git):https://github.com/coreybutler/nvm-windows/releases 选择:nvm-set...

webStyle_虎_ 2021-06-02 13:40 39 nodejs
Docker 图形化工具 Portainer,必须推荐给你

> 之前操作Docker的时候,一直使用的是命令行的形式。命令行虽说看起来挺炫酷,但有时候还是挺麻烦的。今天给大家推荐一个Docker图形化工具Portainer,轻量级又好用,希望对大家有所帮助! ## 简介 Portainer 是一款轻量级的应用,它提供了图形化界面,用于方便地管理Do...

webStyle_虎_ 2021-05-31 16:18 47 docker
linux升级nodejs版本

因现有项目需要兼容 `es6/7` 的语法 `async`、`await`, 服务器上的node版本还是 `8.11.3` 的版本,这个版本还不支持 `async`、`await`,需要升级node到最新的版本 使用npm安装 `n` 模块,使用 `n` 来升级nodejs 安装n模块: ``...

webStyle_虎_ 2021-05-31 10:54 39 nodejs
css实现各种优惠券效果

主要使用 `mask` 样式处理,因为 `mask` 允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/mask ## 一、左半圆效果 <style ...

webStyle_虎_ 2021-05-27 11:48 63 css
mysql随机获取10条数据

假如表名为:user ## 方式一 ```sql SELECT * FROM user ORDER BY RAND() LIMIT 10; ``` ## 方式二 ```sql SELECT * FROM user WHERE id>=((SELECT MAX(id) FROM use...

webStyle_虎_ 2021-05-23 22:08 72
js节点操作

## 一、创建新节点 - createDocumentFragment() // 创建一个DOM片段 - createElement() // 创建一个具体的元素 - createTextNode() // 创建一个文本节点 ## 二、添加、移除、替换、插入 - appendChild() /...

webStyle_虎_ 2021-05-23 14:43 69
js创建style

``` var styleEle = document.createElement('style'); styleEle.innerText = ` .list{position: absolute;z-index: 8;right: 74px;bottom: 15px;ma...

webStyle_虎_ 2021-05-23 12:38 59
nodejs下载远程文件

``` const request = require('request'); const fs = require('fs'); const path = require('path'); router.get('/download&#39...

webStyle_虎_ 2021-05-11 18:24 113
mysql给某一列的值添加或删除前缀

## 一、添加前缀 ```text UPDATE <table-name> SET <field-name>= CONCAT("a", <field-name>); ``` 示例(前缀): ```sql UPDATE article SE...

webStyle_虎_ 2021-04-23 13:58 113
vue3.x玩转setup

## 入门 ```html <!DOCTYPE html> <html> <head> <title>vue3.x</title> <script src="https://unpkg.com/vue@n...

webStyle_虎_ 2021-04-22 18:18 109 vue
对比AJAX,fetch方法更省心

Fetch API 提供了一个 JavaScript 接口,用于访问和操纵 HTTP 管道的一些具体部分,例如请求和响应。它还提供了一个全局 fetch() 方法,该方法提供了一种简单,合理的方式来跨网络异步获取资源。 如果一直使用ajax/axios腻歪了,可以尝试下`fetch()`方法。 ...

webStyle_虎_ 2021-04-21 10:13 143 前端 javascript
window10安装docker桌面版

## 一、下载docker for windows 官方下载地址:https://www.docker.com/products/docker-desktop ## 二、进入BIOS启用虚拟化 以联想笔记本为例,按F12进入BIOS,选择 Security > Intel Virtual...

webStyle_虎_ 2021-04-07 10:09 129 docker
centos7升级php7

**1、检查已安装php** ```shell > yum list installed | grep php php.x86_64 5.4.16-48.el7 @base php-cli.x86_64 ...

webStyle_虎_ 2021-04-02 16:09 103 centos
linux文件权限介绍drwxr-x---

在linux中查看文件的时候,在每一行的最前面会有这样的一串字符`drwxr-x---`,如下面的样例: ```text drwxr-x--- 2 root root 37 Apr 18 10:50 data -rw-r--r-- 1 root root 68549 Sep ...

webStyle_虎_ 2021-04-02 09:51 135 linux
计算平面两点角度

![](https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/zhidao/wh%3D450%2C600/sign=8593694dbc315c6043c063ebb881e725/d52a2834349b033b3ed8398215ce36d3d539...

webStyle_虎_ 2021-03-29 10:39 154 地图
高斯坐标与经纬度坐标互转

## 一、高斯投影坐标 转 经纬度 ``` function GaussToBL(X,Y){ let ProjNo; let ZoneWide; 带宽 let output = new Array(2); let longitude1,latitude1, long...

webStyle_虎_ 2021-03-26 13:49 332 地图
vue加载解析.gisx文件

`.gisx` 文件内容其实就是 `xml` 内容,只需要通过 [xml-loader](https://www.npmjs.com/package/xml-loader) 解析即可 >[success] `xml-loader` 会将 `.xml` 文件内容作为 `json` 解析对象返回...

webStyle_虎_ 2021-03-24 18:16 157 vue
{{ v.title }}

{{ v.content }}

{{ v.nickname }} {{ formatTime(v.create_time) }} {{ v.read_num }} {{ formatTag(v2) }}