前端
关注
分享
扫一扫
黄金蛋
每日一答。
展开
-
vue-cli跨域配置
通常情况，本地开发地址是，这时访问后端，浏览器会有跨越问题。解决这个问题，本质是使用代理服务器发起请求。如果使用的是直接配置就好。方式二，按规则转发最后改完配置，记得重启项目。...原创 2022-06-21 18:05:01 · 753 阅读 · 1 评论 -
Axios参数设置为Form-data
文章目录起步代码结果起步某接口参数形式如下:表单数据：ids[]:1ids[]:2代码online(data) { let datas = { "ids[]": data }; let url = `/api`; return this.axios.post(url, qs.stringify(datas,{ indices: false }), { "content-type": "application/x-www-form-urlencoded",原创 2022-03-23 19:56:53 · 2104 阅读 · 0 评论 -
从Webpack切换到Vite，实习生再也不去撒尿了
文章目录起步Vite结语起步最近经常看到实习生趁着Webpack编译时去撒尿。我发现，是时候拥抱Vite啦。Vite 使用了相当多的手段，提升项目编译速度。预构建，强缓存，内置处理器等等优点，提供开箱即用的舒适体验。如果你想了解更多，请移步Why Vite?Vite我们的项目基于vue2.x，所以整合Vite，有以下三步：yarn add -D viteyarn add -D sassyarn add -D vite-plugin-vue2接下来，创建配置文件vite.config.原创 2022-02-28 20:21:04 · 977 阅读 · 1 评论 -
【大前端之路】一个稳健的typescript & vue3 的示例
文章目录关键字为什么使用`typescript``js`版本`ts`版本总结关键字typescript，vue3.0为什么使用typescripttypescript就是在JavaScript的基础上，增加了一套类型定义系统。这有助于前端开发写出更稳健的代码。以下示例代码，基于vue3.0。js版本import { reactive } from 'vue'export default { setup() { const state = reactive({原创 2021-12-04 19:11:31 · 475 阅读 · 0 评论 -
简单记录，promise执行顺序
文章目录关键词代码 & 结果关键词js,promise代码 & 结果 console.log(1000) let p = new Promise((resolve, reject) => { console.log(2000) resolve('over') }) p.then( (res) => { con原创 2021-12-03 19:16:01 · 229 阅读 · 0 评论 -
Cannot both specify accessors and a value or writable attribute
文章目录关键字错误处理关键字js, Object.defineProperty()错误处理如果使用存取属性set和get，则不可以设置wirtable和value。否则就会报错Cannot both specify accessors and a value or writable attribute。原创 2021-12-01 18:22:20 · 744 阅读 · 0 评论 -
【vue探索】插槽是什么
文章目录关键词探索关键词vue，slot，插槽探索通常情况：<template> <img alt="Vue logo" src="./assets/logo.png" /> <HelloWorld msg="Hello Vue 3 + Vite" >My Slot Test...</HelloWorld></template>组件HelloWorld，不会渲染My Slot Test...这个字符串。如果，想要显示字符原创 2021-11-26 20:18:08 · 171 阅读 · 0 评论 -
大前端之路：npm日常命令
文章目录##显示当前目录已安装依赖npm ls##显示全局已安装依赖npm ls -g原创 2021-11-26 15:39:53 · 187 阅读 · 0 评论 -
大前端之路：学习Object.defineProperty()遇到的问题
文章目录问题原因解决总结问题原因解决总结原创 2021-07-16 21:18:35 · 266 阅读 · 0 评论 -
electron & vue & fs 文件读写问题
文章目录问题问题vue 是客户端，无法使用 fs 模块。解决办法：在 index.html 开头引入：window.fs = require('fs')console.log(window.fs) webPreferences: { preload: path.join(__dirname, "preload.js"), nodeIntegration: true, // 必须 webSecurity: false,原创 2021-07-11 18:56:24 · 1983 阅读 · 0 评论 -
大前端之路：Electron & vue 构建客户端
目录开发配置electronvue打包发版更新文件（electron fs)文件目录文件读写开发配置electronyarn inityarn add global electronvueyarn add -D vue打包发版更新文件（electron fs)文件目录文件读写原创 2021-07-11 18:50:39 · 162 阅读 · 0 评论 -
Warning: To load an ES module, set “type“: “module“ in the package.json or use the .mjs extension.
package.json{ "name": "node", "type": "module", // 增加此行 "version": "1.0.0", "main": "index.js", "license": "MIT"}原创 2021-07-09 17:58:39 · 1933 阅读 · 4 评论 -
大前端之路：let与var的区别
文章目录发现问题let & var 区别其他发现问题今天学习Object.defineProperty()，写了以下代码： var data = { a: 10, b: 20, }; for (let key in data) { var val = data[key]; Object.defineProperty(data, key, { configurable: true,原创 2021-07-04 06:27:49 · 316 阅读 · 0 评论 -
大前端之路：Promise学习笔记
文章目录1，创建promise2， `then`3，`Promise.all()`4，`Promise.allSettled()`5，`Promise.any()`6，`Promise.catch()`7，`Promise.finally()`8，`Promise.race()`9，参考资料[link](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise).1，创建promise原创 2021-06-29 21:20:23 · 79 阅读 · 0 评论 -
webpack出现CssSyntaxError
webpack.config.js...module: { rules: [ { test: /\.css$/, use: ['style-loader', 'css-loader'], }, ], },...注意'style-loader', 'css-loader'的顺序，跟文档保持一致。...原创 2021-06-28 19:15:37 · 383 阅读 · 0 评论 -
Cannot find element: #app
阅读索引1，根目录`public`，新建`html`2，`webpack.config.js`使用webpack 搭建 vue，遇到这个问题：Cannot find element: #app解决办法：1，根目录public，新建html<html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"原创 2021-06-28 16:55:45 · 2897 阅读 · 0 评论 -
Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
这里写自定义目录标题1，问题2，解决办法1，问题在package.json中{ "name": "test", "version": "1.0.0", "description": "", "private": true, "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack", "start": "webpack-dev-s原创 2021-06-28 13:44:56 · 400 阅读 · 0 评论 -
JavaScript：从闭包，到防抖。
变量作用域我们知道，JavaScript里变量是从内到外，逐层寻找变量。var count = 0;function counter(){ count++; console.log(count);}如果未找到，则是一个undefined。这是JavaScript变量作用域的特性，而闭包则是利用这个特性。所以，上面这段代码，其实就是闭包。闭包上面的代码，就是闭包，但是并不符合我们的使用需求。没人希望count可以被随意改动，因为它是一个全局变量。所以，我们必须把它隐藏起来。如何隐原创 2021-06-24 20:12:10 · 103 阅读 · 0 评论 -
tailwindcss & vue 的初体验
一、初始化一个vue项目vue create twc二、安装 tailwindcss 相关依赖原创 2021-06-07 06:57:12 · 189 阅读 · 0 评论 -
面试题：汉字转换为数字（js版）
// 四万六千二百八十一亿两千二百五十三万九千八百四十八点零零一四一五九二六// 4628122539848.5926function out(){ // todo}在qu原创 2021-06-21 06:07:10 · 918 阅读 · 0 评论