dairen_j的博客

原创 Vue--前端交互 axios

1. axios 的基本特性axios是基于Promise用于浏览器和node.js的HTTP客户端特征：支持浏览器和node.js支持 promise能拦截请求和响应自动转换JSON数据2. axios 的基本用法 axios.get('/adata').then(ret=>{ console.log(ret.data) //data属性固定，用于获取后台响应数据 })3. axios的参数传递1.get通过restful传递参数也可以通

原创 Error: Cannot find module ‘webpack-cli/bin/config-yargs‘报错原因

配置 webpack 自动打包功能后，执行命令 npm run dev 出现以下报错：出现此问题的原因是安装的 webpack-dev-server 与 webpack-cli 的版本问题，下面是 package.json 中的版本信息我们看到 webpack-cli 的版本是 4.2.0，而 webpack-cli 从4.x.x开始就没有该目录，所以我们保证webpack-cli 和 webpack-dev-server 的版本只要都是 3.x.x 就可以解决了具体步骤：使用 npm.

原创 Vue--前端交互 fetchAPI

1. fetch基本使用fetch 就是 ajax + Promise. 使用的方式和 jquery 提供的 $.ajax() 差不多fetch默认是get请求//基本用法 fetch('http://localhost:3000/data') .then(function (data) { //text() 方法属于fetchAPI的一部分，他返回一个Promise实例对象，用于获取后台返回的数据 ret

原创 Vue--组件化开发

1. 组件注册1.全局组件注册语法 //Vue.component(组件名称，{ //data:组件数据（函数）， //template:组件模板内容 //}) //------------------------------ Vue.component('button-counter', { data: function () { return {

原创 Vue基础--常用特性

常用特性与表单操作1. 表单操作1. 基于Vue的表单操作常见的表单元素：input 单行文本，textarea 多行文本，select 下拉多选，radio 单选框，checkbox 多选框单选框实现单选1、 两个单选框需要同时通过v-model 双向绑定 一个值2、 每一个单选框必须要有value属性 且value 值不能一样3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据复选框实现复选1、 复选框需要

原创 Vue基础-本地应用

1. 内容绑定，事件绑定v-text：设置标签的文本值（textContent）默认写法会替换全部内容，使用差值表达式{{}} 可以替换指定内容内部支持写表达式v-html：设置标签的innerHTML内容中有HTML会被解析成标签 （存在安全问题）v-pre :填充原始信息显示原始信息 跳过编译过程v-on基础：为元素绑定事件v-on:click="doit" || @dblclick="doit"绑定的方法定义在methods属性中方法内部通过this关键字可以

原创 Linux常用操作

原创 this 简单明了指向问题

回顾一下 JavaScript 中 this 的指向问题（非严格模式下的 this 指向）函数的不同调用方式决定了 this 的指向不同普通函数 this 指向 window function fn() { console.log('普通函数的this' + this); } window.fn();对象的方法 this 指向的是对象 var o = { sayHi: function().

原创 模块化与闭包

在《《JavaScript核心技术开发解密》》讲模块化与闭包中，提到了一个案例，实现每隔一秒 body的背景颜色就随着一个数字的递增在固定的三种颜色之间切换。目前流行的模块化开发思路，无论是requier，还是ES6中的module，虽然实现方式不同，但是核心的思路都是一样，模块化其实就是建立在单例模块基础之上的，因此模块化开发和闭包息息相关。下面实现每隔一秒 body的背景颜色就随着一个数字的递增在固定的三种颜色之间切换的案例首先创建一个专门用来管理全局状态的模块。这个模块中有一个私有变量保存.