XX Blog

Thinking will not overcome fear but action will.

nuxt实现路由自定义字段

vue超强延伸框架nuxt

nuxt.js 是基于 vue 的扩展框架,非常强大,能极大提高开发效率 特性:ssr,约定式路由 现在来说下如何在约定式路由中,添加自定义字段 GitHub 地址 https://github.com/nuxt-community/router-extras-module 使用 nuxt 官方模块 router-extras-module 可以定义页面的自定义路径 为单个页面定义...

Posted by XX on February 5, 2020

electron中Unable to install `vue-devtools

electron-vue-devtools安装失败解决办法

由于网络的问题，electron运行的时候加载vue-devtools失败。 Unable to install vue-devtools 。从日志里看retry了四次都timeout了。 找了一圈，这个也没有淘宝镜像等国内镜像。不过后来按网上找了个方法，成功加载了最新的版本。 对于开发来讲，好的调试工具太重要了。 先 npm install vue-devtools –save-d...

Posted by XX on January 10, 2020

huskey踩坑记录

git钩子

记一次 Git 提交代码报错 husky > pre-commit git 提交代码之前都是好好的,突然不能提交了 只要提交代码就报错 git -c user.useConfigOnly=true commit –quiet –allow-empty-message –file - husky > pre-commit (node v12.22.1) Config c...

Posted by XX on November 15, 2019

AST学习笔记

你可以接触到的js的最底层

ast概念: 抽象语法树 这里只涉及javaScript JavaScript是一个机器 ==>抽象语法树变为这个机器的图纸和零件 什么时候会用到? 写出vue、react之类的大型框架，或类似webpack、vue-cli前端自动化的工具，或者有批量修改源码的工程需求，那你必须懂得AST。AST的能力十分强大，且能帮你真正吃透javascript的语言精髓。 ast对象文档...

Posted by XX on November 15, 2019

git常用指令

必备快捷键

关于git的常用操作 简单的代码提交流程 1、git status 查看工作区代码相对于暂存区的差别 2、git add . 将当前目录下修改的所有代码从工作区添加到暂存区 . 代表当前目录 3、git commit -m ‘注释’ 将缓存区内容添加到本地仓库 4、git push origin master 将本地版本库推送到远程服务器， 5、origin是远程主机，master表示是远程...

Posted by XX on October 9, 2019

前端常用工具集

必备快捷键

强烈推荐 utools,一个非常棒的生产力工具,可以极大提高生产效率 utools 支持一键唤起,支持常用的各种插件,比如翻译,搜索本地文件,正则,取色等前端常用工具 fq 软件 v2ray 邮箱软件: foxmail markdown: typora 脑图: zhimap 日历: 云日历 截图录屏: fscapture 或者utools 如何配置 VSCODE eslint,...

Posted by XX on September 20, 2019

css的艺术

用户体验篇

web前端优化有很多技术层面,本文主要总结在web开发过程中,如何在css层面优化用户体验,需要注意的是,css的优化效果往往是立竿见影的. 1.选用合适的鼠标光标 难题 鼠标指针的用途不仅在于显示鼠标在屏幕上的位置，还可以告诉用户当前可以执行什么动作。这在桌面应用程序中是十分普遍的用户体验实践，但在网页应用中却往往被忽视。 解决方案 提示禁用状态 这...

Posted by XX on August 30, 2019

css的艺术

结构与布局篇

通常实现一种UI效果,有很多种方式,如何用更简单得代码,更易维护的方式,更好的兼容性来实现,是本文探讨的核心. 1.弹性布局的简单封装 优势:兼容性极好,布局精准,布局元素不会消失在正常的文档流(相对于float布局,absolute布局) 流行的UI框架(例booststrap,elementUI),都会有layout布局,对于页面整体布局帮助很大,使用也很方便,但当具体到元素中的布...

Posted by XX on August 14, 2019

FEATURED TAGS
CSS 前端 ts vue
ABOUT ME

Goals determine what you going to be!

✉️ yuanxiongfeng.web@foxmail.com

FRIENDS