有志者事竟成。

2021年6月18日

仅用CSS几步实现赛博朋克2077风格视觉效果

摘要： 仅用CSS几步实现赛博朋克2077风格视觉效果 背景 文章开始之前先简单了解下什么是 赛博朋克，以及什么是 赛博朋克2077。 赛博朋克（Cyberpunk）是“控制论、神经机械学”与“朋克”的结合词，背景大都建立于“低端生活与高等科技的结合”，拥有先进的科学技术，再以一定程度崩坏的社会结构做对比； 阅读全文

posted @ 2021-06-18 10:45 阿长*长 阅读(306) 评论(0) 推荐(0)

vue常用方法封装收集

摘要： // 格式化时间 export function formateTime(date) { var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? "0" + m : m; var d = date.getDate() 阅读全文

posted @ 2021-06-18 09:51 阿长*长 阅读(173) 评论(0) 推荐(0)

HTML5实战—canvas绘图之贝塞尔曲线

摘要： 1、二次贝塞尔曲线 quadraticCurveTo(cpx,cpy,x,y) //cpx，cpy表示控制点的坐标, x，y表示终点坐标； 数学公式表示如下： 二次方贝兹曲线的路径由给定点P0、P1、P2的函数B（t）追踪： 代码实例： <!DOCTYPE html> <html> <head> < 阅读全文

posted @ 2021-06-18 09:48 阿长*长 阅读(456) 评论(0) 推荐(0)

VUE同级组件之前方法调用

摘要： 实现：Index.vue页面调用nav.vue页面里的getLeftMenu()方法 一、首先先建一个公共文件，命名eventBus.js,内空为： import Vue from 'vue'export default new Vue() 二、在Index.vue和nav.vue都import一下 阅读全文

posted @ 2021-06-18 09:47 阿长*长 阅读(515) 评论(0) 推荐(0)

手把手教Electron+vue的使用

摘要： .现如今前端框架数不胜数，尤其是angular、vue吸引一大批前端开发者，在这个高新技术快速崛起的时代，自然少不了各种框架的结合使用。接下来是介绍electron+vue的结合使用。 2.Electron是什么？？ 对于我来说Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以 阅读全文

posted @ 2021-06-18 09:46 阿长*长 阅读(5140) 评论(1) 推荐(0)

使用electron-packager electron-builder electron-updater 打包vue项目，支持在线更新

摘要： 1.如何用electron-packager electron-builder打包vue项目，打包成桌面程序。 步骤一、 执行npm run build 打包你的vue项目。 打包成功后，生成dist打包后的文件。 在dist打开命令行， 安装electron-packager electron-b 阅读全文

posted @ 2021-06-18 09:43 阿长*长 阅读(444) 评论(0) 推荐(0)

Echarts 饼图，legend样式美化

摘要： 最后样式图： 实现代码： var myChart = echarts.init(document.getElementById('container')); let option = { /*{b}: {c} ({d}%*/ legend: { orient: 'vertical', icon: " 阅读全文

posted @ 2021-06-18 09:41 阿长*长 阅读(1490) 评论(0) 推荐(0)

vue中export default function 和 export function 的区别

摘要： export default function 和 export function 的区别 // 第一种 export default function crc32() { // 输出 // ... } import crc32 from 'crc32'; // 输入 // 第二组 export f 阅读全文

posted @ 2021-06-18 09:39 阿长*长 阅读(940) 评论(0) 推荐(0)

vue-router重写push方法，解决相同路径跳转报错，解决点击菜单栏打开外部链接

摘要： 修改vue-router的配置文件，默认位置router/index.js import Vue from 'vue' import Router from 'vue-router' /** * 重写路由的push方法 * 解决，相同路由跳转时，报错 * 添加，相同路由跳转时，触发watch (针对 阅读全文

posted @ 2021-06-18 09:33 阿长*长 阅读(659) 评论(0) 推荐(0)

导航