精华内容
下载资源
问答
  • 华为VUE笔试预约教程(IE笔试 IP笔试预约方法 ).pdf-
  • 使用vue2.0 开发的单页面网站, 在华为部分型号(p20也是....),部分安卓手机打开页面是空白;网上的方法是把把es6 转 为 es5, 当时我使用的 vue-cli , webpack 内置babel,会自动转码, 排查这种可能性;根据理解可能是...

    使用vue2.0 开发的单页面网站,  在华为部分型号(p20也是....),部分安卓手机打开页面是空白;

    网上的方法是把把es6 转 为 es5, 当时我使用的 vue-cli , webpack 内置babel,会自动转码, 排查这种可能性;

    根据理解可能是这些浏览器的内核版本比较低,所以在ie8,ie9进行调试, 发现报错;

    错误指向的是自定义的过滤器的方法,

    该js文件放在static 目下,并未放入 src/assets目录下,导致未打包入app.js文件。

    在 webpack.base.conf.js 部分内容

    {

    test:/\.js$/,

    loader:'babel-loader',

    include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]

    },

    上面的代码看出: webpack 为对static 目录下的js 进行 babel-loader 转码。

    可以修改为 ( 修改配置后,需要重启服务 )

    {

    test:/\.js$/,

    loader:'babel-loader',

    query:{presets:['es2015']},

    include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client'), resolve('static/js')]

    },

    由于我这里是代码放不合逻辑, 因此就是文件移入 /assets目录下。

    修改后在ie9环境下无错误, 在之前的浏览器出现白屏问题解决。

    发现使用

    import Notification from 'element-ui/lib/notification' 引入组件在ie9 会出现类似;

    import {Notification} from 'element-ui'; 不会出现问题;

    总结: 解决此类显示页面为空白问题, 可以在ie9 环境下运行代码, 解决运行时报错, 在ie9 能正常显示没错误, 便可解决此类问题

    ps : 这个我遇到问题的原因, 仅仅提供解决问题的思路。若其中存在错误欢迎指出,在此先谢过。

    展开全文
  • 1月19日下午5时,经过两天一夜开发实战营的激烈角逐,6组优秀作品从14支参赛团队中脱颖而出,分获一二三等奖, “华为IoT开发训练营——杭州站” 也步入尾声。本次大赛作品涵盖咖啡机、洗碗机、智能锁、安全帽、机房...

    1月19日下午5时,经过两天一夜开发实战营的激烈角逐,6组优秀作品从14支参赛团队中脱颖而出,分获一二三等奖, “华为IoT开发训练营——杭州站” 也步入尾声。本次大赛作品涵盖咖啡机、洗碗机、智能锁、安全帽、机房监测等各行各业,现场路演精彩纷呈,作品展示惊喜不断。

    4bba44a73cc104bd29e868d02044a80a.png

    本次训练营共有两个阶段。第一阶段:于1月11日开展线上直播和现场体验结合的LiteOS+OceanConnect手把手实战教学;第二阶段:于1月18日和19日两天,在华为“杭州全球培训中心-企业BG人才生态发展部”举办现场开发大赛,在有限时间内开发出一款物联网应用。

    华为IoT希望通过开发训练营活动,提供华为在物联网领域的能力,帮助开发者或企业更快上手,完成物联网应用或产品的开发和原型验证。

    63e577504b27671cee198682f1baaa31.png

    Part 1 动手训练营 Workshop

    为期半天的物联网理论和华为端管云技术培训,通过理论和实操结合的现场教学,Huawei LiteOS +OceanConnect IoT平台对接全流程。

    63d06e1f1a0c1a21e2389b1118eb5e56.png

    包括Profile和编解码插件制作、NB-IoT对接云平台、LiteOS OneLight Demo运行以及最新的OpenCPU方案等等新兴技术现场体验。

    59730819f61511e7c2c964e310f68141.png

    778765652b28d01c0dbaa408a9082124.png

    63e577504b27671cee198682f1baaa31.png

    Part 2 开发实战营 Hackathon

    现场项目开发、决赛作品路演、评委点评颁奖,即是开发者大赛不变的传统,而最精彩的,莫过于参赛团队在台上介绍团队精心完成的作品,以及应对评委的好奇心和点评。这次评委邀请到了徐飞(华为IoT开发者生态负责人)、林锦斌(华为IoT产业生态发展总监)、叶连升(上海移远通信杭州办技术支持主管)、熊保松(南京厚德物联网有限公司创始人暨CEO)。

    f00c25eab76abf0fddf835684d62501d.png

    一等奖

    //广州准捷电子科技有限公司//

    5d1b91cd99c146a2ff34afae7932849b.png

    将传统胶囊咖啡机联网,也即这次荣获一等奖的作品——NB-IoT咖啡机。这款产品给日常生活带来的变化是,用户可以远程控制煮咖啡,同时制造商以及咖啡机的运营商的商业模式会发生变化,更加精准地分析不同地区的人喝咖啡的喜好。

    92d4f5c76763a3eb9a857b33c53b52c5.png

    项目设计亮点:

    • 使用单芯开发,只有模组没有MCU,降低成本和功耗;

    • 使用OceanConnect IoT平台免心跳,降低了设备百分之九十九以上的心跳流量;

    • 两套通信协议,让咖啡机厂商实现无网络感知使用NB-IoT;

    • 横向扩展能力强,相似应用场景可以快速移植。

    28eb6a01a094e1864973a9c07c992f36.png

    咖啡机和NB-IoT通讯部分是用的厂商定制的近乎于自然语言的简单通讯协议。在通信模块中将其转成JSON并进行特殊格式压缩。然后转发到北向应用的时候,十条自然语言组成的通讯协议变成了四五个JSON结构体系,北向应用解码就变得十分方便,同时设备端的通讯协议扩展也十分灵活。

    二等奖

    //

    中国电信股份有限公司物联网分公司

    常州新科国际智慧家居有限公司

    //

    6981f5dc5edad6fc718aa4124ab7616d.png

    1. 中国电信股份有限公司物联网分公司

    安全帽针对行业的痛点看,监护人员与施工人员距离远难以监管,造成关键信息采集缺失;监护人员与施工人员语音交互不畅,导致及时沟通有限;现阶段普遍只有监护人才可配备高精度GIS,施工人员在高危区域个人防护欠缺等等。

    8e3d64ff6df5eaeb10fa6b90adcb0d4c.png

    为解决上述问题,从端、管、云、用几个方面开发了一整套安全帽方案。

    • 端:安全帽集成定位模块、压力传感器、蓝牙信标等终端附属能力,结合LiteOS和OpenCPU能力,进行数据的采集和传输;

    • 管:通过NB-IoT网络,实现物联网LPWA典型场景的实现,安全帽的便携性、无缘性可以充分利用该种通讯网络特点(低功耗、广覆盖);

    • 云:利用OceanConnect进行简单码流-业务场景的解析,将原本自由服务器的能力下沉到OceanConnect,解放上游应用的同时,统一设备接入标准;

    • 用:自有服务器进行业务数据的二次运营和管理,负责商业应用的具体实现。

    ebf2b67b848d685cdf3b3d972c8413e5.png

    并针对实际市场和业务场景的需求,开发佩戴监测、人员定位、一键SOS等功能,全力保护工人的安全。

    2. 常州新科国际智慧家居有限公司

    传统洗碗机比较费时,不能杀菌;新兴的洗碗机有些不支持访问、控制、管理等联网功能。作品基于自己开发的APP控制整个家居的一套设备,自我清洗、故障告警,可以根据供应商提供的东西来收集数据,告诉客户他的产品是出了哪些问题,通过分析数据可以得出哪些零部件发生的故障比较大,提醒然后进行更换。

    d665daf3c7b6fe52c3fa7c4b06102191.png

    南向设备端使用LiteOS,一方面完成任务调度,另外配合NB-IoT模块完成终端设备的快速入网,实现互联互通功能。通过串口中断接受电控板数据,同时使用LiteOS AT指令封装模块完成无线数据传输。

    北向使用OceanConnect平台,完成设备注册鉴权数据接收及转发解析记录功能,实现设备的远程管理。

    三等奖

    //

    上海亿琪软件有限公司

    杰克缝纫机股份有限公司

    南京嘉环科技有限公司

    //

    c1351cd0d00475026ff0435043ed950f.png

    1. 上海亿琪软件有限公司

    对亿琪来说,已经是第三次站在华为IoT开发者大赛的演讲台上,这次他带来了NB-IoT智能锁,使用海思V150不带NB-IoT的解决方案,主要是面对公寓和特殊行业的应用。

    项目采用华为IoT技术套件实现了整个方案,包含端侧LiteOS,设备端NB-IoT模组,云端OceanConnect平台,完成整个方案的建设。

    73862ab087b4209fdc62d49f81bbcb33.png

    • 南向设备:采用OpenCPU作为端侧设备(内置LiteOS),实现数据采集,传输,命令处理等等;南向设备里的软件开发是基于OpenCPU方案的,成本和功耗都很低,设备耗电在10个微安左右,耐用性高。

    • IoT平台:采用OceanConnect平台作为云端服务,实现了端云无缝对接,完成数据包解码;

    • 北向应用:通过OceanConnect平台的开放API能力,我们开发了YiServer北向应用;

    • 展现层:采用Vue.js技术实现了前端应用,支持web,手机,和平板。

    2. 杰克缝纫机股份有限公司

    国内缝纫机较日本和欧洲国家起步较晚,传统缝纫机相对成熟度也不高;自动缝纫机国产化进度也比较慢,全面进口成本又很高,杰克缝纫机公司在自动机物联网方面探索已有两年多时间。

    e114b5a6517d20334fb1112817a2acdc.png

    缝纫机物联网设备(搭载LiteOS)通过NB-IoT模块连接OceanConnect(南向),上报设备信息;再通过WEB服务器连接平台(北向)获取数据,进行统计分析,并且可以下发动机提醒等控制命令。

    产品主要应用于工业缝纫机租赁服务,主要功能为采集工业缝纫机的数据信息(计件信息、故障信息等等)进行上报,通过网页/微信小程序/APP显示,达到统计工厂生产进度功能,实现租赁计费,使工厂老板足不出户即可全方位的了解工厂的生产状况。现阶段主要适配价格较高(3万~50万/台)的全自动工业缝纫机。

    3. 南京嘉环科技有限公司

    小微机房是从三大运营商挖掘出来的需求,客户希望有一个东西能够监测到它机房里面的温湿度、烟感、电量的使用等等。另外他们还有一个节能的需求,现有的一些商场或者说写字楼,无用户时设备的开关电源,该产品即可实现这样的功能。

    前期已通过GPRS+DTU+485透传的方式,但这种方案存在由于采购组件多,成本不可控;线缆多,可靠性差;信号质量变差时,动力开关无法控制;增加新设备困难,设备调试困难等等问题。在本次大赛中通过使用华为IoT提供的技术方案,极大程度解决了上述问题。

    434040c2830f0c0a61afafcfe97bf6c1.png

    现方案采用NB-IoT模块+STM32+DTH11+SP3485以及华为LiteOS的处理核心的方案,由本地STM32在LiteOS控制下,定时通过485使用MODBUS协议读取电源模块、烟感模块运行数据,汇总后再通过NB-IoT以CoAP协议传递到华为OceanConnect平台。华为云下发控制消息给本地模块,设置电力控制的时间点或实施操控。

    希望参赛团队能通过华为IoT提供的能力(Huawei LiteOS+OceanConnect),找到适合的优质解决方案,助力产品技术突破和商业成功。也欢迎更多企业,加入到华为IoT,共同探讨,共同开拓物联网领域市场和创新。

    最后,感谢南京厚德物联网有限公司、上海移远通信技术股份有限公司对本次活动的大力支持bff89d632822b3ab9e78c3704c56fd36.png

    63e577504b27671cee198682f1baaa31.png

    点击下方查看所有作品详情

    展开全文
  • VUE-华为预约(4).pdf

    2019-12-17 14:05:14
    考在预约考试之前, 预约考试之前, 预约考试之前, 预约考试之前, 考生需要 考生需要 考生需要 访问 Pearson VUEPearson VUEPearson VUE Pearson VUEPearson VUEPearson VUEPearson VUEPearson VUEPearson ...
  • 华为云服务器部署vue项目

    千次阅读 2019-10-30 23:29:23
    一、修改vue项目文件 修改项目config目录下的index.js,将assetsPublicPath: '/'改为assetsPublicPath: ‘./’,注意,有两处,都要改,不然打包部署到tomcat上面访问是一片空白;还有一点需要注意的就是,webstorm...

    一、修改vue项目文件

    修改项目config目录下的index.js,将assetsPublicPath: '/'改为assetsPublicPath:
    ‘./’,注意,有两处,都要改,不然打包部署到tomcat上面访问是一片空白;还有一点需要注意的就是,webstorm起服务时,需要改回来,不然也是不行的

    (将图一右侧箭头指向的assetsPublicPath: '/'改为assetsPublicPath: ‘./’)
    在这里插入图片描述

    二、将vue项目打包

    项目文件目录下运行命令:npm run build,将项目打包好,然后当前项目目录下有一个dist文件夹,该文件夹下有一个index.html和static文件夹

    三、登录云服务器

    1、启动电脑的远程桌面连接

    在本地电脑上,点击开始 或 快捷键“WIN+R"打开“运行”, 在其中输入“mstsc”,点击确定。打开远程桌面连接。
    在这里插入图片描述

    2、添加WINDOWS凭据

    添加WINDOWS凭据,这是百度的教程,https://jingyan.baidu.com/article/851fbc37b2d4333e1e15ab11.html
    需要注意的是,在百度第六步教程中,需要填入远程的服务器的IP地址和用户名、密码,大家只要登录华为云服务器,点击右上角控制台,之后再点击弹性云服务器ECS,之后就进入下图了。IP地址和用户名就对应下图的箭头。

    3、登录云服务器,并将本地文件上传到云服务器

    将我们刚才打包的dist文件上传到云服务器,大家看这篇博客就行,https://blog.csdn.net/yangsong4353/article/details/95612168

    四、将上传到云服务器的代码文件部署到云服务器的tomcat上面

    在云服务器的tomcat的webapps文件夹下以项目名称新建一个文件夹,比如smart,然后将打包成功的dist文件夹下面的index.html和static文件夹复制到smart文件夹下,现在就可以启动服务器了,访问正常。

    展开全文
  • Vue项目打包 打包前配置 main.js修改 将baseURL改为后端所在服务器ip地址 如127.23.0.2:8080 config/index.js修改 改成 module.exports = { build: { env: require('./prod.env'), index: path.resolve(__...

    项目打包

    Vue项目打包

    打包前配置

    main.js修改

    在这里插入图片描述
    将baseURL改为后端所在服务器ip地址
    127.23.0.2:8080

    config/index.js修改

    在这里插入图片描述
    改成

    module.exports = {
      build: {
        env: require('./prod.env'),
        index: path.resolve(__dirname, '../dist/index.html'),
        assetsRoot: path.resolve(__dirname, '../dist'),
        assetsSubDirectory: 'static',
        assetsPublicPath: '/',
        productionSourceMap: true

    PS: 生成的dist文件夹中index.html若还是空白再对应着改相关的js,css路径即可

    命令行运行打包

    npm run build

    生成的dist部署

    服务器配置安全组

    打开nginx的所需要端口,就可以远程访问了

    为服务器下载nginx

    解压下载的nginx文件夹,使用cmd进入到nginx文件夹下,使用指令start nginx启动nginx服务器,并localhost:80查看服务器是否启动

    修改nginx/conf/nginx.conf文件

    server {
            listen       8088;
            server_name  *****;   //改成自己域名或者IP就可以远程访问了
    
            #charset koi8-r;
    
            #access_log  logs/host.access.log  main;
    
            location / {
                root   C:\Users\Administrator\Downloads\dist;   //改成dist所在路径
                try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
                index  index.html index.htm;
            }
            #对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的文件
            #因此需要rewrite到index.html中,然后交给路由在处理请求资源
            location @router {
                rewrite ^.*$ /index.html last;
            }
    
    

    修改完重启nginx即可生效

    可通过域名或者ip访问部署的项目

    spring boot项目打包war

    基本上网上的都能用,就贴一个吧https://www.cnblogs.com/seve/archive/2019/11/02/11784193.html
    ps:建议war包因为jar包的话改成一直运行的有点麻烦

    war包部署

    放到webapp下的root(也不是很必须),然后修改conf/server.xml,仿照百度到的修改配置加上自己项目对应的context即可

    展开全文
  • 各位开发者们众所周知在前端开发过程中Node与Vue是两大必备框架神器更好地使用它们可以让代码简洁同时增强了前后端开发过程的控制能力那么,你知道华为内部是如何优秀运用Node/Vue技术...
  • 1. 安装babel-polyfill npm i babel-polyfill -S 2. main.js 直接引入 import 'babel-polyfill' 3.在 webpack 下 build文件夹 webpack.base.conf.js 下 entry 导入模块 ...context: path.resolve(__dirname, '../...
  • VUE模板开发 项目目录结构 |—— build │ ├── common // JS API公共文件目录 ├── /html/ // html文件 ├── /js/ // JS API脚本文件 ├── /css...
  • (1)访问华为网站或Pearson VUE网站 【特别提醒】如之前已参加过华为认证考试,请继续使用原华为账号,否则可能无法顺利获取新证书。 方式一:访问华为网站 访问华为“ 培训与认证网站”(企业用户)。 访问...
  • Vue-Router中History模式【华为云分享】

    千次阅读 2019-10-31 11:30:11
    【摘要】 vue-router的history模式的服务端支持 示例代码托管在:http://www.github.com/dashnowords/blogs 博客园地址:《大史住在大前端》原创博文目录 history路由 history模式是指使用HTML5的historyAPI实现...
  • 本次移动应用开发全栈成长计划课程是全栈系列课程又一新作,内容包含Android、VUE、H5、小程序等其它课程。 课程保持了全栈系列“从0开始”的优良传统,保证了直播+录播课,经验分享,源码分析,实战案例,打卡拿奖...
  • 首先肯定是有哪块代码报错了,我们的项目查找出以下二个原因 1、jquery要引入原生的js,不要用vue自带的jquery库 2、不支持vue-viewload组件 ...貌似就是vue的某些组件和库不支持,才导致的华为浏览器访问网站空白...
  • (1)项目深挖,项目中运用到的技术以及优缺点评论,这里楼主把在第二次实习中的全栈经历包括vue全家桶,node.js,Mysql的存储引擎等都总结了一遍。 (2)笔试题的思路以及黑盒白盒是什么。 (3)数据结构题,这里考察了...
  • 使用vue搭配vant做手机端项目时,测试提出的bug。 van-field有多行时,在华为手机上无法按换行键换行,只能一行输入满之后自动转入下一行。 目前还是不知道是手机的哪些参数导致的,oppo和小米都没问题,只有华为手机...
  • 文章目录1 Vue核心1.1 Vue的基本认识1.1.1 Vue是什么?1.1.2 Vue的特点1.1.3 与其它前端JS框架的关系1.1.4 Vue扩展插件1.2 Vue的基本使用1.2.1 像引入js库一样引入Vue.js1.2.2 helloworld示例1.2.3 理解MVVM模式1.3 ...

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 217
精华内容 86
关键字:

华为vue

vue 订阅