- 博客(138)
- 收藏
- 关注
RSS订阅原创 Axios发送请求时params和data的区别
Axios发送请求时params和data的区别在使用axios时，配置选项中包含params和data两者区别：因为params是添加到url的请求字符串中的，用于get请求。而data是添加到请求体（body）中的， 用于post请求。eg: get请求axios({method: "get",url: "http://www.tuling123.com/openapi/api...
2019-10-22 17:17:23
2449
3
原创 element-ui表格的滚动条样式修改(当固定table表格高度时默认滚动条样式太丑)
element-ui表格的滚动条样式修改当固定表格的高度时：默认滚动条样式丑方法一：直接修改表格样式，这样的效果可以实现，但是效果不是很好 .el-table__body-wrapper::-webkit-scrollbar{ /*width: 0;宽度为0隐藏*/ width: 2px; } .el-table__body-wrapper::-webkit...
2019-10-09 14:08:55
6929
2
原创 定时任务cron表达式详解
0 * * * * ? 每1分钟触发一次0 0 * * * ? 每天每1小时触发一次0 0 10 * * ? 每天10点触发一次0 * 14 * * ? 在每天下午2点到下午2:59期间的每1分钟触发0 30 9 1 * ? 每月1号上午9点半0 15 10 15 * ? 每月15日上午10:15触发*/5 * * * * ? 每隔5秒执行一次0 */1 * * * ? 每隔1分钟执行一次0 0 5-15 * * ? 每天5-15点整点触发0 0/3 * * * ? 每三分钟触发一次0
2019-10-09 11:05:52
2946
1
原创 vue里表单验证的v-model.number的坑
vue里表单验证的v-model.number的坑问题：表单验证正则匹配数字，但输入汉字仍然通过原因：.number会将input里的值用parseFloat()转化，这样用正则匹配数字后，输入的即使是：123四五六；也不会报错，因为123四五六被转换成了123解决办法：将.number去除即可除了.number修饰符外，还有 .lazy 、 .trim.lazy在默认情况下，v-mo...
2019-09-30 17:44:06
9486
8
原创 vue中$nextTick和$forceUpdate的用法
vue中$nextTick和$forceUpdate的用法vm.$nextTick( [callback] )this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行,在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。应用场景：在Vue生命周期的created()钩子函...
2019-09-29 16:38:05
3648
原创 vue中directives的用法
vue中directives的用法directives的用法和directives做权限按钮的功能directives的用法：export default { data() { return { }; }, directives:{ 'local-test':function(el,binding,v...
2019-09-26 09:36:08
836
原创 vue项目使用sass-loader
vue项目中使用sass-loader使用save会在package.json中自动添加安装这两个：npm install node-sass --save-devnpm install sass-loader --save-dev注：通常使用npm安装会出现以下报错，安装失败。（网路问题） 可以通过淘宝的npm镜像安装node-sass，解决以上问题npm install ...
2019-09-25 11:13:01
980
原创 svn检出到桌面造成的图标问题
svn检出到桌面造成的图标问题之前不小心直接将版本库 的内容检出 到桌面,后才发现桌面上的文件 都变成了问号，最好不要将svn的文件检出到桌面上，会影响其他桌面程序。在桌面创建一个记事本文件，然后吧这句话复制进去 for /r . %%a in (.) do @if exist “%%a/.svn” rd /s /q “%%a/.svn” 然后保存，再吧记事本文件从命名 叫 删除SVN信...
2019-09-18 09:48:03
707
原创 Vue.js引入vue-i18n 实现国际化
Vue.js引入vue-i18n 实现国际化国际化应该都不陌生，就是一个网站、应用可以实现语言的切换实现：使用vue-i18n 插件安装依赖：npm install vue-i18n在 main.js 中引入 vue-i18nimport VueI18n from 'vue-i18n' //引用vue-i18nVue.use(VueI18n) //使用vue-i18nva...
2019-09-03 18:31:24
631
原创 js 判断是否为数组 Object.prototype.toString.call(o)=='[object Array]'
js 判断是否为数组Object.prototype.toString.call(o)==’[object Array]’方法：function isArray(data) { return Object.prototype.toString.call(data) === "[object Array]";}js 判断是否为字符串function isString(data)...
2019-08-29 16:27:36
509
原创 vue2.0中router-link详解
vue2.0中router-link详解<router-link>组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的<a>标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的css类名.<router-link>组件的属性有：to 、replace、 append、 ...
2019-07-10 10:54:26
424
原创 客户端性能优化总结
客户端性能优化总结js脚本后置，css脚本前置css前置的目的是为了让浏览器尽快渲染页面，避免让用户长时间盯着白屏等待。减少文件体积（1）删除js和css的注释（生产环境下注释是没用的）（2）压缩图片体积（网页中的图片能看清就可以，不需要高清，如需要高清使用线上图片地址）压缩文件（在代码发布到生产环境时进行压缩，或在服务器上进行gzip压缩，会大大降低网络传输耗时，但不能压缩图片）...
2019-07-01 11:09:47
583
原创 微信小程序——发送模板消息
微信小程序——发送模板消息步骤一：获取模板ID（templateId）在微信公众平台（https://mp.weixin.qq.com）功能->模板消息-> 从模板库里获取模板，如果没有合适的模板，可以申请添加新模板，审核通过后可使用。拿到模板id步骤二：页面搭建:页面的 <form/> 组件，属性report-submit为true时，可以声明为需发模板消息，此...
2019-06-24 13:52:33
909
原创 css样式笔记
css样式笔记css 文本：text-indent: 2rem ; 文本缩进text-align： center left right justify(两端对齐) inherit（从父元素继承）word-spacing ：2rem 字间隔letter-spacing：2rem 字母间隔text-transform：none uppercase lowercase ca...
2019-06-10 13:48:10
282
原创 JavaScript闭包的概念及用法
JavaScript闭包的概念及用法闭包（closure）是javascript的一大难点，也是它的特色。很多高级应用都要依靠闭包来实现变量作用域:变量的作用域无非就两种：全局变量和局部变量在Javascript语言中，只有函数内部的子函数才能读取局部变量+正常q一个函数结束，函数的内部所有东西都会释放掉，还给内存，局部变量都会消失，闭包则是一直特殊情况函数内部可以直接读取全局变量，但...
2019-06-05 16:44:23
270
原创 vue的render函数
vue的render函数(Vue.js 2.X支持)render函数的作用：render 函数 跟 template 一样都是创建 html 模板的，但是有些场景中用 template 实现起来代码冗长繁琐而且有大量重复，这时候就可以用 render 函数。render方法的实质就是生成template模板；通过调用一个方法来生成，而这个方法是通过render方法的参数传递给它的；这...
2019-05-30 15:42:16
2534
原创 Apache的详细安装教程和遇到的问题解决方案
Apache的详细安装教程和遇到的问题解决方案Apache 是一款 web 服务器。Apache安装软件下载：访问 http://httpd.apache.org/ ，可以看到如下页面。可选择相应版本进行下载，这里我选择的是Apache2.4.点击Download之后，进入如下页面。找到Files for Microsoft windows .点击Files for Micro...
2019-05-24 17:05:18
430
原创 ES6 Promise 用法讲解
ES6 Promise 用法讲解Promise是异步编程的一种解决方案，用于一个异步操作的最终完成(或失败)及其结果值的表示，比传统的回调函数方案更加合理。Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。var p = new Promise((resolve, reject)=>{ ...
2019-05-23 17:41:10
272
原创 vue之mixin理解与使用
vue之mixin理解与使用混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。权重：全局mixins>局部mixins>组件里的构造函数在使用mixins时，相当于将组件内部的内容如data等方法、method等属性与父组件相应内容进行合...
2019-05-22 16:49:10
1503
原创 Vue 的Element UI 封装 el-table和 el-agination 结合组件
Vue 的Element UI 封装 el-table和 el-agination 结合组件在后台管理系统中，经常会用到table和agination分页结合使用。封装个组件让其试用于所有的表格页面。思路：确定要封装的内容，从父组件传给子组件的内容和从子组件传给父组件的内容，熟悉父子组件间传值方法子组件：<template> <div> ...
2019-05-17 10:48:10
1147
原创 vue-cli脚手架config目录中的index.js配置文件
vue-cli脚手架config目录中的index.js配置文件是项目的一些配置变量，此配置文件是用来定义开发环境和生产环境中所需要的参数// path是node.js的路径模块，用来处理路径统一的问题var path = require('path')module.exports = { // 下面是build也就是生产编译环境下的一些配置 build: { ...
2019-05-05 10:09:25
691
原创 vue-cli脚手架build目录中的webpack.prod.conf.js配置文件
vue-cli脚手架build目录中的webpack.prod.conf.js配置文件这个配置文件是webpack生产环境的核心配置文件// 下面是引入nodejs的路径模块var path = require('path')// 下面是utils工具配置文件，主要用来处理css类文件的loadervar utils = require('./utils')// 下面引入webpa...
2019-05-05 09:55:25
318
原创 vue-cli脚手架build目录中的webpack.dev.conf.js配置文件
vue-cli脚手架build目录中的webpack.dev.conf.js配置文件此配置文件是vue开发环境的wepack相关配置文件// 引入当前目录中的utils工具配置文件var utils = require('./utils')// 引入webpack来使用webpack内置插件var webpack = require('webpack')// 引入config目录中...
2019-05-05 09:33:29
854
原创 vue-cli脚手架build目录中的webpack.base.conf.js配置文件
vue-cli脚手架build目录中的webpack.base.conf.js配置文件webpack基础配置文件此配置文件是vue开发环境的wepack相关配置文件，主要用来处理各种文件的配置。// 引入nodejs路径模块var path = require('path')// 引入utils工具模块，具体查看我的博客关于utils的解释，utils主要用来处理css-loader...
2019-04-30 11:48:22
208
原创 vue-cli脚手架build目录下vue-loader.conf.js 文件
vue-cli脚手架build目录下vue-loader.conf.js 文件// vue-loader的配置，用在webpack.base.conf.js中；const utils = require('./utils')const config = require('../config')//不同环境为isProduction 赋值: 生产环境为true，开发环境为falsecon...
2019-04-30 11:24:53
868
原创 vue-cli脚手架build目录下utils.js工具配置文件
vue-cli脚手架build目录下utils.js工具配置文件此配置文件是vue开发环境的wepack相关配置文件，主要用来处理css-loader和vue-style-loader。这个就是构建工具相关的东西配置解释下css-loader he style-loadercss-loader: 加载.css文件style-loader:使用<style>将css-load...
2019-04-29 15:35:32
380
原创 vue-cli中的check-versions.js配置文件包括semver，chalk，shell插件的解释
vue-cli中的check-versions.js配置文件包括semver，chalk，shell插件的解释本文件是用来检测node和npm版本的// 下面的插件是chalk插件，他的作用是在控制台中输出不同的颜色的字，大致这样用chalk.blue('Hello world')，这款插件只能改变命令行中的字体颜色var chalk = require('chalk')// 下面这个...
2019-04-29 15:12:15
415
原创 vue-cli脚手架build目录中的build.js配置文件
vue-cli脚手架build目录中的build.js配置文件这个配置文件是命令npm run build的入口配置文件，主要用于生产环境.下面是对其解释// 此文件是在node环境中运行的，使用webpack的nodejsAPI实现自定义构建和开发流程的// ---------------------// npm和node版本检查，请看我的check-versions配置文件解释文...
2019-04-29 14:56:13
272
原创 基于REM的适配移动端响应
基于REM的适配移动端响应响应式适配方法一： 设计稿给什么尺寸，我们就将其缩小100倍，最后换算成rem单位。比如，设计稿上某个title的font-size为32px，此时写CSS样式时就直接缩小100倍，即0.32rem。由于rem是根据根元素进行设置的，所以我们需要设置根元素的font-size。//rem 转换(function() { var html = docume...
2019-04-28 16:55:59
195
原创 移动组件库cube-ui之后编译
移动组件库cube-ui之后编译背景： 使用webpack+babel开发应用越来越多，而且一般都是通过NPM进行包管理的，这样依赖包越来越多，这些依赖包也是使用ES6+开发的，所以每个包都需要编译才能发布，这样编译后代码中往往包含很多编译代码，为了消除这部分冗余，推荐大家使用后编译。后编译解决的问题主要是代码冗余目前大部分的前端项目开发都是使用es6+的代码并且使用babel进行编译，而...
2019-04-28 15:14:30
659
1
原创 数据库知识
数据库知识什么是数据库？数据库，简而言之可视为电子化的文件柜——存储电子文件的处所，用户可以对文件中的数据进行新增、截取、更新、删除等操作。所谓“数据库”是以一定方式储存在一起、能与多个用户共享、具有尽可能小的冗余度、与应用程序彼此独立的数据集合数据库类型：关系数据库：MySQLMariaDB（MySQL的代替品，英文维基百科从MySQL转向MariaDB）Percona Serve...
2019-04-09 17:46:58
219
原创 软件测试基础知识（一）
软件测试基础知识（一）测试对象：测试级别：单元测试（UT,unit test）：在软件测试中单元指的是组成软件的最小的底层代码结构，一般就是类，函数，和组件等，（现在的测试基本上不会测代码）集成测试（IT,）:将多个单元模块组成在一起，然后验证他们之间的沟通的桥梁是否正常通过。系统测试（ST）:当前行业做的最多的测试，测试人员充当用户，然后对软件的功能进行测试验证测试:α测试...
2019-04-09 16:13:03
482
原创 计算机中数据的计量单位
计算机中数据的计量单位比特：bit，它是计算机中 最小的数据单位，每一位的状态为1或者0字节：byte，它是计算机中的 基本的计量单位，一个字节可以存储一个英文字母，或者半个汉字（UTF-8中一个中文字符占3字节），一般情况，1字节=8位字：word，它是计算机中进行 数据处理和运算的单元，一次存取、加工和传送的数据长度称为字。一个字通常由一个或多个（一般是字节的整数位）字节构成...
2019-04-08 16:57:31
10524
原创 css 布局的几种方式
css 布局的几种方式table布局：table 的特性决定了它非常适合用来做布局，并且表格中的内容可以自动居中，这是之前用的特别多的一种布局方式。display：table;dispaly:table-cell<div class="header">header</div><div class="main"> <div class="le...
2019-03-25 15:51:44
1227
原创 Flex 布局语法
Flex 布局语法flex（ flexible box：弹性布局盒模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。主要思想是给予容器控制内部元素高度和宽度的能力。支持的浏览器其中在webkit内核的浏览器中使用时，必须加上-webkit-前缀.box{ display: flex;}//行内元素也可用弹性布局.box{ display: inline...
2019-03-25 14:42:39
313
原创 微信小程序开发（二）
微信小程序开发（二）创建小程序页面：在pages 中添加一个目录test ，或在将test 页面加入 app.json，就可自动生成test目录（包括test.wxml,test.json,test.js,test.wcss）在首页加入跳转访问链接在首页写一个页面入口 ，跳转到我们要测试的页面上，直接在首页 pages/index/index.wxml 添加一段代码一句链接.保...
2019-03-22 16:57:29
502
原创 vue路由的钩子函数
vue路由的钩子函数vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。路由钩子分为三类： 全局的、单个路由独享的、或者组件级的全局钩子： 主要包括beforeEach和aftrEach,这类钩子主要作用于全局,一般用来判断权限,以及以及页面丢失时候需要执行的操作。一般写在main.js里面beforeEach函数有三个参数：- to:router即将进入的...
2019-03-19 15:14:27
1305
原创 在vue-cli中引入lodash.js并使用
在vue-cli中引入lodash.js并使用lodash是一套工具库，它内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数。中文文档： https://www.lodashjs.com/docs/4.17.5.htmllodash的所有函数都不会在原有的数据上进行操作，而是复制出一个新的数据而不改变原有数据模块的组成：Lodash 提供的辅助函数主要分为以下几类：Arra...
2019-03-18 14:29:26
4815
1
原创 vue中TinyMCE编辑器的使用
vue中TinyMCE编辑器的使用TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器。富文本编辑器UEditor：百度前端的开源项目，功能强大，基于 jQuery，但已经没有再维护，而且限定了后端代码，修改起来比较费劲bootstrap-wysiwyg：微型，易用，小而美，只是 Bootstrap + jQuery…所以项目中用到的是TinyMCE，可前后端分离。可购买 tiny...
2019-03-14 11:53:05
8403
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人