12 2019 档案

ES6新特性
摘要：1、箭头函数 eg： (a, b) => a * b 等价于 function (a, b) { return a * b } 具体箭头函数讲解， 请看：http://www.javascriptkit.com/javatutors/javascriptarrowfunctions.shtml 2、 阅读全文
posted @ 2019-12-20 11:54 zaijinyang 阅读(205) 评论(0) 推荐(0)
CSSTab栏下划线跟随效果
摘要：神奇的 ~ 选择符 对于当前 hover 的 li ，其对应伪元素的下划线的定位是 left: 100%，而对于 li:hover ~ li::before，它们的定位是 left: 0。 ul li { float: left; width: 20%; height: 60px; line-hei 阅读全文
posted @ 2019-12-20 11:28 zaijinyang 阅读(2587) 评论(0) 推荐(0)
使用vue-cookies
摘要：1、在项目中安装vue-cookies： npm install vue-cookies --save 或 yarn add vue-cookies --save 2、全局引用： //在 main.js 中引入 // require es5 方法 var Vue = require('vue') V 阅读全文
posted @ 2019-12-16 11:38 zaijinyang 阅读(397) 评论(0) 推荐(0)
使用sequelize对数据库进行增删改查
摘要：由于本人对于命令比较执着，所以基本都是在命令下操作的，喜欢使用命令的可以使用Cmder，需要安装、配置的可以参考这篇文章： https://www.cnblogs.com/ziyoublog/p/10416684.html 首先我们需要在自己的文件夹下运行一下cmd npm init -y （-y） 阅读全文
posted @ 2019-12-13 12:18 zaijinyang 阅读(4288) 评论(0) 推荐(0)
vue项目在ie中空白问题
摘要：vue项目在ie浏览器中出现空白，f12打开后发现在body下面就只有一个div盒子，因此我们可以猜测就是js没有引入导致的，所有网上看了一些相关的才知道，在ie中无法解析es6或者版本更高的语法，所以需要一个解析的js去把es6，es7语法转换为es5语法。 首先安装 babel-polyfill 阅读全文
posted @ 2019-12-12 16:43 zaijinyang 阅读(1044) 评论(0) 推荐(0)
node+mysql+vue+express项目搭建
摘要：第一步：项目搭建之前首先需要安装node环境和MySQL数据库。 在已经完成上述的条件下开始进行以下操作： npm install @vue/cli -g (-g 代表全局安装) 初始化项目 vue create projectName (项目名) （检测是否安装成功过程省略） 剩下的配置根据自己需 阅读全文
posted @ 2019-12-11 17:11 zaijinyang 阅读(1834) 评论(0) 推荐(0)
js(es6)数组去重
摘要：// 利用set、reduce、filter去重 // Set function getSetArr(arr) { return [...new Set(arr)] } console.log(getSetArr([1, 2, 3, 1, 3])) // [1, 2, 3] // reduce fu 阅读全文
posted @ 2019-12-10 17:22 zaijinyang 阅读(3014) 评论(0) 推荐(0)
Vue项目中遇到的问题汇总
摘要：一、打包后的打开index.html页面空白的几种情况： 引入的css、js路径报错，此时解决方法：把vue.config.js中的增加publicPath: ‘./’ 或者把原来的baseUrl改为publicPath，在vue-cli3.3以上废弃了baseUrl，更改为publicPath. 阅读全文
posted @ 2019-12-09 17:08 zaijinyang 阅读(494) 评论(0) 推荐(0)
js编写日历的思路
摘要：首先写出一个日历我们需要考虑以下2个问题: 每个月的总天数 每个月的第一天周几 这里提供了一个判断平年闰年2月份天数的方法: function leapYear(year) { return (year%100==0?res=(year%400==0?1:0):res=(year%4==0?1:0) 阅读全文
posted @ 2019-12-09 10:49 zaijinyang 阅读(1322) 评论(2) 推荐(0)
div水平垂直居中
摘要：第一种： 使用绝对定位，确定div的宽高，margin分别为div宽高的一半负值（父级相对定位） 代码： div { width: 400px; height: 400px; background: blue; position: absolute; left: 50%; top: 50%; mar 阅读全文
posted @ 2019-12-03 16:06 zaijinyang 阅读(193) 评论(0) 推荐(0)
时间戳转换为特定的时间格式
摘要：如果在项目中我们拿到时间戳，但是我们一般希望得到自己想要的时间格式，如下： function formatDate(timestamp, separator) { if (!separator) { separator = '-' } const date = new Date(timestamp) 阅读全文
posted @ 2019-12-03 10:15 zaijinyang 阅读(888) 评论(0) 推荐(0)
vue导出Excel文件
摘要：1、需要安装file-saver和script-loader、xlsx npm install file-saver / yarn add file-saver npm install script-loader / yarn add script-loader npm install xlsx / 阅读全文
posted @ 2019-12-02 17:13 zaijinyang 阅读(1416) 评论(0) 推荐(0)
Git常用的命令
摘要：Git初始化: git config --global user.name 'username' // 设置用户名 git config --global user.email 'xxx@qq.com' // 设置邮箱 git remote add origin https://github.com 阅读全文
posted @ 2019-12-02 16:16 zaijinyang 阅读(196) 评论(0) 推荐(0)
vue-router 在新窗口打开页面的功能
摘要：Problem：在vue项目中突然接收到一个需要新开页面的功能 通过看了vue-router，实现这个功能也是可以，详情如下： 1.通过<router-link>标签实现新窗口打开 <router-link target="_blank" :to="{ path:'/details', query: 阅读全文
posted @ 2019-12-02 16:01 zaijinyang 阅读(2155) 评论(0) 推荐(0)
vue多页面项目搭建(vue-cli 4.0)
摘要：1、创建vue项目 cmd命令执行 vue create app (app 自定义的项目名) 一般都会选择后者，自己配置一下自己需要的选项（空格为选中） 这是我个人需要的一些选项，路由Router、状态管理Vuex、CSS处理器等（可以根据自己需要进行选择） 这里选择yes（Y） 我这里选用sass 阅读全文
posted @ 2019-12-02 12:35 zaijinyang 阅读(7203) 评论(4) 推荐(1)