vue press 美化

VuePress博客美化之reco主题

vuepress博客主题-vuepress-theme-reco是一款简洁而优雅的 vuepress博客&文档主题.它既可以成为简洁而又不失美观的主题,又可以书写你的项目文档,看起来更有逼格. 主题官方介绍: 这是一个vuepress主题,旨在添加博客所需的分类.TAB墙.分页.评论等能: 主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用: 效果:午后南杂文档:vuepress-theme-reco-doc 如果没有接触过VuePress,这里有一篇指北: 如何

Vue开发工具VS Code与调试

vscode安装进入vscode官网(https://code.visualstudio.com/Download)vscode插件安装进入vscode官网插件商店(https://marketplace.visualstudio.com/VSCode) 安装Vetur插件,点击install,会启动vscodevue相关插件vetur 语法高亮.智能感知VueHelper vue代码碎片Vue 2 Snippets vue2代码碎片 wpy-beautify vue页面美化快捷键所有

Spring boot admin 节点状态一直为DOWN的排查

项目中需要监控各个微服务节点的健康状态,找到了spring boot admin这个全家桶监控工具,它其实是Vue.js美化过的Spring Boot Actuator,官方的解释是: codecentric's Spring Boot Admin is a community project to manage and monitor your Spring Boot ® applications. The applications register with our Spring Boot

sublime text3 常用配置

. 打开Preferences菜单,并选择 Browse Packages… . 系统会打开Sublime Text 的Packages文件夹,回到上一级菜单,然后打开Installed Packages文件夹 . 下载并将下载的Package Control.sublime-package拷贝到Installed Packages文件夹(注意此处是Installed Packages,不是Packages文件夹) . 重启Sublime Text perferences>package con

前端Vscode常用插件概述

以下是我自己在工作中常用的插件,写给刚入门的前端coder.VSCode插件商店中实用的插件还是很多的,大家也可以对感兴趣的插件下载下来尝试一下的! 持续更新插件名称概述作用常用默认快捷键 Chinese (Simplified) Language Pack for Visual Studio Code 汉化中文包 VSCode汉化包,安装重启后就界面就是简体中文了无 Live Server 本地动态服务相当于一个本地服务器.开启本地HTTP服务,代码保存后,网页实时更新,比open

vue中单选框与多选框的实现与美化

我们在做一些页面时,可能会用到很多的单选框和复选框,但是原生的radio和checkbox前面的原型图标或方框样式不尽人意.于是,决定自己来实现单选框和复选框.我用的是vue,所以就用vue的方式实现单选和复选框. 下面来看一下单选框的实现: template  <span class="selfRadio" @click="clickRadio(1)"> <span class="selfRadioI

Vue.js 桌面端自定义滚动条组件|vue美化滚动条VScroll

基于vue.js开发的小巧PC端自定义滚动条组件VScroll. 前段时间有给大家分享一个vue桌面端弹框组件,今天再分享最近开发的一个vue pc端自定义滚动条组件. vscroll 一款基于vue2.x开发的网页端轻量级超小巧自定义美化滚动条组件.支持是否原生滚动条.鼠标移出是否自动隐藏.自定义滚动条尺寸及颜色等功能. 组件在设计开发之初借鉴了 el-scrollbar 及 vuebar 等组件设计思想. 通过简单的标签写法 <v-scroll>...</v-scroll>

从Nodejs脚本到vue首页看开源始末的DemoHouse

最近上Github看见了大漠的DemoHouse项目,看到Issues说准备做一个首页,于是我的第一想法就是做一个md列表页面,md文件可以很容易的生成一个html文件.刚刚做好脚本文件,可以生成list.md.随后提了pr.同时看到 @jerexyz 使用gulp构建工具做好了一个生成index.html的工具,我也就暂时放弃了继续后面的工作,还好没做,继续做的话生成出来的也比较粗糙,还得再继续美化修改.想象一下,如果这时我新收集了一个Demo,准备提交版本库,我是不是还得先执行一下命令 no

qt 5 界面美化

大家都知道,用UI做起界面来非常方便,但是如果我们不熟练他的操作的话,做起来也会有不少布局的麻烦, 所以,我打算写一篇文章来记录自己参考大牛用代码写界面的文章,感谢百度,感谢各位QT大牛的帮助. 所谓代码布局,无非用到的是qss样式表,它与css样式表的语法形式差不多,下面废话不多说,直接进入正题. 由于,QT自带的窗口,不是那么美观,所以我之前写过一篇,制作无边框界面,但是没有涉及到美化,具体参考 http://www.cnblogs.com/Ten10/p/Ten16.html,然后发现,无

Vue.js的从入门到放弃进击录（二）

哇塞,昨晚更新的篇(一)这么多阅读量,看来入坑的人越来越多啦~熬了一个礼拜夜,今天终于生病惹~国庆要肥家咯·所以把篇(二)也更完.希望各位入坑的小伙伴能少跳几个坑呗.如果有什么不对的地方也欢迎讨论指正.毕竟这些博客我是留着以后翻身成大佬以后留给我的小弟们用的,哈哈哈~ =======================================================比哈特~=================================================== 惯例惯例

Vue源码后记-vFor列表渲染（1）

钩子函数比较简单,没有什么意思,这一节搞点大事情 => 源码中v-for的渲染过程. vue的内置指令包含了v-html.v-if.v-once.v-bind.v-on.v-show等,先从一个入手,其余的也就那么回事. 案例模板依照之前的,但是多加了一个v-for指令,如下所示: <body> <div id='app'> <a href="#" v-for="item in items">{{item}}</a&g

前端开发：如何写一手漂亮的 Vue

前几日听到一句生猛与激励并存,可怕与尴尬同在,最无奈也无解的话:"90后,你的中年危机已经杀到".这令我很受触动.显然,这有些夸张了,但就目前这日复一日的庸碌下去,眨眼的功夫,那情形就会在这骨感的现实面前,悄然的被显现.所以,越发体验到,当必要有计划的去做,去写,去玩,去嗨,利用好这荷尔蒙分泌还算旺盛的时光,去厚积去博取,去发现去折腾:让自己的生命不在仅是工作与惆怅,还有时间分与"诗和远方".不用分析,就知道这该如何去做,高效去完成工作,然后去学着优雅地生而活.目前

借助 Vue 来构建单页面应用

原文: https://github.com/MeCKodo/vue-tutorial 主题 Vue.js (1/2)Vue构建单页应用最佳实战前言我们将会选择使用一些vue周边的库 1.使用node.js后台,了解到如何获取数据 2.实现单页路由 3.实现HTTP请求我们的node 4.单项数据流 5.使用.vue文件进行开发最终我们将会构建出一个小demo,不废话,直接上图. 安装 1.我们将会使用webpack去为我们的模块打包,预处理,热加载.如果你对webpack不熟悉,它就是可

一个Java程序猿眼中的前后端分离以及Vue.js入门

松哥的书里边,其实有涉及到 Vue,但是并没有详细说过,原因很简单,Vue 的资料都是中文的,把 Vue.js 官网的资料从头到尾浏览一遍该懂的基本就懂了,个人感觉这个是最好的 Vue.js 学习资料 ,因此在我的书里边就没有多说.但是最近总结小伙伴遇到的问题,感觉很多人对前后端分离开发还是两眼一抹黑,所以今天松哥想和大家聊一下前后端分离以及 Vue.js 的一点事,算是一个简单的入门科普吧. 前后端不分后端模板:Jsp.FreeMarker.Velocity 前端模板:Thymeleaf 前

.net MVC +EF+VUE做回合制游戏（一）

刚毕业的新人,工作的时候试过用.net 框架,但是我发现写的前端代码都非常多,要写很多很多的原生,然后最近在看vue.js觉得还不错,可以减少前端很多dom操作. 至于做的东西我是想做一个游戏,一个回合制类的游戏,想着就是前端点技能然后传回后端计算,然后利用VUE直接修改数据来达到血条的变化之类的.毕竟大学就是冲着做游戏去的.后来发现好像做游戏都是用引擎,但是毕竟学都学了.net,就想尝试一下. 并没有完成,才做完用户和角色创建页面.下面贴代码前端代码 <div id="all"

[Vue] karme/jasmine/webpack/vue搭建测试环境

karma 和 jasmine karma 是 google 开源的一个基于 Node.js 的 JavaScript 前端测试运行框架,前身叫 Testacular. jasmine 是一个 javascript 测试框架 mocha 是一个 javascript 测试框架 chai 是一个断言库一般组合是 karma + jasmine(自带断言库) 或者 karma + mocha +chai ,使用哪种看心情就好.这里用 karma + jasmine 安装依赖 karma-cli 用

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十一║Vue实战：开发环境搭建【详细版】

缘起哈喽大家好,兜兜转转终于来到了Vue实战环节,前边的 6 篇关于Vue基础文章我刚刚简单看了看,感觉写的还是不行呀,不是很系统,所以大家可能看上去比较累,还是得抽时间去润润色,修改修改语句和样式,至少也得对得住粉丝哈,应该给博客园官方提个小建议,要是能允许好友或者其他人修改文章的功能就好了,比如百科和Wiki 那种就挺好哈哈,今天呢,终于到了安装环境的一章了,网上的栗子和文档也是很多,本来打算跳过这一章节,但是想想,本系列还是需要这一块来完善的,这才是整体教程嘛,好啦,废话不多说,准备好电

Vue基础（环境配置、内部指令、全局API、选项、内置组件）

1.环境配置安装VsCode 安装包管理工具:直接下载 NodeJS 进行安装即可,NodeJS自带 Npm 包管理工具,下载地址:https://nodejs.org/en/download/安装完成后在命令行执行以下命令查看npm包管理器版本 npm -v npm中文文档:https://www.npmjs.cn/ 配置淘宝镜像 npm install cnpm -g --registry=https://registry.npm.taobao.org 然后执行 cnpm -v 查看版本信

浅入深出Vue：前言

浅入深出Vue系列文章之前大部分是在做后端,后来出于某些原因开始接触Vue.深感前端变化之大,各种工具.框架令人眼花缭乱.不过正是这些变化,让前端开发更灵活. 博主在刚开始时,参考官网的各个步骤以及网上的博客.搭个环境,跑起来demo都费了大半天的劲. 本系列文章的初衷: 迅速的搭建起环境,不在环境.工具等其他因素上占用太多时间 Vue框架由浅入深的理解部分知识点,能快速上手Vue并将其实践至项目中由粗糙到精致,一步步优化代码,了解并使用一部分关于代码整洁.优化的知识同时也是若羽对所学知识

Vue 随机分配的打扫卫生H5 ：打扫让我快乐

情况是这样子的,每周四是我们小组打扫卫生,一共有四件活,7个人分配. 活分别是 : 扫地拖地倒垃圾擦桌子人分别是: '军', '春', '龙', '东', '贤', '磊','卿' 但是,每次打扫卫生都有人不动手,每次都是我拖地..所以跟小组长提出,随机分配. #需求: 每个人随机选择自己的工作按数组排列 7个人打乱顺序显示到页面即可有请假需要点一下变成问号不影响随机排序 #需要的方法 vue 随机打乱数组循环20次跑马灯的感觉 #美化样式背景,标题, 目前页面初始和点

基于vue cli 3.0创建前端项目并安装cube-ui

前提条件: 安装node.js. 国内的开发者最好先配置淘宝镜像. 之后用cnpm来代替npm命令. 项目创建过程: 打开cmd,输入命令进入目标工作空间,以本机项目为例: cd /d d: cd D:\workplace 输入全局安装vuecli的命令:cnpm install -g @vue/cli 输入检查vue版本的命令:vue --version 如果版本为3.0+,则继续. 输入创建项目的命令:vue create vue-sell-cube 会看到 ? Your connectio

巴特西