自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小米粒的博客

等风来不如追风去,追逐的过程就是人生的意思,花式搬砖...

  • 博客(13)
  • 收藏
  • 关注

原创 ajax 的前世今生

一、ajax基础浏览器的技术ajax Asynchronous javascript and xmlxml: 是可扩展标记语言,和html一样,可以清楚的表示层级。在ajax刚刚兴起的时候,为了表达数据的结构和层次,数据结构多是使用xml;现在都是json,json也可以表达数据结构; JSON.parse() // json格式字符串转对象 JSON.stringify() // 对象转JSON格式的字符串现在的前端都是前后端分离的,即前端负责数据的绑定和维护;服务

2021-02-02 14:14:38 853

原创 Nodejs静态资源服务器

一、http模块http模块是node的内置模块,提供http服务创建一个服务器程序一个端口只能用于给一个程序监听;8080被当前的server使用了,其他程序就不能用 let http = require('http'); let { readFileSync } = require('fs'); // 1. 创建服务 let server = http.createServer(function (req, res) { // 创建服务器

2021-02-02 14:13:51 570

原创 axios 和 PromiseA+

一、axios1.1 axios是什么axios是基于promise封装的ajax库,用于客户端发送ajax请求;1.2 安装axios库 npm install axios --save 或者 yarn add axios --save1.3.1 axios常用的方法:axios.get(url, config);返回promise对象axios.get('/api/get_aside', { params: { aside_id: 1 }}

2021-02-02 14:11:27 470

原创 webpack 配置 vue 的单页面应用

一、什么是 webpack?webpack 是基于 Node.js 静态资源的模块打包器。当用 webpack 打包时,它会从一个起点开始查找各个模块依赖关系,并且按照这些依赖关系把这些文件打成一个或者多个包;二、为什么使用 webpack?1.模块化,浏览器端的早期没有模块化,需要 js 文件只能通过 script 标签手动控制依赖管理这些 js 文件的引入顺序;而 webpack 可以通过模块化管理这些依赖;2.自动编译 less、sass3.可以把基于 JS 的扩展语言编译成 JS;4.开

2021-02-01 09:07:57 230

原创 webpack 配置 vue 的单页面应用

一、什么是 webpack?webpack 是基于 Node.js 静态资源的模块打包器。当用 webpack 打包时,它会从一个起点开始查找各个模块依赖关系,并且按照这些依赖关系把这些文件打成一个或者多个包;二、为什么使用 webpack?1.模块化,浏览器端的早期没有模块化,需要 js 文件只能通过 script 标签手动控制依赖管理这些 js 文件的引入顺序;而 webpack 可以通过模块化管理这些依赖;2.自动编译 less、sass3.可以把基于 JS 的扩展语言编译成 JS;4.开

2021-01-27 12:35:14 110

原创 Vue 导航守卫

一、什么是导航守卫?导航:“导航”表示路由正在发生改变。二、为什么使用导航守卫?真实的项目中需要判断权限或者登录状态决定用户能访问的路由,但是因为路由是在浏览器地址栏中的,用户可以输入,如果不加以拦截就可以看到本不该看到的页面;为了避免这种情况,我们需要使用导航守卫,在路由发生变化时作出相应的判断,判断用户是否可以去到他想去往的页面的路由;三、常用的导航守卫: let router = new VueRouter({....});1.全局前置守卫 router.befor

2021-01-27 12:34:34 79

原创 Vue 生命周期梳理

Vue实例的生命周期1. 什么是生命周期?vue的实例具有生命周期,vue的实例在生成的时候,会经历一系列的初始化的过程;数据的监听,编译模板,实例挂载DOM元素,或者数据更新导致DOM更新,在执行的过程中,会运行一些叫做生命周期的钩子函数,在Vue实例生命周期中特定的时间点执行的函数称为生命周期的钩子函数;如果我们需要在某个生命周期处理一些事情,我们可以把这些事情写在钩子函数中;等到vue的实例生命周期到这个阶段就会执行这个钩子,而我们要做的事情也就得以处理了;生命周期的钩子函数不能人为的控制其

2021-01-27 12:33:45 105

原创 Vuex

一、 Vuex 是什么?Vuex 是一个专门为 vue.js 应用程序开发的状态(状态就是数据)管理模式,它采用集中式存储管理应用的状态。相当于把组件中的数据提升到一个全局的地方,这个地方就是Vuex 的 store(仓库),由 Vuex 统一管理,如果某个组件需要这个数据,直接从store中获取。如果要修改存在vuex中的数据,需要在定义store时,定义修改这个数据的方法,这些方法称为mutation;mutation函数的第一个参数是state对象,所有的数据都定义state中,在m

2021-01-27 12:29:42 56

原创 Vue和ios、android交互通信

1)原生调用Vue方法Vue代码created() { //Vue的方法给原生调用,则需要把方法挂在Window下面 window.getDataFromNative = this.getDataFromNative;},methods: { getDataFromNative(params) { //params: 原生调用Vue时传值(params)给Vue console.log("得到原生传值结果:" + params); var data = {

2021-01-27 12:27:57 629 1

原创 在内置类的原型上,封装方法

在内置类的原型上,封装方法在内置类原型上的方法,类所对应的实例可以直接调取使用,例如:实例.方法() ary.push()如果我们也把自己写的方法放到原型上,那么当前类的实例也可以直接这样调取使用了很方便需要注意:1.自己扩展的方法不能影响原有内置的方法(我们自己设置的方法最好加前缀:my)2.扩展方法中的this一般都是当前类的实例(也就是要操作的值):实例.方法()1、检测某个属性是否为对象的公有属性Object.prototype.hasPubProperty = functio

2021-01-27 12:25:49 164 2

原创 路由重复解决 Error: Avoided redundant navigation to current location

import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = [ { path: '/', redirect: '/login' }, { path: '/login', name: 'login', component: () => import('../views/Login') }, { path: '/h

2021-01-27 12:23:56 177

原创 node 溢出 使用 increase-memory-limit 插件

在做项目的过程中,项目越来越大,后面导致项目无法正常启动,查了原因是因为node 溢出了。先看看溢出时报的错解决办法:increase-memory-limit插件// 1. 拉取项目后npm install// 2. 安装sudo npm install -g increase-memory-limitsudo npm install -g cross-env// 3. 执行 fix-memory-limitnpm run fix-memory-limit// 4. 如果有

2021-01-27 12:22:03 12151 1

原创 Vue 中的作用域插槽理解 slot-scope

Vue 的插槽分为3种匿名插槽具名插槽作用域插槽匿名插槽/具名插槽子组件中定义一个slot占位符;父组件调用时,在slot对应的位置填充模板即可作用域插槽 slot-scope1 父组件传递数据给子组件2 子组件通过 props 接收数据3 子组件拿到数据后通过 v-for 渲染,并且通过 的方式把数据传递给父组件4 父组件通过 slot-scope=“scope” 接收数据就可以使用了理解:例如当你要给同事封装一个列表组件,你就需要使用作用域插槽(注意是列表或类似列表的组

2021-01-27 12:19:58 401

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除