- 博客(15)
- 收藏
- 关注
RSS订阅原创 git和 github的详细教程
在使用之前我们要先要清楚几个东西git 和 github 是两个东西，不是一个东西就像 java 和 javascript 一样，是两个东西需要搞清楚几个词语的意思本地：我自己的终端远程：在网络那一头的终端仓库：一个被 git 管理了的文件夹什么是 GITgit 官方名称： 分布式版本管理器私人解释： 就是一个管理我们文件夹的工具只不过可以保留所有的版本信息就是我们安装一个软件然后用这个软件来管理我们的一个文件夹这个文件夹被 git 管理以后，我们可以对他进行各.
2020-06-15 21:12:12
256
原创 CSS预编译工具SASS详解
sass 是一个 css 的预编译工具也就是能够 更优雅 的书写 csssass 写出来的东西 浏览器不认识依旧是要转换成 css 在浏览器中运行这个时候就需要一个工具来帮我们做安装 sass 环境以前的 sass 需要依赖一个 ruby 的环境现在的 sass 需要依赖一个 python 的环境但是在 node 强大了以后，我们只需要依赖 node 环境也可以需要我们使用 npm 安装一个全局的 sass 环境就可以了# 安装全局 sass 环境$ npm i.
2020-06-15 16:59:22
597
原创 了解Cookie与封装
COOKIEcookie 是一个以字符串的形式存储数据的位置每一个 HTTP 请求都会在请求头中携带 cookie 到服务端每一个 HTTP 响应都会在响应头中携带 cookie 到客户端也就是说，cookie 是不需要我们手动设置，就会自动在 客户端 和 服务端之间游走的数据我们只是需要设置一下 cookie 的内容就可以COOKIE 的存储形式cookie 是以字符串的形式存储，在字符串中以 key=value 的形式出现每一个 key=value 是一条数据多个数据之
2020-06-07 22:29:38
191
原创 JS数组常用方法的整理
什么是数组？数组是一种特殊的变量，它能够一次存放一个以上的值。Array.shift(); 作用:删除数组中的第一个元素 返回值:被删除的那个元素 参数:无 注意点:直接在原数组操作,不会生成新数组var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.shift(); // 从 fruits 删除第一个元素 "Banana"Array.pop(); 作用:删除数组中的最后一个元素 返回值:.
2020-06-06 09:39:28
202
原创 Vue中使用vuex超详解
Vuex是什么？Vuex是一个专为Vue.jd应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。什么是状态管理模式包含以下几个部分：state,驱动应用的数据源view,以声明方式将state映射到视图actions,响应在view上的用户输入导致的状态变化
2020-05-30 20:20:25
1042
原创 axios使用方法及常见问题解决方案
axios一款基于 XMLHttpRequest 对象封装的网络请求工具。同时支持浏览器端与Node端。集成了 Promise特点从浏览器中创建 XMLHttpRequest从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF安装 axios$ npm install axios语法axios.get(url, [options]).then().catch()
2020-05-30 19:52:33
2124
原创 React中的redux
Redux最主要是用作应用状态的管理。简言之，Redux用一个单独的常量状态树 （state对象）保存这一整个应用的状态，这个对象不能直接被改变。当一些数据变化了， 一个新的对象就会被创建（使用actions和reducers），这样就可以进行数据追踪，实现时 光旅行。redux 是什么redux 是一个 JavaScript 容器，用于进行全局的状态管理redux 可以让你构建一致化的应用，运行于不同环境，并且易于测试redux 除了和 react 一起使用，还支持其他的 js 库（vue 、j
2020-05-27 18:45:43
211
原创 React中超好用的mock 数据模拟
这里介绍一款非常好用的 json-server 数据模拟服务器全局安装 json-server$ npm install -g json-server创建一个 json 文件，假设文件名为 data.json{ "user": [ {"id": 1, "username": "张三", "password": "abc123"}, {"id": 2, "username": "李四", "password": "abc456"} ], .
2020-05-27 18:33:08
299
原创 Vue中的性能优化防抖和节流
在vue中的防抖和节流怎么用？防抖与节流概念函数防抖(debounce)：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。函数节流(throttle)：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。函数防抖（debounce）与函数节流（throttle）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象1、防抖(debounce)在Vue项目中input框的性能优化例子：搜索.
2020-05-10 23:52:36
577
原创 SPA单页面应用优缺点整理
单页面应用 SPA (single page application)一个应用只有一个html页面，它就是 SPA.页面的切换其实是组件的切换，并修改了url地址。优点：具有桌面应用的即时性、网站的可移植性和可访问性用户体验好、快、内容的改变不需要重新加载整个页面，web应用更具响应性。SPA（ single page application）相对对服务器压力小良好的前后端分...
2020-04-14 19:58:42
685
原创 JWT验证流程及特点
JWT原理：JWT (JSON Web Token) 是目前最流行的跨域认证解决方案。验证流程用户向服务器发送用户名和密码。服务器验证通过后，生成一个令牌（token）。里面存放着相关数据，比如用户角色、登录时间等。服务器向用户返回这个令牌（token）。需要用户自己选择某种方式保存起来，一般可以使用localStorage、sessionStorage、Cookie 等。用户随...
2020-04-05 22:38:11
1465
1
原创 浅谈前端渲染与后端渲染的区别
前端渲染和后端渲染的区别在哪里首先了解前端与后端的渲染一、前端渲染访问网页时，先请求到 html 内容，并渲染出来。然后根据需要发送 ajax 请求获取后台返回的数据来更新页面。后端返回json数据后，前端预先写好html模板，循环读取json数据，字符串拼接，并插入页面中。（注：使用es6的模板字符串拼接能够减少拼接字符串的时间）二、后端渲染访问网页时，后端将 html 内容与 j...
2020-03-26 22:20:39
1616
原创 浅谈虚拟Dom与Diff算法
**什么是虚拟dom？频繁且复杂的dom操作通常是前端性能瓶颈的产生点，Vue提供了虚拟dom的解决办法首先 虚拟的DOM的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。这句话，也许过于抽象，却基本概况了虚拟DOM的设计思想内部当数据变化，生成一颗新的虚拟dom树，与上一次的虚拟dom树结构进行对比。也就是说，当数据变化的时候，大量操作的是虚拟dom,而...
2020-03-23 19:59:41
155
原创 npm商店发布包报错的常见问题
注意：npm 发布包的必要条件 镜像源必须是npm ！！当发布中遇到遇到这样一个小问题找不到错误的时候 看这里︾这个报错是非常小的问题相信很多新手都遇到了解决问题的方法就是 当你新注册npm账号时，npm官网会给你发送一条邮件就是这样一条邮件 上方连接点击这里再重新 npm publish 发布即可成功...
2020-03-10 21:52:03
273
原创 Javascript闭包函数理解
闭包概念有一个 A 函数，再 A 函数内部返回一个 B 函数再 A 函数外部有变量引用这个 B 函数B 函数内部访问着 A 函数内部的私有变量函数作用域（闭包前置知识）在聊闭包之前先回顾一下函数，函数有两个阶段：a.定义阶段，b.调用阶段。要学会闭包函数一定要弄懂。函数定义阶段开辟一个 存储空间把函数体内的代码一模一样的放在这个空间内（不解析变量）把 存储空间 的地址给...
2020-02-22 11:28:24
225
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人