cnode-vue

授权协议 Readme
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 麹权
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

cnode-vue

基于vue和vue-router构建的cnodejs web网站SPA

所用知识

构建步骤

# 安装依赖
npm install

# 开发模式(localhost:8080/index_dev.html,hot reload)
npm run dev

# 生产模式(JS压缩,webpack)
npm run build

# 生产模式(JS,css压缩,webpack+gulp,常用)
npm run dist

当前版本

v1.1.0

后续计划

  • 优化细节
  • 优化webpack+gulp构建过程
  • 学习利用vuex做状态管理,利用vue-resource获取数据
  • 开发移动端vue SPA

Log

  • todo 数据获取采用vue-resource,尝试服务端渲染,动态更新组件

  • 2016-10-29 新增vuex进行用户登录状态管理,组件切换添加过渡效果,v1.1

  • 2016-10-21 新增webpack+gulp打包构建,v1.0

  • 2016-10-17 实现评论及新建话题功能

  • 2016-10-15 结合element-ui进行组件开发

  • 2016-10-12 项目文件结构确定

说明

node_modules目录纯粹为公司网不好,懒得install,可无视之,自行install

  • 正常在开发的项目,突然编译报错,启动不了了 报错: error E:/xxx/xxx/node_modules/node-sass: Command failed. node版本14.18.0 和 node-sass版本4.14.1 是匹配的,所以排除了版本不匹配的原因(正常进行中的项目,之前都是好的,版本不匹配的情况基本上不存在) 所以初步怀疑是node-sass安装失败,最近淘宝的npm镜像切

  • 目前项目还未使用vite 以及vue3 。 计划下一个新的项目就是用,提前做个示例demo,根据以往的项目所需要的配置,搭建vite+vue3 代码架构; 项目从vite开始安装搭建配置,也可使用官方的脚手架,使用vue模板创建项目。 npm install vite vite搭建项目 vite 安装后,根目录下创建配置文件vite.config.js,默认加载此配置文件 可以通过命令vite -

  • 一、概述 lavas是百度出品的基于 Vue.js 的 PWA 解决方案。 使用lavas解决方案对 cnode社区webapp项目hybridApp版进行重构,搭建一个PWA应用。使用cnodeJs社区 提供的api获取数据。 架构:lavas + vant-ui 项目地址:cnode-webapp 预览 二、安装lavas cnpm install lavas -g 三、使用lavas脚手架

  • 效果实现思路及过程: 通过vuex调用CNdoe接口, 通过Tap切换来实现跳转 通过dayjs插件是现实事件 获取屏幕可视区实现回到顶部 效果代码实现:  vuex代码实现思路: 我们通过async和await异步获取数据,然后进行赋值,接口文档https://cnodejs.org/api import Vue from 'vue' import Vuex from 'vuex' import

  • 一、前端拖拽实现-数据库的静态标签信息未更改 增加节点拖拽功能即实现通过拖拽节点从而改变父子关系和层级结构的功能。只需要给el-tree添加属性draggable就可以拖拽节点,但会出现超出设置的三层菜单的层级限制,需要额外添加属性**:allow-drap=“allowDrop”,并在method中定义方法allowDrop(draggingNode,dropNode,type),其中dragg

 相关资料
  • Weex-CNODE 是 Weex 开发 App 版本的 CNODE 社区。 注意的点 行内样式的px与class类中的px在weex中的表现不一样,建议使用class来处理样式 标签一定要使用weex自带的组件,因为常用的html属性不支持跨平台 运行 编译代码 npm run build 启动serve npm run serve 浏览器访问http://localhost/web/#/ind

  • nest-cnode Description This is using the Nestjs imitation Cnode. Installation Currently runs with: nodejs v8.11.1 mongodb v3.4.1 redis v3.2.1 nestjs v6.11.11 With this sample, you can : Understand bas

  • isomorphic-redux-forum About 基于React->Node->Mongo技术栈的类CNode社区同构单页Web应用,关于此项目开发过程中的经验总结移步我的技术博客相关文章:使用React SSR构建Isomorphic应用 用到的技术栈 React 构建Web组件 React-router 客户端路由及ssr路由 redux 管理应用state react服务端渲染 实现

  • CNode Material Design CNode 社区第三方 Android 客户端,原生 App,Material Design 风格,支持夜间模式。 Downloads Google Play FIR.im 360手机助手 应用宝 魅族应用商店 小米应用商店 豌豆荚 酷安 Screenshots Dependencies Butter Knife Glide Gson Joda-Time

  • 本文向大家介绍Vue2.x通用编辑组件的封装及应用详解,包括了Vue2.x通用编辑组件的封装及应用详解的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Vue2.x通用编辑组件的封装及应用,供大家参考,具体内容如下 效果   组件源码 父组件中引用 注:组件源码中import '@/common/font/iconfont.css'目的是为了引入编辑图标,图标使用于iconfont官网

  • 本文向大家介绍Vue实现搜索结果高亮显示关键字,包括了Vue实现搜索结果高亮显示关键字的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Vue实现搜索结果高亮显示关键字的具体代码,供大家参考,具体内容如下 1. 需要解决的问题 父组件将搜索的字段传到子组件 子组件接受数据,正则匹配,并替换字段 2. 具体代码 父组件代码 子组件代码 以上就是本文的全部内容,希望对大家的学习有所帮助,也