![](https://img-blog.csdnimg.cn/58442aac811c4c359e3730030e97ef3e.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 90
JavaScript
xupengboo
自强不息
展开
-
如何给Vue项目配置好一个nginx.conf文件?
🚨Tips:不配置try_files,像Vue的前端路由就不会起作用,nginx配置对应的location只会检索本地或者代理服务器。一般前端项目中,会有一个docker/nginx/nginx.conf文件,用于配置DockerFile配置等。SPA 的路由,就是Vue等单页面应用用的很多,其中前端路由负责处理路径,而后端始终返回主页。原创 2024-03-06 22:25:46 · 1180 阅读 · 0 评论 -
nvm安装、部署以及使用
看个人习惯,通过不同形式来安装nvm,省劲就用.exe安装即可。Tips:安装之前,要卸载当前系统的nodejs。在 cmd 命令框中,输入显示nvm版本信息表示安装成功。原创 2024-03-06 22:19:44 · 848 阅读 · 0 评论 -
ES6 数据拓展Number,对象方法,三种模块化应用,npm包导入和转换(四)
文章目录1.ES6 数据拓展1.1 Number.EPSILON1.ES6 数据拓展1.1 Number.EPSILON这个Number.EPSILON,是衡量数据的关键。可以打印一下看看它的数值。<script> console.log(Number.EPSILON);</script>例如:0.1 + 0.2 === 0.3,如果只是单纯的看等式,这个是正确的,但是计算机计算是有很微小的误差!如下:<script> conso原创 2021-07-19 18:10:41 · 413 阅读 · 2 评论 -
ES6 Promise的then方法,Set集合实例,class类各个实现和继承(三)
文章目录1. ES6 Promise1.1 Promise then方法1.2 Promise 读取文件1. ES6 PromisePromise是ES6引入的异步编程的新解决方法,语法是它是一个构造函数,用来封装异步操作并可以获取其成功或失败的结果。1.1 Promise then方法promise有三种情况:初始化,成功,失败(错误)。这里我们使用then方法来演示一下成功和失败后,产出的结果。<!DOCTYPE html><html lang="en"><原创 2021-07-15 10:42:24 · 502 阅读 · 0 评论 -
ES6 rest参数,扩展运算符,Symbol数据类型,迭代器和生成器 【详解加案例 】(二)
文章目录1.ES6 rest 参数1.ES6 rest 参数ES6 引入rest参数,用来获取函数的实参,用来代替arguments。<script> //ES6 引入rest参数,用来获取函数的实参,用来代替arguments。 //arguments和rest参数,得到的结果不同,前者是对象,后者是数组。 function data(){ console.log(arguments); } data('zhangsan','lis原创 2021-07-13 00:01:19 · 335 阅读 · 2 评论 -
ES6 ES6详细介绍,const和相关解析赋值,模板字符串,箭头函数应用和实例 【详解加实例】(一)
1. ES6 介绍2. ES6 Let 声明变量3. ES6 const 定义常量4. ES6 解析赋值4.1 数组 解析赋值4.2 对象 解析赋值5. ES6 模板字符串6. ES6 简化对象写法7. ES6 箭头函数8. ES6 箭头函数的应用8.1 this 应用场景8.2 优化9. ES6 定义参数默认值9.1 赋予默认值9.2 与解构赋值结合原创 2021-07-08 13:31:29 · 413 阅读 · 3 评论 -
React 学习笔记总结(八)
一、React Router 6二、router6版本的 安装 和 一级路由1. 安装router6版本2. Routes组件 和 Route的 element属性三、router6 之 重定向四、router6的 NavLink高亮五、router6 的 useRoutes路由表(重要)六、router6 的 嵌套路由七、router6 的 params参数八、router6 的 search参数九、router6 的 state参数十、router6 编程式路由导航十一、rout原创 2023-01-13 01:41:11 · 648 阅读 · 0 评论 -
React 学习笔记总结(七)
一. React 项目打包二. React扩展 之 setState两种写法三. React扩展 之 lazyLoad(懒加载)四、React的 stateHook五、React 的 Effect Hook六、React 的 RefHook七、React 的 Fragment八、React 的 Context九、React 的 PureComponent1. Component组件的两个问题2. PureComponent 纯组件十、React 的 render props1. 组成原创 2023-01-12 23:58:16 · 348 阅读 · 0 评论 -
React 学习笔记总结(六)
1. redux 介绍2. redux 工作流程3. redux 的使用4. redux 完整结构补充5. redux的 异步action6. react-redux库 与 redux库7. react-redux库的 实战8. react-redux的connect 最精简写法9. react-redux的 Provider组件作用10. react-redux 整合UI组件 和 容器组件11. redux的 combineReducers方法12. 纯函数13. redux 开发原创 2023-01-07 22:15:56 · 446 阅读 · 0 评论 -
React 学习笔记总结(五)
1. React 嵌套路由(多级路由)2. params参数 与 query参数3. React路由组件 传递params参数数据4. React路由组件 传递search参数5. React路由组件 传递search参数6. React路由组件 特殊情况: 刷新页面7. React路由 的 push 和 replace8. React的 编程式路由9. React路由 withRouter10. BrowserRouter 与 HashRouter的区别11. 开源的React UI组原创 2022-12-26 22:18:02 · 714 阅读 · 0 评论 -
React 学习笔记总结(四)
1. 创建组件流程(以及脚手架环境流程)2. 样式 的模块化3. 常用快捷生成4. 通用性 组件编码流程5. React脚手架 配置代理5.1 React 引入 ajax库5.2 第一种配置代理方式(package.json)5.3 第二种代理方式(setupProxy.js)6. React List列表效果实现7. React 消息订阅与发布(兄弟组件之间的传值 )8. fetch 的 使用9. React 路由9.1 前端的 history模式9.2 react-router原创 2022-12-24 17:41:17 · 637 阅读 · 0 评论 -
React 学习笔记总结(三)
1. React( v16.8 版本) 生命周期2. React( v16.8 版本) 生命周期 更新流程2.1 三个更新流程2.2 setState()的生命周期流程(对应上图2号线)2.3 forceUpdate()的生命周期流程(对应上图3号线)2.4 父组件render()渲染的生命周期流程(对应上图1号线)2.5 React( v16.8 版本)生命周期 总结3. React 新版本的生命周期4. React(17 新版本钩子函数) getDerivedStateFromProps原创 2022-12-22 00:38:46 · 1573 阅读 · 0 评论 -
React 学习笔记总结(二)
1. React 之 props的使用2. React 之 对props进行限制3. React 之 props只读 (知道修改在这是什么效果!)4. React 之 props简写方式5. 类式组件中的构造器 与 props的注意事项6. 函数式组件 使用props7. 类式组件字符串形式的refs属性8. React 之 回调形式ref9. jsx的注释形式9. React 之 回调形式ref的 调用次数问题9. createRef API的使用10. React的 事件处理的 过原创 2022-09-26 13:12:30 · 1185 阅读 · 0 评论 -
React 学习笔记总结(一)
1. React 简介2. React的核心工具库3. 实现一个React的实例4. React 两种创建虚拟DOM的方式5. 虚拟DOM 与 真实DOM的对比6. jsx语法规则7. jsx 实战练习8. React开发者工具 安装9. React 函数式组件10. js的类 相关知识11. React 类式组件12. 组件实例对象的三大核心属性 之 state 状态13. React中的 事件绑定14. js和React类方法的 this指向问题(重点!!)15. 解决类中t原创 2022-09-17 13:10:25 · 980 阅读 · 1 评论 -
Vue3 学习总结笔记 (十四)
1. Vue3 之 生命周期2. Vue3 之 自定义hook函数3. Vue3 之 toRef 和 toRefs的使用4. Vue3 之 shallowReactive 和 shallowRef 函数API5. Vue3 之 readonly函数 和 shallowReadonly函数6. Vue3 之 toRaw 和 markRaw函数 使用7. Vue3 之 customRef 函数 使用8. Vue3 之 provide 和 inject函数使用8. Vue3 之 响应式数据的判断原创 2022-08-20 12:32:41 · 1730 阅读 · 0 评论 -
Vue3 学习总结笔记 (十三)
1. Vue3 简介2. 创建Vue3项目工程3. Vue3 之 分析工程结构3. Vue3 之 安装开发者工具4. Vue3 之 setup5. Vue3 之 ref函数6. Vue3 之 reactive函数7. Vue3 之 与vue2进行比较8. reactive函数 和 ref函数 有什么区别9. 重点注意事项10. Vue3 之 Computed 计算属性11. Vue3 之 watch属性12. Vue3 之 watch的 .value问题13. Vue3 之 wat原创 2022-08-18 13:35:37 · 2070 阅读 · 3 评论 -
Vue 学习总结笔记 (十二)
1. 缓存路由组件2. 路由组件对应的两个特别的 钩子函数3. 路由守卫3.1 全局前置路由守卫3.2 this.$route的meta3.3 全局后置路由守卫4. 独享路由守卫5. 组件内路由守卫6. hash模式和history模式6.1 什么是hash?6.2 hash模式和history模式6.3 项目的安装,部署6.4 如何解决history模式刷新404问题?6.5 总结7. Vue UI组件库8. elementui组件库8.1 elementUI安装和引入原创 2022-03-16 16:11:50 · 1477 阅读 · 0 评论 -
Vue 学习总结笔记 (十一)
1. Vue 路由(route)2. vue-router 插件库3. vue-router实现流程4. vue-router的几个注意事项5. 嵌套路由(也叫做多级路由)6. 路由传参(一) 之 query参数传值7. 命名路由8. 路由传参(二) 之 params参数传值9. 路由的props配置10. router-link的push 和 replace模式11. 编程式路由导航原创 2022-03-15 18:59:04 · 5214 阅读 · 2 评论 -
Vue 学习总结笔记 (十)
1. Vuex插件2. 搭建Vuex环境3. Vuex实现 求和案例4. Vuex的开发者工具5. Vuex中的 getters配置项6. Vuex中的 四个map方法7. Vuex的模块化(namespaced)7.1 Vuex的模块化7.2 针对map方法的 namespaced配置7.3 对于不使用map方法 ,程序员自己commit,dispatch,如何找到对应的模块。8. vuex模板化完整版案例原创 2022-03-13 14:00:09 · 2950 阅读 · 0 评论 -
Vue 学习总结笔记 (九)
1. axios 介绍2. CORS(cross-origin resource sharing) 同源策略3. Vue的代理服务器 方式一3.1 方式一:配置一个代理服务器3.2 方式一:代理服务器会出现两个问题4. Vue的代理服务器 方式二4.1 方式二:配置代理服务器4.2 方式二配置的优缺点5. 对于第三方库导入使用6. 调用第三方接口呈现页面数据 案例6.1 调用Github用户接口6.2 数据显示模块(案例中的List) 正常开发中有四部分7. vue-resource原创 2022-03-11 19:40:15 · 4862 阅读 · 1 评论 -
Vue 学习总结笔记 (八)
1. 消息订阅与发布1.1 消息订阅与发布的流程1.2 pubsub-js库2. $nextTick用法3. todoList 案例添加一个编译按钮4. Vue的 过度与动画4.1 CSS3的@keyframes 和 Vue的transition标签4.2 Vue中的 .hello-enter-active , .hello-leave-active , .hello-enter , .hello-leave-to , .hello-enter-to , .hello-leave的用法原创 2022-03-10 15:31:45 · 2655 阅读 · 1 评论 -
Vue 学习总结笔记 (七)
1. 浏览器本地存储1.1 浏览器本地存储1.2 localStorage存储1.3 sessionStorage1.4 总结2. 浏览器本地存储的 todoLists案例3. Vue 组件自定义事件3.1 vm.\$on 和 vm.\$emit的使用3.2 两种组件自定义事件绑定的方式(实现子组件向父组件传值)3.3 组件自定义事件 解绑3.4 组件自定义事件的几个误区4. 全局事件总线5. 对于todoList的全局事件总线修改原创 2022-03-09 17:42:35 · 1709 阅读 · 1 评论 -
Vue 学习总结笔记 (六)
1. render 函数2. 修改Vue Cli脚手架的默认配置3. ref属性(被用来给元素或子组件注册引用信息(id的替代者))4. props 配置项(父传子)5.mixin混入(混合) mixins配置项6. Vue的 插件7. scoped样式8. style标签的lang属性9. 组件化编码流程(通用)10. 初级案例演示原创 2022-03-07 12:59:52 · 3398 阅读 · 3 评论 -
Vue 学习总结笔记 (五)
1. Vue 组件化编程2. 非单文件组件 和 单文件组件3. 组件的使用4. 组件的注意事项5. 组件的嵌套6. VueComponent构造函数7. VueComponent和Vue实例对象有一个重要的内置关系!8. 单文件组件9. Vue的脚手架...原创 2022-03-01 14:16:36 · 1587 阅读 · 2 评论 -
Vue 学习总结笔记 (四)
1. 使用Vue 写一个表单数据2. Vue 过滤器2.1 moment.js 和 day.js 的库2.2 Vue的 过滤器的使用3. v-text 指令4. v-html 指令 (谨慎使用!!!)4.1 cookie 工作原理4.2 v-html 指令5. v-clock 指令6. v-once 指令7. v-pre 指令8. Vue的 自定义指令8.1 设置自定义指令的 两种方式8.2 自定义指令的 element参数 和 binding参数8.3 自定义指令 对象式原创 2022-01-28 14:43:31 · 5447 阅读 · 4 评论 -
Vue 学习总结笔记 (三)
1. Vue的 绑定class样式1.1 Vue 的 三种绑定class的样式方式1.2 Vue 的class绑定样式 改变数值2. 条件渲染3. Vue的 列表渲染4. key的作用和原理4.1 index作为key 的效果和问题4.2 id作为key 的效果(最佳)3.3 面试题:react , vue中的key有什么作用?5. 列表过滤5.1 #region 和 #endregion5.2 使用watch 和 vue中的filter方法来 过滤列表5.3 使用 computed原创 2022-01-22 10:19:36 · 2718 阅读 · 4 评论 -
Vue 学习总结笔记 (二)
1. Vue的 事件修饰符1.1 Vue 的六种事件修饰符1.2 Vue的 prevent事件修饰符1.3 Vue的 stop事件修饰符1.4 Vue的 once事件修饰符1.5 Vue的 capture事件修饰符1.6 Vue的 self事件修饰符1.7 Vue的 passive 事件修饰符2. js的事件对象 event3. Vue 键盘事件4. 差值语法中调用函数名的效果5. Vue的 计算属性6. Vue的 监视属性6.1 监视属性的使用6.2 深度监视6.3 监视属性原创 2022-01-20 20:26:32 · 2548 阅读 · 2 评论 -
Vue 学习总结笔记 (一)
1. Vue 的介绍2. MVC和MVVC的基本流程3. Vue 的使用详解4. Vue 模板语法5. 单向绑定 和 双向绑定6.el和data的两种写法方式7. MVVM的架构图8. 数据代理 Object.defineProperty方法9. 数据代理10. Vue 事件处理原创 2022-01-18 17:42:17 · 6925 阅读 · 15 评论 -
TypeScript 学习笔记总结(二)
一、 TS 面向对象二、TS 类三、TS 继承四、TS super关键字五、TS 抽象类六、TS 接口七、TS 属性封装八、TS 泛型原创 2023-01-29 21:52:29 · 1293 阅读 · 0 评论 -
TypeScript 学习笔记总结(一)
一、什么是TypeScript?二、TypeScript 环境搭建三、TS 类型声明四、TS 类型详解五、TS 类型总结六、TS 编译选项1. tsconfig.json的 作用2. tsconfig.json的 配置选项013. tsconfig.json的 配置选项02七、Webpack 打包ts代码原创 2023-01-29 13:27:01 · 4311 阅读 · 2 评论 -
JavaScript 基础笔记总结(全部)
文章目录1.声明变量 var2.变量命名的规则3.数据类型以及注意事项4.代码注释5.其他类型转换为字符串6.数值类型转换7.布尔类型转换8.算数操作符9.一元运算符10.逻辑运算符11.比较运算符12.赋值运算符13.运算优先级14.流程控制15.JS中的数组15.1 数组格式15.2 获取数组中的元素15.3 遍历数组15.4 数组求和16. 函数16.1 函数的声明以及调用16.2 函数的形参和实参16.3 函数的返回值16.4 匿名函数16.5 函数做为参数16.6 函数作用域16.7 函数的作用域原创 2021-12-20 13:18:35 · 13712 阅读 · 8 评论 -
解决VS code报错,过程试图写入的管道不存在(Bad owner or permissions on C:\\Users\\Administrator/.ssh/config)
开始在使用VS code远程连接ssh时,发现上面报错了:并且发现在cmd中,使用ssh root@xxx IP xxx也是报错Bad owner or permissions on … 。后来发现原来时.ssh文件权限不够。解决办法如下:1.找到.ssh文件夹。它通常位于C:\Users,例如C:\Users\Akkuman。2.右键单击.ssh文件夹,然后单击“属性”。3.找到并点击“安全”标签。4.然后单击“高级”。 单击“禁用继承”,单击“确定”。 将出现警告弹出窗口。单击“从此原创 2021-08-04 02:09:06 · 29750 阅读 · 40 评论 -
node.js 传递图片和CSS文件,模拟apache服务器,response和request的相关内容方法,运行在服务端的 JavaScript(三)
文章目录1. node.js try-catch与异步2. node.js EADDRINUSE 错误3. node.js 传递图片1. node.js try-catch与异步异步操作try-catch方法是无法捕获到异常!!!!对于异步操作,要通过判断错误号(err.code0)来进行出错处理。//按照正常的抛出异常就可以捕获到异常。// var fs = require('fs');// fs.writeFile('./xxx/1.txt','大家好','utf8',function(er原创 2021-06-25 13:36:10 · 360 阅读 · 0 评论 -
node.js 详细了解node.js,运行在服务端的 JavaScript(二)
文章目录1.nodejs API1.nodejs API有一些常用的内置API方法,非常实用,如果你的模块是全局模块,直接用就可以了,如果不是,必须要先要加载一下,require(’ 内容 ') 。原创 2021-06-20 13:10:26 · 883 阅读 · 3 评论 -
node.js 初识node.js,运行在服务端的 JavaScript(一)
文章目录1.浏览器原理2.浏览器访问服务器过程3.web开发本质4.什么是node.js?5.node.js有哪些特点?6.安装Node.js1.浏览器原理2.浏览器访问服务器过程https://edu.aliyun.com/lesson_1730_14083?spm=5176.10731542.0.0.4fb815f2VGm9PU#_14083请求报文和相应报文。3.web开发本质一般web都是下面三点一样:1.请求,客户端发起请求。2.处理,服务器处理请求。3.响应,服务器将处理结果原创 2021-06-15 13:50:49 · 9957 阅读 · 14 评论 -
Ajax 跨域和同源策略的解释和使用,使用jQuery跨域,模板引擎artTemplate的使用【详细解释+案例】(三)
1.Ajax 使用jQuery中的Ajax2.跨域和同源策略1.同源策略2.跨域1.外部JS和PHP文件实现跨域2.动态创建script标签和指定回调函数来实现跨域3.下面使用script和回调函数调用外部案例4.跨域的封装5.使用jQuery进行跨域6.模板引擎的使用7.artTemplate模板常用格式语法8.关于json一些注意事项1.json格式2.跨域返回jsonp,json3.跨域得到的是一个json格式的字符串原创 2021-05-31 13:57:55 · 597 阅读 · 1 评论 -
Ajax 解释Ajax的XML和JSON格式,操作Ajax的几种封装方法【案例+解释】(二)
文章目录1.Ajax同步的使用1.Ajax同步的使用一般在网页中,是不使用Ajax的同步的,因为同步,就必须依次执行,比较考验网络状况。这就像一个人在寄快递一样,同步,就必须把快递寄送完成,才能干其他事情,异步,再寄送完成前,就可以操作其他事情,就这么好理解。下面,只是写一个和之前一样register.html中的,username,只不过这里使用的是同步。username.onblur = function(){ var usernameValue = username.value;原创 2021-05-26 23:07:16 · 627 阅读 · 2 评论 -
Ajax 使用ajax加上get和post方法,通过后台加载数据,并在网页上进行显示【案例+解释】 (一)
1.什么是Ajax?Ajax在前端主要的功能是获取服务器的数据。经常使用Ajax来进行异步加载,也就是不影响整个窗口的前提下,进行页面部分的加载改变。Ajax异步!!!,Ajax的全称自然就是:Asynchronous(异步) JavaScript And XML...原创 2021-05-24 12:58:57 · 1456 阅读 · 8 评论 -
PHP 介绍php的一些基本语法,配合wamp,跟着案例来学习GET和POST请求( 非常详细 )
这一节以windows系统的wamp为服务器,来执行例子,必须具备配置和安装wamp的相关知识。网站分为静态网站和动态网站,分别对应sweb和dweb。原创 2021-05-20 23:50:22 · 562 阅读 · 15 评论 -
Wamp的介绍和配置,解决安装时一些错误和配置上的一些需要,轻轻松松搭建以为window系统的服务器
文章目录1.什么是Ajax?2.Wamp的安装和配置1.什么是Ajax?Ajax在前端主要的功能是获取服务器的数据。经常使用Ajax来进行异步加载,也就是不影响整个窗口的前提下,进行页面部分的加载改变。Ajax异步!!!,Ajax的全称自然就是:Asynchronous(异步) JavaScript And XML2.Wamp的安装和配置咱们平时访问一个本地网页,都是通过文件(file)的形式在本地打开的。如图下:然而,Wamp就是可以把我们自己的电脑变成了一台服务器,然后作为一个服务器来提原创 2021-05-19 14:04:20 · 5235 阅读 · 2 评论