前端
文章平均质量分 64
戴竹蜻蜓穿过那森林
这个作者很懒,什么都没留下…
展开
-
浅谈 vue 3.2 单文件组件和setup
在vue 3.0时代加入了组合式API,其setup语法大大改变了vue2.x的一些使用方式,接下来就简单列举一些setup的使用方法。一、“我全都要!”在vue2.x时,所有的参数都是在data里先进行初始化声明,然后其他地方再进行调用,有专门的props接收父组件传递过来的参数,有methods负责管理所有的执行方法,以及每个生命周期函数。而在vue3.x里,data,methods那些还是继续保留,但现在一个setup就能在里面使用那些方法。<script lang="ts">im原创 2021-12-28 01:01:15 · 1643 阅读 · 1 评论 -
js 相等算法
ES2015中有四种相等算法:抽象(非严格)相等比较 (==)严格相等比较 (===):用于 Array.prototype.indexOf, Array.prototype.lastIndexOf, 和 case-matching同值零: 用于 %TypedArray% 和 ArrayBuffer 构造函数、以及Map和Set操作, 并将用于 ES2016/ES7 中的String.prototype.includes同值: 用于所有其他地方JavaScript提供三种不同的值比较操作:原创 2021-12-27 17:46:01 · 455 阅读 · 0 评论 -
从零开始搭建自己的 cli
开始原创 2021-10-08 17:42:06 · 154 阅读 · 0 评论 -
nodejs 中读取 package.json 文件内容
在准备发布一个自己配置的 cli 项目时遇到了一个问题,就是当我使用common.js规范引入node_modules文件const program = require("commander");const download = require("download-git-repo");const inquirer = require("inquirer");const ora = require("ora");const chalk = require("chalk");const packa原创 2021-10-06 23:57:27 · 4218 阅读 · 5 评论 -
vue 3.0 + vite项目gzip打包优化
最近自己构建了一个 vite 2.0 + vue 3.2.* 的开源项目,记录一下本次项目进行本地代码打包压缩的优化原创 2021-09-18 16:00:20 · 6251 阅读 · 1 评论 -
手摸手 撸一个 vue3.0 history 模式配合 nginx 多 location 配置
vue router 有 Hash, HTML5 不同的历史模式官方文档:hash 模式是用 createWebHashHistory() 创建的import { createRouter, createWebHashHistory } from 'vue-router'const router = createRouter({ history: createWebHashHistory(), routes: [ //... ],})它在内部传递的实际 URL 之前原创 2021-06-16 18:17:25 · 1434 阅读 · 0 评论 -
Git报错-refusing to merge unrelated histories
问题:在本地创建一个项目关联到码云仓库关联远程地址 git remote add origin https://xxxxx,然后报了个错 fatal: refusing to merge unrelated histories(拒绝合并不相关的历史),原因:在网上查了下资料,主要原因还是在于本地仓库和远程仓库实际上是独立的两个仓库,如果是通过clone的方式拉取远程仓库的克隆本地仓库就不会有这问题了。解决:可以通过 git pull origin master --allow-unrelated-原创 2021-06-16 17:00:39 · 182 阅读 · 0 评论 -
windows从零搭设Nginx 服务器代理本地服务
一. nginx安装1. 下载nginx, 选择下载Stable version版本;2. 安装到本地文件夹,我这里是安装到的E盘,依据个人喜好,不做过多赘述,二. 启动nginx进入到nginx文件夹内,打开终端输入执行命令1. 启动: start nginx;2. 重启: ./nginx -s reload;3. 强制关闭:./nginx -s stop;4. 丝滑关闭: ./nginx -s quit;注意:这里如果用 gitbash 的终端执行重启命令就会出现 bash: ngin原创 2021-06-11 18:21:10 · 673 阅读 · 2 评论 -
初探 vue 3.0 自定义组件的 v-model
vue 2.2.0+ 时增加了一个自定义组件的语法糖 v-model,具体的用法 vue官方文档 有比较详细的介绍,我这里不多做赘述,直接上 3.0 的方法体验基本使用方法父组件<SimpleDemo v-model="bar" />子组件<a-input type="text" :value="modelValue" @input="onSearchInput" />props:{ modelValue:{ type:String }}me原创 2021-01-04 15:30:51 · 973 阅读 · 0 评论 -
vue + typescript 项目构建
vue-typescript 项目开发 - 优雅的构建项目引言近几年前端对 TypeScript的呼声越来越高,Typescript也几乎成为了前端必备的技能。TypeScript 作为 JS类型的超集,当中的泛型、类型、命名空间、枚举等特性,弥补了 JS 在大型应用开发中的不足,让我们在开发中有了更严格的代码要求。Typescript在单独学习时都还比较好理解,当它与VUE结合后两者都有着有着不小的改变。需要去查看框架提供的.d.ts的声明文件中一些复杂类型的定义、组件的书写方式等都要做出不小的调整原创 2020-12-28 16:03:40 · 2261 阅读 · 12 评论 -
promise,setTimeout运行顺序对比
setTimeout(() => { console.log(1)})new Promise(function executor(resolve) { console.log(2) for (let i = 0; i < 10000; i++) { i ===999 && resolve() } console.log(3)}).then(() =&...原创 2019-09-28 18:31:23 · 221 阅读 · 0 评论 -
JS 数组去重
这里讲的是通过ES6语法的new Set()方法进行数组的去重处理let arr = [1, 1, 1, 2, 3, 4, 2]function removeReapeatNumber(arr) { return [...new Set(arr)] // 还可以运用ES6数组扩展Array.from()方法 // return Array.from(new Set(arr)) // [1...原创 2019-09-25 17:40:14 · 175 阅读 · 0 评论 -
element-ui 版本升级
element-ui版本升级记录一下项目开发过程中的一些小问题查看当前element-ui的版本号升级element-ui记录一下项目开发过程中的一些小问题查看当前element-ui的版本号npm list element-ui;升级element-ui要先升级element-ui要先卸载原来的版本npm uninstall element-ui> uglifyjs-web...原创 2019-08-18 16:37:49 · 3615 阅读 · 7 评论