- 博客(21)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 使用nginx本地服务器运行
打开目录的html文件夹下，删掉里面的内容，将已打包的dist文件夹里面的内容，全部复制到html文件夹下。打开conf文件夹，找到 nginx.conf文件，用编辑器打开找到http对象中的server。直接去官网下载 http://nginx.org/en/download.htm。在地址栏输入localhost:8080。双击nginx.exe。
2023-08-16 16:49:26
244
原创 call，apply，bind三种改变this指向的方式
call、apply与bind都用于改变this绑定：但call、apply在改变this指向的同时还会执行函数，而bind在改变this后是返回一个全新的boundFunction绑定函数不会执行。bind属于硬绑定：返回的boundFunction的this指向无法再次通过bind、apply或call修改，call与apply的绑定只适用当前调用，调用完就没了，下次要用还得再次绑。call与apply功能完全相同：唯一不同的是call方法传递函数调用形参是以散列形式，而apply方法的形参是一个.
2021-03-29 16:36:40
332
原创 this绑定的五种场景
this绑定的五种场景默认绑定：默认绑定时this指向全局对象window(非严格模式)，严格模式下为undefined。隐式绑定：如果函数调用时，前面存在调用它的对象，那么this就会隐式绑定到这个对象上(多层则指向最近的)。显式绑定：显式绑定是指我们通过call、apply以及bind方法改变this的行为。new绑定：构造调用创建了一个新对象echo，而在函数体内，this将指向新对象echo上。箭头函数绑定：箭头函数中没有this，箭头函数的this指向取决于外层作用域中的this，外层
2021-03-29 15:59:45
204
原创 学习Git常用的命令
git initgit add README.mdgit commit -m “first commit”git remote add origin https://github.com/study2018-9-5/nodejs.gitgit push -u origin master
2020-06-05 17:02:02
152
原创 Vue中computed计算属性传参问题
Vue中computed计算属性传参问题<template> <span>{{transmit(params)}}</span></template><script> export default { name: 'demo', data(){ params: 1111 }, computed:{...
2020-03-12 21:47:47
671
原创 Vue使用watch监听一个对象中的属性的实现方法
<template> <div>Vue使用watch监听一个对象中的属性的实现方法</div></template><!-- 方法 1 --><script> export default { data(){ return{ obj:{ show: true ...
2019-10-08 15:30:04
338
原创 nodejs的安装及环境配置
1.安装node.js，也就是node环境。从node.js官网下载并安装node，安装过程很简单，一路下一步就可以了。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。 2.接下来进入安装好的目录 nodejs目录(也就是安装的路径)创建两个文件夹。 3.然后打开cmd输入这两行代码，绿色是我的路径你们替换成...
2019-08-27 19:56:12
545
原创 ElementUi el-date-picker时间限制
<template lang="html"> <div> <el-form :model="form" :rules="rules" ref="ruleForm" label-width="110px" size="mini"> <el-row :gutter="24"> <el...
2019-08-08 11:19:28
942
原创 Vue中父子组件里方法的相互调用
一. Vue中在父调子<template> <div class="parent"> <child ref="children">子组件</child> </div></template><script> export default { name: "parent", data...
2019-06-18 19:48:31
2784
原创 vue中this.$route.query和this.$route.params
routes: [ // 写法 (1) { //在路由中显示传递的参数 path: '/skipIn/:name/:age', //传递两个参数 name: 'SkipIn', //跳转页面的名字 component: SkipIn //注册组件 }, // 写法 (2) // { // path: '/skipIn', ...
2019-05-05 17:32:06
3926
原创 JS中数组方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组方法</title></head><body> <script> //---------reverse、splice都会改变原数组--...
2019-04-25 17:07:57
109
原创 JS中字符串方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>字符串方法</title></head><body> <script> var str = "王hello world"; var s...
2019-04-25 17:05:53
105
原创 Vue中assets和static的区别
相同点： assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下。不相同点： assets中存放的静态资源文件在项目打包时，也就是运行npm run build时会将assets中放置的静态资源文件进行打包上传，所谓打包简单点可以理解为压缩体积，代码格式化。而压缩后的静态资源文件最终也都会放置在static文件中跟着in...
2019-04-13 13:26:43
926
原创 Vue-axios的应用
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 特点： 1. 从浏览器中创建 XMLHttpRequests 2. List item 3. 从 node.js 创建 http 请求 4. 支持 Promise API 5. 拦截请求和响应 6. 转换请求数据和响应...
2019-04-09 14:43:48
104
转载 引用模块时import后面加上花括号{}和不加花括号的区别
假如有一个B.js，想要通过import语法引用模块A.js，那么可以这么写：// B.jsimport A from './A'而上面的代码生效的前提是，只有在如下A.js中有默认导出的export default语法时才会生效。也就是：// A.jsexport default 42在这种不使用{}来引用模块的情况下，import模块时的命名是随意的，即如下三种引用命名都是正确...
2019-04-09 14:34:30
1211
1
原创 Mock在Vue中的应用
Mock.js 是一个模拟数据生成器，利用它，可以拦截ajax请求，直接模拟返回数据，这样前后端只要约定好数据格式，前端就不需要依赖后端的接口，可以直接使用模拟的数据了。这里介绍在Vue工程中使用Mockjs。1. 安装npm install --save-dev mockjs2. 引入 为了只在开发环境使用mock，而打包到生产环境时自动不使用mock，我们可以在config/d...
2019-03-25 19:39:38
4232
原创 学习Vue脚手架安装与使用
1. 安装脚手架命令：npm install -g vue-cli (全局安装一次就可以了)2. 创建项目命令：vue init webpack my-app (my-app 为文件夹名)//这三项默认，直接回车。Project name //项目名称。project description //项目描述。Author //作者**********************...
2019-03-24 11:48:18
259
原创 利用http-server测试vue-cli打包后的项目
目前在学习Vue，利用vue-cli脚手架开发的项目，在生产环境中(npm run dev)一切良好，根据官方的npm run build打包后发现，在自己没有线上服务器的情况下，测试成为一大难题。1. 打包测试（搭建服务器） 打包后的代码必须放在服务器下才能运行，直接双击index.html是不行的。 下面介绍一种利用node.js的 http-server搭建一个简单的http服...
2019-03-22 15:52:33
1258
1
原创 Vue路由的懒加载
1.为什么需要懒加载？ 众所周知vue是一种应用于单页面开发的框架，像vue这种单页面应用，如果没有应用懒加载。造成进入首页时，需要加载的内容过多，时间过长，会出现一段时间的白屏，即使有loading也是不利于用户体验的；而运用懒加载则可以将页面进行划分，需要的时候加载页面，减少首页加载的用时。...
2019-03-22 15:43:40
563
原创 vue-router 的基本使用
vue-router 基本使用欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢...
2019-03-21 16:43:18
296
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人