2020年1月10日
javascript实现一个粒子动效的按钮
摘要： html： <button>Button</button> css： button { min-width: 100px; max-width: 150px; min-height: 40px; border: 0; outline: 0; color: white; background: #ee 阅读全文
posted @ 2020-01-10 16:03 zaijinyang 阅读(443) 评论(0) 推荐(0) 编辑
CSS实现一个粒子动效的按钮
摘要： html： <button class="button">Button</button> css： .button { display: inline-block; padding: 1em 2em; background-color: #ff0081; color: #fff; border-ra 阅读全文
posted @ 2020-01-10 15:39 zaijinyang 阅读(456) 评论(0) 推荐(1) 编辑
一些js精简的技巧
摘要： 1、过滤唯一值： const arr = [1, 1, 2, 3, 5, 5, 1] const uniqueArr = [...new Set(arr)] console.log(uniqueArr) // [1,2,3,5] 其中的Set为es6新增属性 2、与或运算： 其实与或运算的精简之处就 阅读全文
posted @ 2020-01-10 14:52 zaijinyang 阅读(401) 评论(0) 推荐(0) 编辑
Support for the experimental syntax 'dynamicImport' isn't currently enabled
摘要： 在我的vue项目中出现了如图所示的问题: 但是在之前的项目从未遇到过，于是百度了许多，网上介绍的都是intsall @babel/plugin-syntax-dynamic-import 并且在..babelrc中引入的方法，但是在vueCli3.0之后的版本根本不存在这个文件，其实它是变成了bab 阅读全文
posted @ 2020-01-10 09:45 zaijinyang 阅读(1762) 评论(0) 推荐(0) 编辑
2020年1月9日
使用vue-baidu-map解析geojson
摘要： 这是后台给我的gejson: {"type":"FeatureCollection","features":[{"type":"Feature","properties":{},"geometry":{"type":"LineString","coordinates":[[[31.148260581 阅读全文
posted @ 2020-01-09 16:53 zaijinyang 阅读(2541) 评论(1) 推荐(1) 编辑
vue-router mode 'history' 模式 nginx配置
摘要： server { listen 80; server_name localhost; index index.html index.htm; root /xxx/xxx; location / { try_files $uri $uri/ /index.html =404; } } 阅读全文
posted @ 2020-01-09 16:44 zaijinyang 阅读(1299) 评论(0) 推荐(0) 编辑
2020年1月2日
vue-router报错Uncaught (in promise)及解决方法
摘要： 1、报错原因： 在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught (in promise)的问题，在3.1.0版本里面新增功能：push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常。 2、解决方法： a、在调用方法的 阅读全文
posted @ 2020-01-02 09:17 zaijinyang 阅读(8122) 评论(0) 推荐(0) 编辑
2019年12月20日
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 阅读(193) 评论(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 阅读(2521) 评论(0) 推荐(0) 编辑
2019年12月16日
使用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 阅读(364) 评论(0) 推荐(0) 编辑
2019年12月13日
使用sequelize对数据库进行增删改查
摘要： 由于本人对于命令比较执着，所以基本都是在命令下操作的，喜欢使用命令的可以使用Cmder，需要安装、配置的可以参考这篇文章： https://www.cnblogs.com/ziyoublog/p/10416684.html 首先我们需要在自己的文件夹下运行一下cmd npm init -y （-y） 阅读全文
posted @ 2019-12-13 12:18 zaijinyang 阅读(4144) 评论(0) 推荐(0) 编辑
2019年12月12日
vue项目在ie中空白问题
摘要： vue项目在ie浏览器中出现空白，f12打开后发现在body下面就只有一个div盒子，因此我们可以猜测就是js没有引入导致的，所有网上看了一些相关的才知道，在ie中无法解析es6或者版本更高的语法，所以需要一个解析的js去把es6，es7语法转换为es5语法。 首先安装 babel-polyfill 阅读全文
posted @ 2019-12-12 16:43 zaijinyang 阅读(1021) 评论(0) 推荐(0) 编辑
2019年12月11日
node+mysql+vue+express项目搭建
摘要： 第一步：项目搭建之前首先需要安装node环境和MySQL数据库。 在已经完成上述的条件下开始进行以下操作： npm install @vue/cli -g (-g 代表全局安装) 初始化项目 vue create projectName (项目名) （检测是否安装成功过程省略） 剩下的配置根据自己需 阅读全文
posted @ 2019-12-11 17:11 zaijinyang 阅读(1759) 评论(0) 推荐(0) 编辑
2019年12月10日
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 阅读(2998) 评论(0) 推荐(0) 编辑
2019年12月9日
Vue项目中遇到的问题汇总
摘要： 一、打包后的打开index.html页面空白的几种情况： 引入的css、js路径报错，此时解决方法：把vue.config.js中的增加publicPath: ‘./’ 或者把原来的baseUrl改为publicPath，在vue-cli3.3以上废弃了baseUrl，更改为publicPath. 阅读全文
posted @ 2019-12-09 17:08 zaijinyang 阅读(476) 评论(0) 推荐(0) 编辑