- 博客(17)
- 收藏
- 关注
RSS订阅原创 bind,apply,call的区别和实现
bind，apply，call都是用来改变this指向，而不同点如下：1. bind、apply和call函数的入参第一个都是需要改变this的指向，后面是需要传入的其他参数，但是apply需要传入的其他参数需要放在数组里fn.bind(null, 1, 2, 3)fn.call(null, 1, 2, 3)fn.apply(null, [1, 2, 3])2. apply，ca...
2020-04-22 12:11:30
1567
原创 初学typescript总结
typescript的使用：node项目中使用ts，首先安装依赖，然后再tsconfig.json中配置typescript中的数据类型：1、布尔类型（boolean）2、数字类型（number）3、字符串类型（string）4、元祖类型（tuple），属于数组的一种，可以指定数组中具体位置的值的类型5、枚举类型（enum），其中各个标识符的默认值为对应的角标...
2019-04-02 23:43:37
278
原创 JS如何判断滚动条是否滚到底部
判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。 clientHeight为内容可视区域的高度。 scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。 从这个三个属性的介绍就可以看出来，滚动条到底部的条件即为scrollTop + ...
2019-01-06 20:09:40
1129
原创 Nuxt 2.3.X 配置babel
1. 在package.json中修改运行脚本添加--exec babel-node添加之后的效果为：（修改了8/10行）{ "name": "nuxt-learn", "version": "1.0.0", "description": "My lovely Nuxt.js project", "author": "wqz
2019-01-04 21:54:54
1142
1
原创 vue+element-ui项目的分页，返回默认分页高亮样式的问题
问题造成原因我们返回当前页面取得总条数totalNum的之前，element-ui的分页组件已经在页面加载完毕，当时的totalNum绑定的是data里面初始化的数据0，所以当总条数为0的时候，分页组件的页码默认为1。并且当totalNum在created生命周期里取得数据后，分页组件也不会刷新。所以这就导致， 页面内容正确，但是页码高亮依旧是第一页解决办法我们需要在create...
2019-01-04 19:53:52
2626
原创 vue中使用koa2
最近开始学习koa2+vue，先说安装1.全局安装npm i koa-generator -g2.初始化项目koa2 -e xxx-e：使用es的模板引擎 使用async和await： async中await可有可无，await必须使用在async中，并且await后面跟的是promise对象，如果不是会自动转化 eg：router.get...
2019-01-02 10:16:06
1215
原创 vue-cli3中配置alias和打包加hash值
1.之前在项目测试环境打包的时候，js文件打包出来没有hash值，但是生产环境打包出来却又hash值当时只配置了 filenameHashing: true，这样是不够的后来在chainWebpack中配置config.output.filename('[name].[hash].js').end()，解决了该问题 2.配置alias可以在引入文件的时候不用写很长的相对路径...
2018-12-01 23:17:55
7720
3
原创 vue的部署上线
项目本地开发完成后，我们就需要将代码 部署到线上服务器。再次之前，就需要把这些零散的文件打包成一个css和js文件，以减少http的请求数，避免额外的性能损耗。 vue-cli提供了代码编译、合并、压缩的脚本build/build.js，运行npm run build后，得到文件如下所示build.js将组件中的css变异合并成一个app.[hash].css文件。j...
2018-11-03 08:43:52
591
原创 webpack区分打包类库代码和业务代码
为什么需要用webpack区分打包类库代码和业务代码？把框架类的代码和业务代码分开打包，是因为1.框架类库代码稳定，业务代码经常需要更改2.让框架类库代码进行缓存，达到减少服务器流量和提高加载速度的目的使用步骤：a.重写entry，用app.js来存放打包后的业务代码，vendor.js来存放打包后的类库代码b.在plugins中添加new webpack.optimize...
2018-11-01 00:20:03
490
原创 vue使用 postcss-loader和autoprefixer插件
使用postcss-loader和autoprefixer插件，可以自动处理样式，给样式加上兼容前缀1.npm i postcss-loader autoprefixer -D2.新建postcss.config.js和.babelrcpostcss.config.jsconst autoprefixer = require('autoprefixer')module.ex...
2018-10-31 21:31:37
3455
原创 vue项目中导出为pdf
1，添加两个模块html2canvas和jspdf （1）npm install --save html2canvas（将页面html转换成图片） （2）npm install --save jspdf（将图片生成pdf）2，创建一个htmlToPdf.js文件在指定位置import html2Canvas from 'html2canvas'import JsPD...
2018-10-31 13:55:31
1082
转载 vue打包后如何区分开发、测试和生产等不同的开发环境
看过vue和webpack api的同学都知道，使用npm run dev可以运行开发环境的代码，使用npm run build就是打包生产环境的代码。但是如果我还有测试环境和预发布环境，运行npm run build命令只能在生成环境也就是线上环境运行，那我的测试和预发布环境怎么打包?参考了网上的一些文章，我觉得还是从 axios调用接口api，修改 axios的 baseURL入手比较方便...
2018-10-31 09:00:27
1729
原创 vue的热更新
使用vue的热加载可以实现局部内容的刷新，更改数据后，不会刷新整个页面在webpack.config.js中设置：对config.devServer中添加属性hot:true对config.plugins添加new webpack.HotModuleReplacementPlugin(),new webpack.NoEmitOnErrorsPlugin()具体设置如图：...
2018-10-31 08:46:50
11322
原创 vue中遇到的问题
1.vue编译报错TypeError: Cannot destructure property `compile` of 'undefined' or 'null'.解决方法：在package.json里把"webpack": "^3.1.0"改成"webpack": "^4.17.1",，然后npm install
2018-10-31 08:36:43
616
原创 vue中的登陆拦截
首先说思路，通过在路由规则中使用meta属性，再配合钩子函数beforeEach，实现登陆拦截功能router.js:import Vue from 'vue'import Router from 'vue-router'import Login from '@/pages/login'import Home from '@/pages/home'Vue.use(Router)...
2018-10-30 16:49:54
1307
1
原创 vue中使用loading组件
在vue项目中自定义组件实现异步请求数据，在获取到数据之前有一个loading的动态图，使界面更友好在这里定义一个loading组件：loading.vue:<template> <div class="loading-img"> <img src="../../assets/loading.gif" alt=""> ..
2018-10-30 15:12:20
4769
转载 vue项目中常用的md5加密
安装加密模块：js-md5npm i js-md5 -S1.在需要使用的项目文件中引入：import md5 from 'js-md5';使用：md5('holle') // bcecb35d0a12baad472fbe0392bcc0432.或者在main.js文件中将md5转换成vue原型：import md5 from 'js-md5';Vue.pro...
2018-10-30 14:36:19
567
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人