本页 12 篇文章
StarBloghttps://blog.deali.cn/blog/starblog-frontend-4-font-awesome-icons
...且易于识别的视觉元素。 一般做个 demo 项目的话 Font Awesome 都够用了，免费版的图标不多，如果需要更多图标可以去阿里图标库看看，很全，不过图标风格要尽量统一。 本文将介绍如何在 Vue 项目中使用 Font Awesome 图标库。 关于 Font Awesome Font Awesome 是一个开源的图标库，提供了数千个矢量图标，广泛应用于网站、应用程序以及管理界面的开...
StarBloghttps://blog.deali.cn/blog/starblog-frontend-development-2-page-routing
前言 Vue.js 使用虚拟 DOM 处理单页面，然后使用 Webpack 打包。通过上一篇文章的例子，读者也许已经发现，无论语法和写法如何不同，Vue.js 程序打包后都是一个单一的 HTML 文件，同时会引入一个标准的 JavaScript 文件。 Vue.js 中编写的所有代码都被 Webpack 自动打包成可以被浏览器解析的 HTML 和 JavaScript 代码，并且项目本身就只有...
StarBloghttps://blog.deali.cn/blog/starblog-vuex-state-frontend-8
...组件，而非父子组件之间不支持状态传递，所以组件之间的状态共享问题发生了。 之前我写flutter的时候，响应式设计的状态管理给我留下了深刻的印象，当时我用了provider这个库来管理全局状态。然后vue生态里有个vuex，据说借鉴了 Flux、Redux ...
StarBloghttps://blog.deali.cn/blog/starblog-frontend-development-setup
...【基于.NetCore 开发博客项目 StarBlog - (32) 第一期完结】里说到 StarBlog 的 Vue 前端系列已经写好了 本来打算后面再发的，不过最近有点懒没去写新的文章 😂 还是整理一些老文发出来吧~ PS：这个系列的文章最后编辑于 2023 年 6 月 本公众号开通了付费文章的功能，...
StarBloghttps://blog.deali.cn/blog/vue2-int-exceptionless-monitoring
...备工作 在ExceptionLess中创建一个项目，这个懂的都懂，不重复了~ ExceptionLess提供了好几种模式，有Node.js、也有浏览器应用，这里我选的是浏览器应用。 官方还有关于Vue的例子，不过是vue3.x版本的，因为我们目前还在用vue2.x，所以只能自己基于浏览器应用的SDK封装一个来用~ 安装ExceptionLess客户端 使用yarn安装客户端 b...
StarBloghttps://blog.deali.cn/blog/starblog-frontend-5-axios-encapsulation
...，我们后续需要用来发送HTTP请求，先来记录一下axios的安装和使用。 安装命令 bash yarn add axios 写代码 修改一下src/views/Home.vue 首先布局改一下，添加一个按钮用来触发网络请求逻辑 vue <template> <div class="page"> <h2>Home Page</h2> <el-a...
StarBloghttps://blog.deali.cn/blog/starblog-frontend-dev-7-main-page
....59ecae2.webp) 开始写代码 主页面的内容已经比较复杂了，全部写在一个文件内不现实 我们来分解一下 根据这个布局，页面可以分为头部、主体、左侧导航栏三部分 所以我来新建三个vue页面 HeaderBar.vue Navbar.vue MainContent.vue 完成之后目录结构如下 bash views ├── 404.vue ├── Header...
StarBloghttps://blog.deali.cn/blog/simple-alpinejs-abandon-webpack
...o template 这种后端渲染的开发方式是很方便的，不过有时候又需要在页面上做一些交互，老一点的项目会选择 jQuery，不过现在都停止维护了，我自然不可能选择这个；我用的比较多的是在页面里引入 vue.js 来做简单的交互，可以在一定程度上代替 jQuery，后面甚至还引入了 react，直接写 jsx，不过没有 webpack，直接引入 babel 来渲染，性能有点差。 参考：在 HTML 中...
StarBloghttps://blog.deali.cn/blog/django-vuejs-template-conflict-solution
问题 django模板与vue.js的变量都是使用 {{ 和 }} 包裹起来的，在渲染django模板时会先替代掉所有的 {{ 和 }}及被包裹在其中的内容，使得vue.js没办法用 {{ 和 }}来绑定变量。 解决方法 方法1：修改vue.js的默认的绑定符号 在Vue App创建时配置 js let app = new Vue({ de...
StarBloghttps://blog.deali.cn/blog/starblog-development-frontend
markdown编辑器 v-md-editor，http://ckang1229.gitee.io/vue-markdown-editor/zh/ 在我的项目里最大化有问题，后面我自己搭配vuex实现了 优点是界面比较好，TOC可以放在左边 其他尝试 vue-element-admin整合的markdown编辑器：https://panjiachen.github.io/vu...
StarBloghttps://blog.deali.cn/blog/zhe-dashi-suggestions-frontend
...档不是很友好，https://reactjs.org，而且需要科学上网 推荐bootstrap的翻译，只比官文旧一点，而且不用科学上网，https://react.bootcss.com Vue 同为轻量级框架，但它的写法比react更传统 作者是个国人，目前在 Google Creative Lab 就职 作为2016最火的框架，出生较晚，吸收了许多框架的优点 像reac...
StarBloghttps://blog.deali.cn/blog/starblog-frontend-3-sass-scss
...lopment workflows. 所以安装命令如下： bash yarn add sass --dev yarn add sass-loader@7.1.0 --dev 注意 Vue2 使用的 webpack 版本是 3.6.0，所以这里的 sass-loader 必须使用 7.1.0 版本 （我被 TypeError: this.getOptions is not a ...