丁七岁-CSDN博客

原创 git忽略不想提交的文件

git update-index --assume-unchanged 文件名字（注意路径）

2021-07-27 12:04:01 413

原创 js实现深拷贝

deepCopyArrFun(arr) { return JSON.parse(JSON.stringify(arr))}

2021-07-26 11:22:07 262

原创 createRequire is not a function Referenced from: BaseConfig

今天启动项目的时候出现了这个项目，昨天是什么样的，今天ta这个代码还是什么样的，怎么会出错呢？经过排查，原来是我切换了node的版本，是node版本过低的问题，在切换过来就可以了。我是使用的nvm对node版本进行管理的。...

2021-07-24 11:47:12 1027

原创 Git本地分支与远程分支关联

Git在本地新建分支后，可与远程分支关联。关联目的是，如果在本地分支下进行pull 和push操作时，便不需要指定远程的分支。dev为例：git branch --set-upstream-to=origin/dev dev

2021-07-21 16:58:47 991

假设新的仓库地址是https://xxx.git在已有的项目目录下执行：git remote remove origin // 删除之前的远程地址git add remote origin https://xxx.git //添加新的远程地址git push https://xxx.git --all // 将所有数据重新提交到远程地址git push https://xxx.git --tags // 将推送历史也提交上去...

2021-07-15 09:29:04 193

原创 react项目打包出现空白页面

打包结束，浏览器访问index.html这个页面展示的是空白其实也是路径问题：在package.json里面添加这么一行代码： "homepage": "."重新yarn build 就可以了

2021-07-13 18:56:44 651

原创关于react-native init awesomeproject卡死不动的问题

使用2行命令即可npm config set registry https://registry.npm.taobao.org npm info underscore出现这个表示可以了我这边用了不到46秒

2021-07-12 15:12:24 516

原创 npm镜像的设置与查看

设置：npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global查看：npm config get registry npm config get disturl 在安利一个好用的工具，nrm安装：npm install -g nrm你们可能也会出现这个问题，win10的机器。怎么解决呢？打开下

2021-07-12 15:03:29 611

原创 vue.config.js配置文件

module.exports = { // publicPath:process.env.NODE_ENV === 'production' ? '/vue_workspac/aihuhuproject/' : '/', //基本路径 publicPath: './',//默认的'/'是绝对路径，如果不确定在根路径，改成相对路径'./' // 输出文件目录 outputDir: 'dist', assetsDir: 'static', indexPath: 'index.htm

2021-07-10 11:58:37 2175

原创 yarn修改为淘宝镜像

yarn config set registry https://registry.npm.taobao.org/

2021-07-07 11:55:32 370

原创关于nvm的一些基本使用

有的同学可能还不知道nvm具体是什么东西，它是干什么的。这里，我们设想一下，假如你以及你的团队同时开发好几个项目，所需要的node版本是不同的，那么，你该怎么做？难道写A项目的时候安装一个版本，写B项目的时候卸载了原来的版本然后安装另一个版本吗？这个时候nvm这个node版本管理工具就应运而生了，有了ta你可以随意的切换自己需要的node版本。先安装，地址：https://github.com/coreybutler/nvm-windows/releasesWindows系统推荐选择nvm-setu

2021-07-03 12:21:10 226

原创 mb-3 bootstrap

bootstrap类的一些格式：m – 设定保证金p – 设置填充t – 设置margin-top或padding-topb – 设置margin-bottom或padding-bottoml – 设置margin-left或padding-leftr – 设置margin-right或padding-rightx – 设置padding-left和padding-right或margin-left和margin-righty – 设置padding-top和padding-b

2021-06-23 16:40:17 1656

原创 Missing return type on function

解决办法，在.eslintrc.js文件里添加规则禁用ta "rules": { "@typescript-eslint/explicit-module-boundary-types": "off" },

2021-06-23 15:12:22 9954 1

原创 vue3生命周期钩子函数

// setup相当于vue2中的beforeCreate和created，并且在两者之前执行 setup(){ let test = ref('测试') // 挂载开始之前被调用 onBeforeMount(()=>{ console.log('onBeforeMount',test) }) // 实例被挂载后调用，不会保证所有的子组件也被挂载完 onMounted(()=>{ console.log('

2021-06-23 14:56:37 343

原创使用vscode格式化vue代码是函数后面的空格被吃

Missing space before function parentheses安装这个插件，好用！！！配置： "[vue]": { "editor.defaultFormatter": "rvest.vs-code-prettier-eslint" }, "vetur.format.defaultFormatter.js": "prettier-eslint",

2021-06-11 21:18:30 661 1

原创 vue-cli4.5 index.html模板中htmlWebpackPlugin.options.title的修改

在根目录下创建vue.config.js文件,编写配置module.exports = { chainWebpack: config => { config.plugin('html') .tap(args => { args[0].title = '丁七岁' return args }) }}这个标题就改回来了...

2021-06-11 17:13:09 574

原创关于vue3.x中的emits的用法

这是官方的文字介绍。emits重要用于组件之间的通信，触发自定义事件，传递参数。下面演示一个子组件把事件传递到父组件，组件间通信的例子。<template> <teleport to="#modal"> <div id="center" v-if="isOpen"> <h2> <slot>this is a modal</slot> </h2> <.

2021-06-09 20:44:55 20448

原创 Byte,Kb,Mb,Gb,Tb,Pb,Eb,Zb,Yb,Bb单位换算

1 Byte（B 字节）= 8 bit，1KB（Kilobyte 千字节）= 1024 B，1MB（Megabyte 兆字节简称“兆”）= 1024 KB，1GB（Gigabyte 吉字节又称“千兆”）= 1024 MB，1TB（Trillionbyte 万亿字节太字节）= 1024 GB，1PB（Petabyte 千万亿字节拍字节）= 1024 TB，1EB（Exabyte 百亿亿字节艾字节）= 1024 PB，1ZB（Zettabyte 十万亿亿字节泽字节）= 1024 EB,

2020-12-27 09:45:23 4637

原创使用云开发时，拿不到微信云数据库中的数据

把这个勾上：这样清除缓存，在编译，看结果，数据拿到了。

2020-12-05 11:18:11 167

原创 vue3中文文档地址

https://vue3js.cn/docs/zh/

2020-11-18 10:22:49 497

原创 npm run serve卡住

发现是：template中忘记写div了

2020-11-15 19:44:54 626

原创 Error: Cannot find module ‘webpack-cli/bin/config-yargs‘报错

版本不兼容cnpm install [email protected] --save-devcnpm install [email protected] --save-dev装这个试试

2020-10-30 21:39:38 100 1

原创 Webpack打包css到js中css样式不起效果

检查你的webpack.config.js文件有没有style-loaderstyle-loader可以帮我们将css-loader解析后的内容挂载到html页面当中，css-loader只是帮我们解析了css文件里面的css代码但是没有帮我们挂载。所以style-loader必须要有。 module: { rules: [ { test: /\.css$/, use: [

2020-10-30 21:09:59 994

原创 ERROR in main Module not found: Error: Can‘t resolve ‘index.js‘

webpack打包的时候报错webpack版本升级了这个命令不能用了用这个就可以：webpack ./index.js -o ./dist./dist是打包文件生成的目录

2020-10-30 17:31:28 4711

原创通过 Prop 向子组件传递数据

这是一个通过 Prop 向子组件传递数据的小例子。代码：<!DOCTYPE html><html lang="zh-cmn-Hans"> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; p

2020-10-27 20:35:57 2067 3

原创 readystate的五个状态值

0 －（未初始化）还没有调用send()方法1 －（载入）已调用send()方法，正在发送请求2 －（载入完成）send()方法执行完成，已经接收到全部响应内容3 －（交互）正在解析响应内容4 －（完成）响应内容解析完成，可以在客户端调用了...

2020-10-24 20:05:41 274

原创迭代器应用-自定义遍历数据

//先声明一个要遍历的对象const STUDENT = { name: '丁七岁', hobbies: [ '吃饭', '睡觉', '打豆豆', '听音乐' ], [Symbol.iterator]() { //索引变量 let index = 0 let _this = this //做一个this的保存 return {

2020-10-24 11:29:00 194

原创简体中文设置＜html lang=“zh-cmn-Hans“＞ //简体中文

<html lang="zh-cmn-Hans"> //简体中文

2020-10-23 16:13:36 1894

原创使用git将项目上传到github或者gitee

首先你要有账号，安装好了git然后新建一个仓库接下来输入下面的命令就okgit clone 地址 # 克隆下来git add .git commit -m '提交信息'git push就这样就行了如果你修改过密码git config --system --unset credential.helper清除本地的用户名密码在git push 就行了...

2020-10-22 20:54:53 113 1

原创如何关闭表单自动填充

要禁用的表单自动填充，你可以将 autocomplete 的属性设置为 “off”：比如：input type="text" id="xxx" name="xxx" autocomplete="off">

2020-10-22 19:38:54 900

原创使用原生的ajax发送get请求

AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。 AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。下面是一个使用原生的ajax发送get请求例子：特点就是：页面不需要刷新，异步请求，用户体验好。但是SEO不友好。完整代码：html：<!DOCTYPE html><html lang="ch">

2020-10-22 15:27:13 1875 1

原创使用node.js连接mysql数据库

连接之前，你要有数据库和表结构代码：let mysql = require('mysql')// 1. 创建连接const connection = mysql.createConnection({ host: 'localhost', user: 'root', password: '1234567', database: 'node-test'})// 2. 连接数据库connection.connect()// 3. 执行数据操作connecti

2020-10-20 21:34:47 108

原创使用bootstrap+express-art-template实现一个简单的留言板

结果展示：项目结构：404.html页面：<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <title>留言本</title> </head> <body> <h1>404 not found</h1> </bod

2020-10-16 16:49:50 856 2

原创 npm安装依赖包很慢怎么办？

npm install cnpm -g --registry=https://registry.npm.taobao.org这个时候你可以尝试下cnpm

2020-10-16 10:48:25 432

原创使用Node.js搭建一个简单的http服务器

首先你要现在你的电脑上安装好node.js地址：https://nodejs.org/en/download/安装好了会出现这个：然后写代码：//使用Node搭建一个简单的http服务器//加载http模块let http = require('http')//调用http的createServer方法创建一个服务器实例let server = http.createServer()//监听request请求事件设置请求处理函数server.on('request',functi

2020-10-13 16:22:54 4024 5

原创自定义生成当前时间的函数

效果：代码：<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <title>生成时间的函数</title> <script type="text/javascript" src="js/jquery-1.12.4.js"></script> <script

2020-10-11 14:32:17 330

原创 jQuery实现一组图片的循环滚动

效果：代码：<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <title>实现一组图片的循环滚动</title> <style type="text/css"> *{ margin: 0; paddi

2020-10-10 21:36:20 1998 4

原创使用jQuery实现选项卡切换图片

效果：弄出来这个效果，你需要找4张大小相同的图片，大小不一样弄出来效果会很难看代码：<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <title>使用jQuery实现选项卡切换图片</title> <style> *{ margi

2020-10-09 21:26:05 1136 1

原创 jQuery自定义自动触发事件

jQuery自定义自动触发事件, 首先你的自定义事件必须是通过on绑定的，再者你的这个事件必须通过trigger或者triggerHandler来触发。<!DOCTYPE html><html lang="ch"> <head> <meta charset="UTF-8"> <title>jQuery自定义自动触发事件</title> <script src="js/jq

2020-10-09 16:25:13 461 1

原创 Js创建对象的几种方法

1.使用Object构造函数创建对象先创建空的object对象，在动态地添加属性，方法，适用场景：刚开始不清楚对象内部数据。问题：语句多var p = new Object()p = {}p.name = '丁七岁'p.age = 19p.setName = function (name) { this.name = name}p.setaAge = function (age) { this.age = age}console.log(p)2.适用对象字面量创建对

2020-10-07 10:29:27 5171 3

空空如也

空空如也