Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Commit 680b2ad

Browse filesBrowse files
committed
完善英文描述
1 parent 82d7c2b commit 680b2ad
Copy full SHA for 680b2ad

File tree

Expand file treeCollapse file tree

1 file changed

+35
-32
lines changed
Filter options
Expand file treeCollapse file tree

1 file changed

+35
-32
lines changed

‎README.md

Copy file name to clipboardExpand all lines: README.md
+35-32Lines changed: 35 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -14,36 +14,37 @@
1414

1515
Use Vue.js to develop a cross-platform full stack application of [Objc china](https://objccn.io/).
1616

17-
- [x] ✅ Desktop applications, support Mac, Linux, Windows three platforms
18-
- [x] ✅ Web applications, support for desktop browsers and mobile browsers
19-
- [x] ✅ Mobile App, currently only supports the Cordova framework, support iOS、Android、Windows Phone、BlackBerry four platforms
20-
- [ ] ❌ Mobile phone native App, intended to use Weex framework, the same support for both iOS and Android platform
17+
- [x] ✅ Desktop application available for three platforms, Mac, Linux and Windows
18+
- [x] ✅ Web application supports desktop browsers and mobile browsers
19+
- [x] ✅ Mobile App which uses the Cordova framework, supports iOS、Android、Windows Phone and BlackBerry platforms
20+
- [ ]Native Mobile App, which can use Weex framework to support both iOS and Android
2121

22-
> Note: This project is purely just for fun, please support [喵神(@onevcat)](https://github.com/onevcat), support [Objc china](https://objccn.io/).
22+
> Note: This project is just a bit of fun and purely for learning purposes, please support [喵神(@onevcat)](https://github.com/onevcat) and [Objc china](https://objccn.io/).
2323
24-
> [中文介绍 chinese introduction](./README_CN.md)
24+
25+
> [Chinese introduction](./README_CN.md)
2526
2627
## Preface
2728

2829
### 1. About me
2930

30-
I am a full-time iOS developer, non-front-end developer. Due to contact with Weex development, thereby came into contact with the `Vue.js`.
31+
I'm a full-time iOS developer, not a front-end developer. Due to take part in Weex development, I get to know the `Vue.js`.
3132

3233
### 2. Why write this project?
3334

34-
1. At the beginning of this idea is from a netizen, he asked me in my blog, the Internet has not a better Weex demo? I said that [@EVAN YOU](http://evanyou.me/)’s Hacker News is the best. Later netizen say, the bloggers can write one? I did not answer at the time. In fact, this thing I have always remember in my heart.
35+
1. The motivation to write this project is from an e-pal, he left a message on my blog - was there a better Weex demo? I recommended [@EVAN YOU](http://evanyou.me/)’s Hacker News. Later he supposed me to make one. I refused but kept it in mind.
3536

36-
2. May 19 this year, GitHub use Electron rewrite the macOS and Windows client, coupled with the recent year development of cross-platform getting hotter, for some companies, the Web and app should be needed, app Also need iOS and Android two platforms, and even those who have to develop Weixin mini programs, desktop applications(despite a few), but with the same can be developed with the Electron. I also initiation of the idea of want to be eager.
37+
2. On May 19 this year, GitHub used Electron rewrite the macOS and Windows client, coupled with the recent year development of cross-platform getting hotter, to some companies, Web and app are all needed, app also need support iOS and Android two platforms, and more they develop Weixin mini programs. Although desktop applications are a few, Electron can develop them all. I'm going to have a try.
3738

3839
3. As a result of the contact to the Vue.js, of course, do not want to stay in the primary, would like to advanced, [@EVAN YOU](http://evanyou.me/) especially given the recommendations, is more practice, more practice. In order to speed up the pace of progress, I own private to find the project for practicing.
3940

40-
4. As for why to choose Objc China, the reason is actually very simple, because I am an iOS developer. In iOS developers, Objc is basically well known (do not know?), [喵神(@onevcat)](https://github.com/onevcat) is basically well known, I personally worship [喵神(@onevcat)](https://github.com/onevcat), so I chose Objc China to write.
41+
4. Why choose Objc China, the reason is typically simple - I am an iOS developer. To iOS developers, Objc is basically well known, [喵神(@onevcat)](https://github.com/onevcat) as the same. I admire him very much [喵神(@onevcat)](https://github.com/onevcat) and decide to write Objc china without hesitation.
4142

4243
5. Because of love ... ...
4344

44-
### 3. Why this development of cross-platform project without Weex
45+
### 3. Why not use Weex to build this cross-platform project?
4546

46-
After I finished the project, found that Vue code directly converted to Weex project, can not be achieved, a lot of error. And not all of them can be repaired immediately. I believe that I use the wrong way, not Weex's problem. By the way, Weex has released a new version, and then there is time to put Weeks version of the open source again.
47+
AWhen I completed the project and tried to convert it directly into Weex, I got a lot of error and most of them cannot be fixed immediately. I believe that I use the wrong way, not Weex's problem. By the way, Weex has released a new version, and then there is time to put Weeks version of the open source again.
4748

4849
Well, into the topic, Let's introduce this project:
4950

@@ -68,15 +69,15 @@ Well, into the topic, Let's introduce this project:
6869

6970
## 🔨 How to build
7071

71-
Due to Objc china website is directly response html data, so I want to simulate the network request to return data, should build a server, write API return data.
72+
As the Objc china website is directly response html data, to simulate the network request to return data, I build a backend and write API to return data.
7273

7374
I use Express framework to build a server, set up in the 8081 port, and write routing, the request will go to 8080, open the server will automatically open the background.
7475

7576
My current development environment is node v6.11.0 , npm v3.10.10, Vue.js v2.8.2.
7677

7778
``` bash
7879

79-
# install dependencies 安装依赖
80+
# install dependencies
8081
npm install
8182

8283
# serve with hot reload at localhost:8080
@@ -85,7 +86,7 @@ npm run dev
8586
# serve with hot reload at localhost:8080
8687
npm run start
8788

88-
# build for production with minification 打包
89+
# build for production with minification
8990
npm run build
9091

9192
# build for production and view the bundle analyzer report
@@ -100,16 +101,16 @@ npm run e2e
100101
# run all tests
101102
npm test
102103

103-
# 打包 Mac 应用
104+
# build Mac application
104105
npm run build:mac
105106

106-
# 打包 Linux 应用
107+
# build Linxu application
107108
npm run build:linux
108109

109-
# 打包 Win 应用
110+
# build Win application
110111
npm run build:win
111112

112-
# 打包 Cordova 应用
113+
# build Cordova application
113114
npm run build:app
114115

115116
```
@@ -142,13 +143,13 @@ I put a Makefile in the project, you can do this according to this.
142143
> cordova run ios
143144
> cordova run android
144145
145-
Cordova only generated a shell of the app, inside the specific content still read the webpage, in the corresponding application which has a www inside the folder, this folder is to load the page inside. JavaScript package will generate the www folder, just replace the content which inside the Cordova corresponding platform’s www folder.
146+
Cordova only generated a shell of the app, all the content are still read from the web page. There is a folder called WWW in the corresponding application and used to load the page. JavaScript package will generate the www folder, just replace the content under this folder.
146147

147-
Add a few words, app development to the present so mature era, if you develop a large app, with Cordova framework to do, do not use Objective-C or Swift to develop, do not do any optimization, the user experience is really not as good as the native fast. I have a special package to experience the Cordova app, did not do any optimization, packaged out on the experience, if it is critical of the user, on the current major app close to the perfect experience compared to really do not feel a little sense of satisfaction. If you really want to use front-end technology development app, to give 2 recommendations, if it is Cordova framework, we must try to optimize it, otherwise, the performance of app is not as good as the native performance. If you want to have a close to the native experience, then you can consider using React Native or Weex.
148+
In addition, if you develop a large app with Cordova framework and no any optimization, the user experience is really not as fast as the native. If you really want to use front-end technology to develop app, share you two recommendation: The one is trying to do optimization when use Cordova framework. The other is using React Native or Weex to get the experience close to native.
148149

149150
## 🚀 Cross-platform development
150151

151-
JavaScript cross-platform development packaged into desktop applications, mainly use the Electron framework. Here you need to install the devdependencies inside "electron", "electron-builder", "electron-packager" these three framework. Make sure the other path configuration in the webpack have configured completed.
152+
Package this project into desktop application by JavaScript cross-platform development, mainly used the Electron framework. Here you need to install these three dependencies "electron", "electron-builder" and "electron-packager" in devDependencies. Configure other paths in the webpack.
152153

153154
About Cordova installation, I make complaints a little network problems in china. If you are not over the wall in china, it is really painful. For example, Not over the wall and in a very poor network environment, installation of Cordova globally, lots of error, even for the complete installation of cnpm after the addition of the iOS platform will later report a problem of 'co' file can not find, I suspect cnpm could not install the command complete. Later, I go back home, over the wall and network environment is very good, All of a sudden the npm installation is complete. But there is a small episode: If Cordova iOS 4.4.0 template throw a error, suggest installation of several times, the reason is still for the network over the wall in china, no catch to it.
154155

@@ -284,7 +285,7 @@ Vuex management status is very convenient. Login status saved in the state insid
284285
<img src='./image/Gifs/Web-login.gif'>
285286
</p>
286287

287-
Once the user is not logged in, click on the purchase of e-books, to determine no user login will jump to the login page.
288+
If there is no login in information and user click the purchase button to buy an e-book, it will jump to the login page.
288289

289290
Another point is to say that because this is a SPA, so the routing inside are using Router-link to achieve, but did not use `<a>` tag jump, the effect is to jump and do not have to request data, jump quickly. This user experience is really cool.
290291

@@ -300,7 +301,7 @@ When you are using the base option in HTML5 history mode, you don't need to incl
300301
<img src='./image/Gifs/Web-logout.gif'>
301302
</p>
302303

303-
Log out of the page Similarly, once the user logs out, all show the user name will become a status to be logged in, the shopping cart on navigationBar also be disappeared. Manage status with Vuex, very Exciting.
304+
Similarly, once the user logs out, all places showing the user name will become a status to be logged in, the shopping cart on navigationBar also be disappeared. Manage status with Vuex, very exciting.
304305

305306
<p align='center'>
306307
<img src='./image/Gifs/Web-email.gif'>
@@ -312,21 +313,21 @@ This is the email form validation, not too much technical content.
312313
<img src='./image/Gifs/Web-buy.gif'>
313314
</p>
314315

315-
Here is the shopping cart page, where the use of the MVVM page binding ideas, the page on the four buttons, any button will immediately change the following total price. iOSer learn that Vue.js on the MVVM implementation of thinking worthy.
316+
Here is the shopping cart page and use the MVVM page binding ideas. There are four buttons on the page, clicking any one will immediately change the related total price. To iOSer, it's worthy to learn the implemention on the MVVM.
316317

317318
Then this is the iPhone's Safari performance, the speed is well.
318319

319320
<p align='center'>
320321
<img src='./image/Gifs/Web-iPhone.gif'>
321322
</p>
322323

323-
In the cross-platform of these applications, the best experience, I think it is the application of Mac. Use satisfaction is very high.
324+
In the cross-platform of these applications, the best experience, I think, is the application of Mac.
324325

325326
<p align='center'>
326327
<img src='./image/Gifs/Web-Mac.gif'>
327328
</p>
328329

329-
Finally Cordova framework build the mobile phone app, experience is unsatisfactory, in short, not optimized Cordova, for picky me, I was not satisfied. See this showcase below:
330+
Finally is the mobile phone app build by Cordova framework, I'm a little picky and not satificated with the unoptimized Cordova. See this showcase below:
330331

331332
iPhone application
332333

@@ -340,19 +341,21 @@ iPad application
340341
<img src='./image/Gifs/Web-iPad app.gif'>
341342
</p>
342343

343-
## 🤔 After the completion of the project, I Fall into meditation
344+
## 🤔 Reflection
344345

345-
First Amway [element-ui](https://github.com/ElemeFE/element) this project, use it to build the project, really very fast, a app can be efficient development. the development of Vue.js students must have heard of this library. Saving a lot of time can put more energy on business development.
346+
I strongly recommand you the [element-ui](https://github.com/ElemeFE/element) (Vue.js developers must have heard of this library). It is a really fast way to build projects by using it, an app can be efficient developed. Save time and put more energy on business development.
346347

347-
Everyone is saying that now is a large front-end era, mobile development and front-end integration is inevitable. But the development of the two platforms is still a lot of different, I experienced a front-end development and iOS development, thinking a lot, front-end and iOS are a lot of places to learn from each other, both have their own advantages and disadvantages. Then I intend to write a series of articles on these aspects. The engineering, component, routing, MVVM of front-end, respectively, and iOS where the advantages and disadvantages of each other, what can learn each other. (Feeling to dig a big pit)
348+
Everyone says "Now is in the era of front-end, mobile development and front-end integration is inevitable". But there are many different aspectes of the development between front-end and iOS, I experience them all and think a lot. Font-end and iOS, they have lots to learn from each other in their own advantages and disadvantages, I intend to write an article series on those aspects - engineering, component, routing, MVVM. (Dig a big hole to jump)
348349

349350
## 📜 Feature
350351

351-
If I have free time, I want to support Weex, take Vue.js into a complete Weex application, become native app, the performance will not be bad. So cross-platform development should be the whole platform.
352+
If I had more free time, I would like to support Weex. Taking Vue.js into a complete Weex application, to become a native app, the performance will not be bad. After then, it can cover the entire platform.
352353

353354
## ❗️ Errata
354355

355-
If found in the project what is puzzled or found a bug, welcome to submit PR or issue, thank you very much, 🙏🙏🙏
356+
If you find a bug, welcome to sumbit your PR.
357+
If you feel confused by something, welcome to submit your Issues.
358+
I'm really appreciate it!🙏🙏🙏
356359

357360
## ♥️ Thanks
358361

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.