1. 程式人生 > >weex採坑之旅(一)初識weex

weex採坑之旅(一)初識weex

按照官方文件搭好weex依賴環境後,安裝專案依賴包,執行npm run dev 和 npm run serve開啟watch模式和靜態伺服器。 然後開啟瀏覽器,輸入 http://localhost:8080/index.html,既可以看到 weex h5 的頁面,但是我們會發現手機圖形裡什麼也沒有顯示,但是我們發現一個 .js 檔案沒有找到
這個檔案是模擬手機端的檔案,通過路徑去查詢,發現原來是這個檔案的引入路徑錯了,缺少dist檔名,所以才導致我們看到空白的手機介面,但是如果我們用手機裡的weex軟體去掃描二維碼,就可以發現在手機上是可以顯示成功, 因此我們在weex.html 裡面修改這個 index.js 檔案的引入路徑如下:
重新整理瀏覽器後,就會發現手機介面裡已經出現了內容:

相關推薦

weex初識weex

按照官方文件搭好weex依賴環境後,安裝專案依賴包,執行npm run dev 和 npm run serve開啟watch模式和靜態伺服器。 然後開啟瀏覽器,輸入 http://localhost:8080/index.html,既可以看到 weex h5 的頁面,但

weexJDK version環境搭建

官方文件上說明 安裝JDK version>=1.7 並配置環境變數 但是沒有給出相應的安裝步驟,因此在這裡先給出JDK相應的安裝步驟。 開啟如下網站,下載JDK version 選擇 Accept License Agreement,然後根據自己的系統下

dotNet程序員的Java爬

是我 方法 轉java 自己的 java pri 也好 工作 計劃     仔細想了下還是轉java吧,因為後期不管是留在北京也好還是回老家也好,java的工作都會好找一點。現在的工作主要還是寫.net,目標是下一次離職的時候可以找到一份全職的java工作,我一直都覺得實踐

webpack入不是開始的開始

targe base 增加 -i pre 版本 uil 靜態頁 obi 最近學習框架,選擇了vue,然後接觸到了vue中的單文件組件,官方推薦使用 Webpack + vue-loader構建這些單文件 Vue 組件,於是就開始了webpack的入坑之旅。因為原來沒有用過

小程式wepy踩---- thirdScriptError sdk uncaught third Error module "npm/lodash/_nodeUtil.js

     近期一直在學小程式,作為新手,比較了下mpvue和wepy兩個小程式框架,mpvue作為美團剛出來的vuejs開發看起來很不錯,學習成本很低,但是對於在實際專案開發中,mpvue剛出來,很多資料,比如踩坑,比較少,而we

大疆無人機Android版SDK開發踩----前言

  最近一段時間一直在做大疆無人機安卓版開發,這水也是挺深的,不仔細看官網SDK的介紹就會遇到各種各樣的坑,簡單記錄一下,希望可以讓其他人少走一些彎路。   安卓端用到的SDK大概有兩種:Android SDK和Android UX SDK   Android SDK(官網介紹):   開發人員可以通過SDK

小程式wepy踩---- thirdScriptError sdk uncaught third Error module "npm/lodash/_nodeUtil.js

     近期一直在學小程式,作為新手,比較了下mpvue和wepy兩個小程式框架,mpvue作為美團剛出來的vuejs開發看起來很不錯,學習成本很低,但是對於在實際專案開發中,mpvue剛出來,

Jenkins------許可權問題

前言 以前Jenkins經常使用,但是從不主動維護,最近想配置一下許可權,想使用Role-based Authorization Strategy這個外掛,結果由於不熟悉,悲劇產生了,把所有使用者的許可權都給整沒了。。。 正文 我這裡是使用的是這個

webpack+react+node

前言 之前一直以為能力已經夠了,想出去找份前端的工作,後來才發現還是自己太差,面試官隨便一個問題就能把我問啞,比如,webpack、gulp、grunt這些工具瞭解多少。這兩天學習webpack,踩了不少坑,也學到不少東西,記錄下來以便後查。 說明 本

dotNet程序員的Java爬spring MVC篇

www. let ref ide filter ESS pro enc require 使用maven構建springMVC項目,開發工具為IDEA 一、構建Maven項目,模板為WebApp 二、在pom文件中配置SpringMvc配置(springMvc需要以來serv

ant design pro的 動態建立選單、訪問mock資料、富文字編輯器

       最近公司做一個後臺管理系統,猶豫半天還是想用ant design,後來發現他們有現成的腳手架 ant design pro ( github地址 ),果斷拉程式碼下來執行起來。 一:ant design pro 專案目錄結構和流程 整體目錄大概長這個樣子 

css重構

rdquo lan set 變化 部分 網站 一個 寬度 lang css重構之旅 >前言: 今年我大一,馬上就要大二了。從高三畢業暑假到大學的這一年馬上過去,馬上迎來大二生活.學習前端也有將近一年了。一昧去追求那些視覺的效果和相對高端和新穎的技術,反而忽略了最基礎

小白的linux學習

探索linux一、進入系統*)普通用戶登陸student 普通用戶,密碼student*)超級用戶登陸 —〉not listed 點擊未列出 username 提示輸入用戶名稱 —〉root root 為系統超級用戶 passw

react爬--報錯output.path不是絕對路徑

bpa file 文件 開始 put pac 這就是 文件頭部 之前   之前,一直在糾結是學習angular好,學習vue好,還是學習react好,網上一搜索,也是各種對比,各種互噴,看過之後更糾結。就跟小時候一樣糾結長大了是上清華好,還是上北大好,最後證明我想多了。總之

Ubuntu搭建Hadoop的踩

namenode 結束 ctu mapreduce 分布 使用 framework 2.6 start 之前的兩篇文章介紹了如何從0開始到搭建好帶有JDK的Ubuntu的過程,本來這篇文章是打算介紹搭建偽分布式集群的。但是後來想想反正偽分布式和完全分布式差不多,所幸直接介紹

Vue 爬—— 使用 vue-cli 搭建項目 增補

web http class 模板 clas ebp 搭建 com png cd 指定好安裝目錄 vue init webpack 項目名稱 執行 vue vue list 查看可應用模板 vue init webpack +名字

Vue 爬—— 使用 vue-cli 搭建項目

wrong run 自己 文件的 ima tca 來安 mage 前綴 vue-cli 是一個官方發布 vue.js 項目腳手架,使用 vue-cli 可以快速創建 vue 項目,GitHub地址是:https://github.com/vuejs/vue-cli 一、

webpack入加載vue單文件組件

file loader clu html中 type 修改 mode hid extension 需要什麽? 在經過前面的四個練習,相信已經對於webapck有了一定的了解,現在我們就來一個綜合案例,進一步加深對於webpack的理解。 首先我們應該思考要解析.vue類型的

webpack入loader入門

pts 文章 加載 dep javascrip mode 這就是 插件 可能 這是一系列文章,此系列所有的練習都存在了我的github倉庫中vue-webpack 在本人有了新的理解與認識之後,會對文章有不定時的更正與更新。下面是目前完成的列表: 引子 在上一篇博客中我們已

webpack入webpack.config入門

boot edm com new 使用 ble 內容 require 以及 這是一系列文章,此系列所有的練習都存在了我的github倉庫中vue-webpack,在本人有了新的理解與認識之後,會對文章有不定時的更正與更新。下面是目前完成的列表: 在上面我們已經嘗試過了兩種對