在写文章时,常常有配图说明的需求。 本地引用绝对路径当Hexo项目中只用到少量图片时,可以将图片统一放在source/images文件夹中,通过markdown语法访问它们。 source/images/image.jpg![](/images/image.jpg) 图片既可以在首页内容中访问到, ...
Hexo博客NexT主题美化之顶部加载进度条
1.转到NexT目录cd themes/next 2.获取模块git clone https://github.com/theme-next/theme-next-pace source/lib/pace 3.设置在NexT _config.yml文件中启用模块并选择您的主题: pace: e ...
(七):Vue.js - 使用mui的tab-top-webview-main完成分类滑动栏
使用mui的tab-top-webview-main完成分类滑动栏兼容问题 和 App.vue 中的 router-link 身上的类名 mui-tab-item 存在兼容性问题,导致tab栏失效,可以把mui-tab-item改名为mui-tab-item1,并复制相关的类样式,来解决这个问题; ...
(六):Vue.js - 配置.vue组件
注意:有时候使用npm i node-sass -D装不上,这时候,就必须使用 cnpm i node-sass -D 在普通页面中使用render函数渲染组件在webpack中配置.vue组件页面的解析 运行cnpm i vue -S将vue安装为运行依赖; 运行cnpm i vue-loade ...
(五):Vue.js - Webpack
在网页中会引用哪些常见的静态资源? JS .js .jsx .coffee .ts(TypeScript 类 C# 语言) CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字体文件(Fo ...
(四):Vue.js - 路由
父组件向子组件传值 组件实例定义方式,注意:一定要使用props属性来定义父组件传递过来的数据 <script> // 创建 Vue 实例,得到 ViewModel var vm = new Vue({ el: '#app', data: ...
(三):Vue.js - Vue组件
定义Vue组件什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可;组件化和模块化的不同: 模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一; 组件化: 是 ...
(二):Vue.js - 品牌管理案例
品牌管理案例添加新品牌删除品牌根据条件筛选品牌 1.x 版本中的filterBy指令,在2.x中已经被废除: filterBy - 指令 <tr v-for="item in list | filterBy searchName in 'name'"> <td>{ ...
(一):Vue.js - Vue 指令
什么是Vue.js Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex) Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为 ...