- 博客(140)
- 收藏
- 关注
RSS订阅
原创 [HTML_CSS]一篇文章快速学会HTML_CSS
目录简介Html5Css应用样式三种的方法三种样式选择器边距背景相关知识flex参考链接简介本文章会直接把HTML_CSS重点知识列出来，一些基础知识大家可以看参考链接Html5headersectionfooterarticleasidenavbarCss应用样式三种的方法using style attribute (never recommended)using st...
2020-05-08 17:52:17
439
原创 [Full Stack Developer]全栈工程师
目录背景H5Html+CssResponsive_WebBootstrapJS_BasicsAsync_Promises_CallbackFetch APIJS_TestingAngularSpring bootDocker背景在参加一个全栈工程师的培训，我会把CSDN当作笔记本，记录一些我学习的知识和做的作业(代码在github)。因为是内部培训，不能透露培训内容，所以我的笔记都是根据我的作...
2020-05-07 16:13:15
903
1
原创 [Bootstrap]3分钟入门Bootstrap
目录什么是bootstrap具体使用bootstrap引入式简介具体操作下载安装简介具体操作npm安装注意事项参考链接什么是bootstrapBootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。简单说，以前需要html+css写页面的菜单，头，轮播图，用户列表...
2020-05-07 13:03:16
446
3
原创 使用Sphinx搭建本地(window)文档并把它部署到网上(github)-本地搭建(1)
这里写自定义目录标题背景操作准备环境搭建工程参考链接背景操作准备环境安装python(link)注意安装的时候选择pip安装Sphinx，两种方法link2.1 直接使用命令行(Ctrl+R)pip install -U sphinx2.2 或者用git下载再安装pip install git+https://github.com/sphinx-doc/sphinx搭建工...
2020-03-16 18:29:42
1451
原创 [centos7][ansible ]yum install ansible no package avaliable
目录背景原因操作背景centos7 使用命令安装ansible失败，报错 no package avaliable原因Ansible是属于Extra Packages for Enterprise Linux (EPEL)库的一部分，因此要先安装EPEL操作 yum install epel-release yum repolist yum install ansible...
2022-02-22 11:24:27
793
原创 [vmware][centos]centos网络连接
目录背景解决方案步骤背景学习ansible，使用vmware搭centos环境，网络连接失败原因:公司的网络对ip可能有限制的，桥接模式(Bridged Adapter)不行。因为会分配和宿主机同样的ip，解决方案使用NAT的方式来联网，访问外发Host-only的adapter来实现宿主机通信步骤看guide配置vi /etc/sysconfig/network-scrips/ifcfg-enp0s3配置vi /etc/sysconfig/network-scrip
2022-02-21 21:08:18
465
原创 [Node]Cannot set headers after they are sent to the client
目录背景操作背景npm start 后Cannot set headers after they are sent to the client操作写了两个res.send()，删除一个就好原codeexports.getArticleCates = (req, res) => { const sql = 'select * from ev_article_cate where is_delete=0 order by id asc' db.query(sql, (err,
2022-01-26 17:45:19
991
原创 [Node]res.send is not a function
目录背景操作背景npm start 报错res.send is not a function操作req 和res的位置有一定的要求，一定按官网来，req前，res后 (req, res) => { res.send('ok')})
2022-01-26 17:32:40
7444
原创 [Node]制作一个node包并且传到npm仓库，并把md文件转化为html
目录背景步骤导入代码片段格式化代码具体代码拆分发布补充知识md转化为html背景开发一个自己的包的步骤，以my-tools为例子步骤新建一个文件，eg:my-tools先去https://www.npmjs.com/查询自己命名自的保名字是否有重复的）npm init -y 初始化文件夹，生产package.json文件，并填写参数name是包的名字main是包的入口文件description报的描述keywords是使用时的关键字license是包遵循的协议创建index.js
2022-01-23 17:51:20
757
原创 [Node]如何查看安装的node包的官方使用指南，以及淘宝镜像原理和使用
目录背景步骤补充说明背景写一个项目，经常会用到很多包，但是如何查询这个安装包的使用，这里以moment为例步骤打开官网https://www.npmjs.com/输入包名,search点开第一个选项4.打开使用指南，resources->DocumentationUsing Moment查看文档补充说明下载包原理我们从npm官网搜索到想要的包，然后通过guide，使用npm i 包，下载对应包，该包从npm服务器拉去拉取淘宝镜像原理/
2022-01-23 14:54:54
1195
原创 [Node][hm]-Nodejs内置API[1]
目录背景笔记1.node 是什么2.fs读取3.fs写入Eg:整理成绩处理路径pathEg:时钟httpEg:web服务器背景补充学习下node知识，课程来自黑马npm、包、模块化、身份认证、CORS 跨域MySQL 数据库、API 接口项目开发nodejs学习路径js-node.js内置API(fs、path、http)+第三方API模块(express、mysql)个人学习笔记，如有侵权，会删除。笔记1.node 是什么js可以在浏览器运行，是因为浏览器里面有引擎(不同的引擎使用不
2022-01-18 22:13:25
764
原创 [Node]node.js全栈入门[下]-做一个任务管理项目
目录背景笔记需求分析数据库的初始化背景补充学习下node知识，课程来自imooc从node基础到web相关的基础知识，到最后任务管理系统实战。技术栈：react+redux+mysql+express个人学习笔记，如有侵权，会删除。笔记需求分析根据客户端传递过来的不同参数（状态，页码）查询，任务列表新增一个任务的功能（名称/截止日期/内容）实现一个编辑功能：根据客户端 传递的任务对象，进行编辑（名称/截止日期/内容）删除 （ID）修改任务状态（ID/状态–待办/完成）数据库的初
2022-01-18 15:33:56
1114
原创 [github][git]多层文件，忽略node_modules
目录背景具体操作背景有一个github仓库，里面有好多react项目，或者其他项目，项目里面有好多node_modules，目标忽略掉node_modules具体操作在本地文件夹里面，创建一个.gitignore 文件夹，里面填写//使用*通配多个字符，把仓库下所有node_modules忽略掉*node_modules/*第二种情况，已经把node_modules传到github，那怎么整。在第一种方法下，依旧有node_modules 被上传，使用下面这个//发现有不该提交的文件已
2022-01-18 15:29:08
1176
原创 [Node]node.js全栈入门[上]
目录背景笔记node基础web基础任务管理项目背景补充学习下node知识，课程来自imooc。个人学习笔记，如有侵权，会删除。笔记node基础创建一个nodejs程序//读取系统的cpu的信息const os = require('os');//获取当前系统的cpu数量const cpus = os.cpus();console.log(cpus.length);//获取内存的信息//总内存，GBconst total = os.totalmem();console.log(
2022-01-10 14:21:49
642
原创 [npm]reason: connect ETIMEDOUT 240e:93c:1001:1:3::3fc:443
目录背景操作背景npm install nrm 报错操作
2022-01-06 20:37:34
3777
原创 [Node]node.js实现登录注册
背景补充学习下node知识，课程来自imooc。个人学习笔记，如有侵权，会删除。node课程笔记node基础node介绍脱离浏览器运行JS后台API编写Webpack,gulp,Npm等等中间层：服务器中负责IO读写的中间层服务器node 可以优化性能异步io处理数据安全性案例login，signupnode介绍node优势便于前端开发入门性能高利于前端代码整合环境搭建官网下载node -v检验node 1.js清屏幕 cls
2022-01-06 16:01:42
3717
原创 [react][charles]本地mock前端数据，依旧404
目录背景操作背景复习简书项目，使用charles，昨天还是好的，今天突然发现todolist请求一直404操作cmd 查询本机ip（ipconfig ）把ip填入之前填写loadhost的地方访问的时候也用ip:port来访问项目好了...
2021-12-29 18:01:46
334
原创 [react][react-router-dom]A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element
目录背景操作参考链接背景制作简书项目，router报错import React, { Component } from 'react';import Header from './common/header';import { GlobalIcon } from './statics/iconfont/iconfont.js'import store from './store';import { Provider } from 'react-redux';import { Routes,
2021-12-22 09:00:23
196
原创 [React]export ‘injectGlobal‘ (imported as ‘injectGlobal‘) was not found in ‘styled-components‘
目录背景操作背景react做简书项目中遇到这个问题操作把injectGlobal 改为createGlobalStyle在v4中，injectGlobal API被移除，并被createGlobalStyle取代。
2021-12-20 19:47:55
984
3
原创 [React]Element type is invalid: expected a string (for built-in components) or a class/function
目录背景操作背景react+redux做todolist项目中遇到这个问题操作安装报错提示信息，把app改为function或者class// const App = (// <Provider store={store}>// <TodoList />// </Provider>// )function App() { return <Provider store={store}>
2021-12-20 14:36:28
627
原创 nvm使用 npm，‘npm‘/‘npx‘ is not recognized as an internal or external command
执行npx create-react-app my-app，遇到报错
2021-12-17 10:53:26
1326
原创 [React]nvm切换node版本，看上去成功，实际失败；Access is denied问题；invalid memory address or nil pointer dereference
目录背景操作背景搭建react官网井字棋demo，npx create-react-app my-app 执行失败，得知是node版本问题，于是换版本，显示切换成功，但是实际没有切换过去。操作卸载nvm，node 包括环境变量参数(与nvm和node相关的都删除)重新安装nvm，直接用cmd，首先重新安装13.0.0，然后切换，结果切换失败并且报Access is denied这里安装的nvm就是nvm-setup.exe，官网可以直接下载，然后nextnext就行。nvm install
2021-12-17 10:16:59
1346
原创 【2022】工程师头两年需要掌握的软性技能
目录背景专业基础Team workAgileDegin thinkingEngagementcareer技术基础cloudwastonsecurityQ背景开个新坑，更新下职场头两年developer需要学习的软性技能专业基础Team workThe Truth About Employee EngagementAgileDegin thinkingEngagementcareer技术基础cloudwastonsecurityQ...
2021-12-08 11:09:40
115
原创 Reac入门
目录Reac入门JS复习历史基础语法数据类型和变量Number字符串boolean比较运算符null和undefined数组对象变量和字符串变量模板字符串条件判断和循环if elsefor / while循环函数的定义与调用函数定义调用函数安装ReactCreate React Appreact 特性Hello WorldJSX优点DOMReac入门react私人学习笔记，内容来自网络搜索，js和react官网，仅供学习使用JS复习历史JS历史• 1995年网景公司的Brendan Eich1
2021-04-12 11:14:02
487
原创 将react项目部署到Github pages
目录操作准备环境视频操作首先在github上创建一个仓库，然后clone到本地，在本地目录创建一个react项目，最后把react项目部署到github pages页面。准备环境github上面创建一个仓库克隆到本地git clone xxxxx创建一个react项目，在上面仓库的目录下面，比如仓库名字react_learn,就在react_learn/下创建一个react项目npx create-react-app appcd appnpm install安装
2021-01-13 11:42:21
2071
原创 Windows安装WSL开发react项目
目录简介安装wsl连接git配置react项目用vscode开发wsl项目总结简介最近需要做一个react项目的开发，在window上面安装很多次，最后yarn start失败，于是查到wsl这个神器，安装后就可以愉快的开始react开发了~~~安装wsl简介Windows Subsystem for Linux，可以在window实现linux操作优点安装简单 | 可以用window访问swl文件List item允许window安装swslwindow store 选择 ubunt
2020-12-03 14:07:44
680
原创 [git]Could not resolve hostname github.com: Name or service not known
目录背景操作背景在window下wsl安装git，遇到报错Cloning into 'xx'...ssh: Could not resolve hostname github.com: Name or service not knownfatal: Could not read from remote repository.操作使用root 账号给、etc/hosts文件赋修改权限 su root(输入密码) chomd 777 hosts使用ping github.xx
2020-12-01 14:30:53
1302
原创 [git]fatal: could not create work tree dir ‘xxx‘: Permission denied
目录背景操作背景在window上面使用wsl，想安装git取clone代码，遇到报错fatal: could not create work tree dir 'xxx': Permission denied操作返回上一层目录，然后赋权限$ cd ../ （回退到当前目录的上一级）$ sudo chmod o+w dirname （dirname为存放代码文件夹的名字）...
2020-12-01 11:50:45
5014
原创 Charles Error Report
目录背景操作背景继续学习react课程，使用charles遇到下面这个问题操作解决方案是在链接后面写上特殊字符，比如？原理不清楚
2020-10-27 10:38:08
6247
原创 Charles新版本的Map Local配置
目录背景操作背景学习react，需要用charles做一个本地api操作下载charles安装，直接双击安装包即可配置，如图4. 打开网页，json文件里面内容已经被渲染http://localhost.charlesproxy.com:3000/
2020-10-26 15:05:11
430
原创 [Git]提pull request,遭遇代码冲突
目录背景操作背景A同学做了一个项目，B同学需要添加测试代码，B把本地写好的代码添加到远程后，准备提一个pull request,发现代码冲突了。操作
2020-08-05 15:18:34
504
原创 [Git]保持本地和fork的原仓库代码一致
这里写目录标题背景操作背景A同学做了一个项目，B同学需要添加测试代码，但是A不想让B直接操作自己代码。所以B同学fork了A的github仓库，克隆到本地添加，问题来了B怎么使本地仓库和远程库一致。操作fork A同学的项目，在A同学github仓库页面点击fork克隆到本地，B同学把fork的库克隆带本地git clone git@github:B/project添加新的远程仓库地址 git remote -v //查看远程库 git remote add fork g
2020-07-10 17:00:24
1053
原创 [vscode]yarn cannot be loaded because run
目录背景报错解决办法背景使用vscode yarn命令识别不出来报错解决办法window +x-> Windw.powerShell(管理员A)set-ExecutionPolicy RemoteSignedyget-ExecutionPolicy
2020-07-10 16:29:55
235
原创 [Node]NVM选择使用node使用版本
目录NVMNVM使用卸载本机node安装的node检测是否剩余node安装nvmNVMNodejs的版本管理工具，可以切换不同node版本NVM使用卸载本机node安装的nodewindow10里面直接search node，选择uninstall即可然后在控制面版删除node检测是否剩余nodenpm ls -g --depth=0安装nvm地址（nvm-setup.zip）解压缩双击就可以使用常用命令nvm // 会提示nvw下的
2020-05-29 11:47:58
709
原创 [Yarn]There appears to be trouble with your network connection. Retrying...
目录背景报错方案方案一方案二背景有一个项目需要yarn start启动，但是建议先升级一下yarn报错[3/5] Fetching packages...info There appears to be trouble with your network connection. Retrying...info There appears to be trouble with your network connection. Retrying...info There appears to be
2020-05-29 11:36:18
4513
1
原创 [TypeScript]TypeScript语法
目录什么是TypeScript优点使用安装语法数据类型面向对象类泛型接口模块注解类型定义什么是TypeScript微软开发的编程语言，一种客户端脚本语言(一般是不经过数据库,不经过其他编译软件编译,直接写在网站代码里的)TS是JS的超级，遵循ES6规范。TS向JS添加遵循ES6的规范的语法，以及基于类面向对象编程特性TS可以用来写google公司开发的Angular框架优点提升代码质量，增强代码可读性和可维护(IDE 类型检查,语法检查,重构)可以用来开发Angular使用安装np
2020-05-16 18:54:05
297
原创 [TypeScript]TypeScript入门
目录什么是TypeScript优点安装什么是TypeScript微软开发的编程语言，一种客户端脚本语言(一般是不经过数据库,不经过其他编译软件编译,直接写在网站代码里的)TS是JS的超级，遵循ES6规范。TS向JS添加遵循ES6的规范的语法，以及基于类面向对象编程特性TS可以用来写google公司开发的Angular框架优点提升代码质量，增强代码可读性和可维护(IDE 类型检查,语法检查,重构)可以用来开发Angular安装安装 typescriptnpm install -g
2020-05-16 11:55:05
244
原创 [Puppeteer]Puppeteer常用方法汇总
Puppeteer常用方法汇总puppeteer.launch无头模式true 直接运行代码，false 会跳出chrome浏览器，默认是trueslowMo 指定时间减慢Puppeteer的操作devtools: true，会打开chrome的开发者工具 const browser = await puppeteer.launch({ headless: true, devtools: false, slowMo: 250,});常见自动化登录页面c
2020-05-13 20:32:49
1291
原创 [Puppeteer]Puppeteer+Mocha+Chai实现端到端测试
目录项目代码优化代码项目将单元测试框架mocha，断言chai和puppeteer结合起来：将打开百度首页搜索Puppeteer，确定有搜索内容输入乱码，确定输出404页面代码优化代码
2020-05-13 16:22:58
1213
原创 [Js_Testing]Mocha+Chai单元测试进阶
目录选择测试用例指定测试脚本指定目录底下所有测试脚本通配符指定多个测试脚本过滤只测试其中某一组测试跳过某一组测试配置文件指定测试脚本钩子异步测试HTTP浏览器看测试结果&&ES6参考链接选择测试用例指定测试脚本第一行执行test1.js test2.js test3.js三个脚本第二行执行test底下test1,test2 两个脚本mocha test1.js test2.js test3.jsmocha test/{test1,test2}.js指定目录底下所有测试脚本默
2020-05-13 09:43:24
556
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人