- 博客(13)
- 收藏
- 关注
RSS订阅原创 ajax 的前世今生
一、ajax基础浏览器的技术ajax Asynchronous javascript and xmlxml: 是可扩展标记语言，和html一样，可以清楚的表示层级。在ajax刚刚兴起的时候，为了表达数据的结构和层次，数据结构多是使用xml；现在都是json，json也可以表达数据结构； JSON.parse() // json格式字符串转对象 JSON.stringify() // 对象转JSON格式的字符串现在的前端都是前后端分离的，即前端负责数据的绑定和维护；服务
2021-02-02 14:14:38
861
原创 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
571
原创 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
473
原创 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
231
原创 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
111
原创 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
631
1
原创 在内置类的原型上，封装方法
在内置类的原型上，封装方法在内置类原型上的方法，类所对应的实例可以直接调取使用，例如：实例.方法() ary.push()如果我们也把自己写的方法放到原型上，那么当前类的实例也可以直接这样调取使用了很方便需要注意：1.自己扩展的方法不能影响原有内置的方法（我们自己设置的方法最好加前缀：my）2.扩展方法中的this一般都是当前类的实例（也就是要操作的值）：实例.方法()1、检测某个属性是否为对象的公有属性Object.prototype.hasPubProperty = functio
2021-01-27 12:25:49
165
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
178
原创 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
12209
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
406
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人