Giter Site home page Giter Site logo

yujinjin / fans Goto Github PK

View Code? Open in Web Editor NEW
417.0 22.0 150.0 41.62 MB

这是一个app(android/iOS)项目,但页面视图全部都用的是html5页,没有使用app的原生页面。 前端h5是基于mui + vue2 + vue-router2 + es6 + webpack2 + vuex + signalR 的前端webApp单页项目框架,项目可以直接在PC上运行html5页面。 app打包技术是用HBuilder IDE工具一键打包成APP。

HTML 0.25% Vue 9.02% CSS 21.19% JavaScript 69.55%
vue2 vue-router signalr vuex2 webapp vue2-demo webpack2 es6 mui

fans's People

Contributors

yujinjin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

fans's Issues

大大,最近我毕设打算做一个纯html5的安卓端app,有些问题想请教一下

我前端页面基本完成了(vue + webpack + vux + vue-router),基本后台写写收发数据就可以了,我想问下是要经过两次打包生成apk吗?(先使用webpack进行打包生成最终文件,再使用apk打包工具对webpack生成的静态文件就行打包)
这种静态文件在客户端的形式,需要对路由进行额外的操作吗?(因为我路由基本在前端设置,想用Ajax和后端通讯),但不知道打包后会不会出错。谢谢大大

基座调试

你好,我想问一下,dev模式怎么启动基座调试功能啊。
调用5+接口的代码,只能每次build以后基座调试吗?

打包报错,无法生成build 文件夹

fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
10% building modules 2/2 modules 0 active
Project is running at http://0.0.0.0:8083/
webpack output is served from /./build/
404s will fallback to /index.html 25% building modules 131/144 modules 13 active ...ode_modules/style-loader/addStyles.js(node:50466) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see webpack/loader-utils#56
parseQuery() will be replaced with getOptions() in the next major version of loadHash: 22ecdb8a9d25685f8a0e
Version: webpack 2.7.0
:::::::
ERROR in build.f616bace8f64987da310.js from UglifyJs
Unexpected token: punc (() [build.f616bace8f64987da310.js:1641,9]

关于如何前端实现扫一扫

大大,想请教下项目中实现扫一扫功能是用的什么技术,好像H5 plus+ 网上看了下有兼容性问题。我目前也是用的vue技术栈

楼主这个技术选项,还是蛮复杂的,请您的公司:要买车,是否使用这个开发了app?

(1)
楼主这个技术选项,还是蛮复杂的,请您的公司:要买车,是否使用这个开发了app?

(2)晚上找到了一个vue-cli的demo,还没尝试
https://github.com/4013465w/vue-template-for-hbuilder
相比您这个项目的技术选项,您的这个技术栈 其实还是蛮复杂的。

本人已有很熟练的开发vue2项目的经验,无奈手下的技术还需要在锻炼和培养中。。。
您的这个技术栈 其实还是蛮复杂的。
最后感谢楼主的这个项目 很不错,点赞

我在windows下怎么运行不起来,大神指教

fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"
run........................................
10% building modules 2/2 modules 0 active Project is running at http://0.0.0.0:8083/
webpack output is served from /build/
404s will fallback to /index.html 51% building modules 348/379 modules 31 active ...ns\src\js\lib\jquery.signalR-2.2.1.js(node:71172) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see webpack/loader-utils#56
parseQuery() will be replaced with getOptions() in the next major versio

webpack webpack-dev-server 分别用的哪个版本?

我用的node版本v10.15.1, npm版本v6.4.1
按照配置文件里面webpack的版本执行如下安装命令:
npm install [email protected]
npm i [email protected]
然后,启动npm run R_DEV出下面错。请问大神使用哪个webpack和webpack-dev-server版本能跑起来?webpack的版本之间兼容性实在太差了,大神最好是在文档里面给予明示。
throw new WebpackOptionsValidationError(webpackOptionsValidationErrors);
^
WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configu
ration object that does not match the API schema.

  • configuration has an unknown property 'performance'. These properties are valid:
    object { amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry, externals?, loader
    ?, module?, name?, node?, output?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath
    ?, resolve?, resolveLoader?, stats?, target?, watch?, watchOptions? }
    For typos: please correct them.
    For loader options: webpack 2 no longer allows custom properties in configuration.
    Loaders should be updated to allow passing options via loader options in module.rules.
    Until loaders are updated one can use the LoaderOptionsPlugin to pass these options to the loader:
    plugins: {
    new webpack.LoaderOptionsPlugin({
    // test: /.xxx$/, // may apply this only for some modules
    options: {
    performance: ...
    }
    })
    }
    at webpack (E:\app\fans\node_modules\webpack\lib\webpack.js:16:9)
    at processOptions (E:\app\fans\node_modules\webpack-dev-server\bin\webpack-dev-server.js:310:17)
    at Object. (E:\app\fans\node_modules\webpack-dev-server\bin\webpack-dev-server.js:374:1)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:742:12)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:743:3)

能不能在实际开发中使用

Hbuilder打包单页面应用在实际项目中真的可用么?我测试了感觉体验还是差点啊,动画什么的,尤其是切换有点生硬,大佬这种方法你们有用在实际项目中么?

感谢您的分享,关于打包和在线调试的疑问 盼复

非常感谢您的分享,受益匪浅。
现在build之后生成dist文件夹,然后把dist文件夹里的文件复制到hbuilder项目目录下打包,但此时dist内的文件基本已经不能编辑了,请问怎么能够在hbuilder中在线调试呢,困扰很久,非常感谢~

build打包问题,希望看到回复一下

我从git上拉下来后执行B_DEV生成的是build文件夹里面没有static和index.html,只有js、css文件和fonts、imgs这几个文件夹。请问这种情况也能直接生成app吗?因为我把build文件夹导入到hbuilder上并没有出现manifest.json

打包apk

你好,我用HBuilder将这个项目打包成apk,没有做任何修改,但是安装好后显示白屏.
应该要怎么打包呢?谢谢

运行命令npm run R_DEV 报错

您好,运行命令错误信息如下,请问下是什么原因?thanks!
E:\MUI源码\fans-master>npm run R_DEV

[email protected] R_DEV E:\MUI源码\fans-master
set NODE_RUN=1&&webpack-dev-server --progress --watch --inline --host=127.0.0.
0 --port 8083

'webpack-dev-server' is not recognized as an internal or external command,
operable program or batch file.

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\
node_modules\npm\bin\npm-cli.js" "run" "R_DEV"
npm ERR! node v7.0.0
npm ERR! npm v3.10.8
npm ERR! code ELIFECYCLE
npm ERR! [email protected] R_DEV: set NODE_RUN=1&&webpack-dev-server --progress --watc h --inline --host=127.0.0.0 --port 8083
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] R_DEV script 'set NODE_RUN=1&&webpack-dev-serv
er --progress --watch --inline --host=127.0.0.0 --port 8083'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the Fans package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! set NODE_RUN=1&&webpack-dev-server --progress --watch --inline --ho
st=127.0.0.0 --port 8083
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs Fans
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls Fans
npm ERR! There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to in
stall?

npm ERR! Please include the following file with any support request:
npm ERR!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.