開發與維運

開發與維運

小程序實現圖片上傳,預覽以及圖片base64位處理

​最近一段時間在做小程序項目,第一期功也完工了。需要好好總結一下經驗,把項目中遇到的問題好好總結一下,遇到的問題,踩過的坑。今天寫一個小程序實現圖片上傳,預覽,以及刪除,圖片base64位處理。下面就是展示的效果   1頁面佈局 <view class=’images-wrap’> <block wx:for=”{{imagesList}}” wx:key=”id”> <view class=’images-list’ wx:if=”{{imagesList.length > 0}}” > <image class=’images-item’ src='{{item}}’ bindtap=”handleImagePreview” mode=”aspectFill” data-index=”{{index}}”></image> […]

開發與維運

Linux安裝jdk和maven

因為做項目的原因必須要用到linux系統環境。在自己的電腦上裝了之後,發現要面對很多問題,例如網絡連接,以及虛擬機與windows系統自帶虛擬機衝突問題(導致我電腦藍屏了好多次)。選擇了阿里雲的ECS雲服務器之後,用了一個小時時間安裝了jdk1.8以及maven3.8.3。 使用shell7將本地jdk以及maven壓縮包上傳至linux中 分別解壓縮至usr目錄下的java以及mavenHome目錄中 進入java目錄中查看其中文件,可以看到解壓縮後的jdk文件目錄 進入mavenHome目錄查看其中文件,可以看到解壓縮後的maven文件目錄 修改conf目錄中settings.xml文件如圖所示配置,其中maven-repo為自己創建的倉庫 添加mirror阿里雲鏡像 進入到/etc目錄中為java以及maven設置環境變量,執行vim profile命令 然後執行source /etc/profile使配置文件立即生效 再分別執行java -version以及mvn -v命令可以看到已經正常顯示版本

開發與維運

解決video.js不兼容ie8問題

使用視頻播放器的時候,常常會讓兼容一些瀏覽器問題,比如兼容ie8瀏覽器。在工作中使用的是video.js. 如果需要兼容,引入兩個js庫,就可以做到兼容ie8瀏覽器 <script src=”http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js”></script> <script src=”http://api.html5media.info/1.1.4/html5media.min.js”></script>

開發與維運

使用eruda進行手機端調試

在日常的移動端開發時,一般都是試用chrome瀏覽器的移動端模式進行開發和調試,如果想在手機上能和瀏覽器一樣看控制檯調試就更加完美了; 一個手機端調試神器eruda是一個專為手機網頁前端設計的調試面板,類似 DevTools 的迷你版,其主要功能包括:捕獲 console 日誌、檢查元素狀態、顯示性能指標、捕獲XHR請求、顯示本地存儲和 Cookie 信息、瀏覽器特性檢測等等。 只要在我們的html文件中寫入下面這些代碼,在手機上,也能想瀏覽器控制檯一樣進行查看。 <script src=”//cdn.jsdelivr.net/npm/eruda”></script> <script>    eruda.init(); </script> 真的方便我們開發使用。

開發與維運

根據js來判斷手機是操作系安卓還是ios

​平常開發很常見的功能,在移動端需要根據javaScript來判斷手機是安卓還是ios進行應用市場跳轉。 通過js提供的Navigator 可以來判斷手機是安卓還是ios系統,代碼如下 1.js判斷是否為IOS設備function  IsAppleStore()  { var  u  =  navigator.userAgent,  app  =  navigator.appVersion;         var  ios  =  !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);         var  iPad  =  u.indexOf(‘iPad’) 

開發與維運

vue axios封裝以及API統一管理

​在vue項目中,每次和後臺交互的時候,經常用到的就是axios請求數據,它是基於promise的http庫,可運行在瀏覽器端和node.js中。當項目越來越大的時候,接口的請求也會越來越多,怎麼去管理這些接口?多人合作怎麼處理?只有合理的規劃,才能方便往後的維護以及修改,   安裝 安裝axios依賴包 cnpm install axios –save引入 一般會我會在項目src中新建一個untils目錄,其中base用於管理接口域名,http處理請求攔截和響應攔截,user.js負責接口文件(接口文件可以自己新建一個文件夾,然後放對應的接口文件) 1.在http.js文件中,用於處理axios中對請求攔截和響應攔截做處理,token處理,並引入element-ui加載動畫。 import axios from ‘axios’import { Loading, Message } from ‘element-ui’import

開發與維運

阿里雲邀您參加雲棲大會——《智能運維論壇》

2021年10月21日 13:30-15:15AM阿里雲邀您參加雲棲大會——《智能運維論壇》 數字時代,業務創新,運維行業該如何積極擁抱時代變化?面對業務數字化,如何解決傳統IT運維方案面臨的挑戰?雲時代,企業如何快速構建一站式智能運維平臺?如何利用好數據,將IT中心從成本中心向創新中心轉變? 雲原生時代的智能運維平臺成為企業關注的熱點,論壇將探討如何通過全鏈路的可觀測數據融合、數據應用工具、大數據和AI技術,並結合各類開源組件與開發框架等上下游生態的對接,助力企業運維平臺,成為“創新生產力”工具。 掃描海報二維碼或點擊下方鏈接,進入直播間報名參與直播https://yunqi.aliyun.com/2021/agenda/session168?utm_content=g_1000300586

開發與維運

帶你讀《重構數字戰鬥力: 中小企業的數字化轉型之路》第一章汽車及汽車零部件生產企業的 “上雲、用數、賦智”之路 案例1(一)

解碼馳田汽車“銷售、研發、生產、售後”全程數字化與公司逆勢發展力 一、企業簡介 馳田汽車股份有限公司(以下簡稱“馳田”)成立千2002年,是工業和信息化部授權的大型專用車骨幹企業。馳田致力千打造“中國高輕自卸名牌企業”,開發高強度減重新工藝,拓展專用貨車公告型譜,創新引領輕量化技術標準完成行業突破。馳田生產的新型渣土車採用高強度耐磨鋼材、多連桿式液壓頂恙密封設計等,使車輛強度更高、自重更輕、密閉環保;     同時每—輛車都裝載了智能管控系統,工作人員可遠程實時監控車輛狀態,司機可實時掌握車輛周圍行人及環境情況,保證車輛安全、穩定運行。—輛“泥    頭車”中滿含各類高科技標準及專利,每年可減少數百起交通事故。目前,馳田已擁有31項自卸與液壓技術專利,並已參與國內  50 多個城市的“渣土車標準”制定工作。未來,它們還要將“馳田標準輸出到國外”,這也是馳田的承諾。 2017年,馳田金剛工程自卸車產銷量突破21000臺,2018年突破 23000臺,馳田成為重卡重工行業全世界單體工廠產銷量最大的專用車企業,自卸車改裝行業“湖北第 —、全國前三”。馳田連續多年榮獲“中國機欖500強”“中國城市生態環境建設突出貢獻企業”“中國專用汽車領軍企業”等全國大獎,是中國具有競爭力和市場影響力的專用車品牌。        

開發與維運

帶你讀《重構數字戰鬥力: 中小企業的數字化轉型之路》第一章汽車及汽車零部件生產企業的 “上雲、用數、賦智”之路 案例1(二)

 二、項目介紹 1.項目動因   轉型升級是企業生存發展的必由之路,裝備製造業都在轉型升級的階段,專用車的製造勢必也要進入新時代。隨著城市化進程的推進和國家環保政策的出臺,排放標準不斷升級,清潔車輛替換傳統渣土車,為製造生產環保專用車的馳田帶來了市場需求擴大的機遇;同時,隨著車聯網、5G、大數據等新—代信息技術與傳統汽車製造技術的融合,新    的生產方式和管理模式出現,也對馳田提出了更高的要求,帶來了新的挑戰。 馳田直面挑戰和機遇,—方面積極響應國家各項政策法規,堅持技術創新,在新材料應用、智能管控技術上大膽創新,打造具有強競爭優勢的智能化環保渣土車,提升抵禦市場風險的能力,進—步鞏固馳田的行業領先地位;另—方面,馳田高度重視向智能製造轉型升級,—直在不斷探索,希望通過信息化、數字化、智能化手段系統性地提升企業內部管控水平,優質、高效地滿足用戶對個性化、交期、質量的高要求,提升企業競爭力、收盎力。馳田產品展示如圖1.1 所示。 圖1.1    馳田產品展示     轉型: 重塑企業運營基因 馳田的信息化建設起步較早,早在數年前就上線了財務管理軟件,隨後上線了   MES,對財務和生產執行進行管控。但是隨著企業的發展,業務越來越複雜,以前半自動化、孤   島式的信息系統管理模式已不能支撐企業戰略式發展。尤其是隨著用戶與製造企業間信息   不對稱情況的逐漸消失,客戶要求的交期越來越短,質量越來越高,快速、小批量、定製   化地滿足用戶需求的能力對企業來說就顯得尤為重要。馳田深刻認識到成熟的管理體系有   助千規範、優化企業的內部管理,提升靈活應對市場及客戶需求變化的能力,而成熟的信   息系統是幫助企業構建成熟管理體系,解決管理問題的重要手段。從   2018   年開始,馳田攜手金蝶,—起對馳田內部管理流程進行梳理、優化,結合馳田的生產組織特點,打造了   貫通銷售、設計、採購、生產製造、售後服務各個環節的—體化業務平臺,精、準、快地   解決“內控管理鬆散、基本數據管理不規範、採購業務分散、生產和質量追溯困難、成本   核算粗放、銷售管理薄弱”等核心問題,助力馳田優化生產經營管理,提高業務能力,加    強風險控制,提升核心競爭力。 2.項目內容及價值   構建客戶全生命週期價值服務能力 金蝶雲.星空替換了馳田原有的多套軟件,採用—體化的信息平臺,構建了同—套基礎數據,避免了多部門重複填報數據引起的數據冗餘。數據資菹在平臺得到了有效整合和優化,實現了   BOM(物料清單)、訂單、庫存、計劃、生產、質量等數據的高效互動和共享,減少了各部門間因信息不對稱引起的業務流程不暢、工作效率不高的問題;杜絕了因庫存數據不透明引起的缺料、供應不足而導致的生產中斷;解決了質量數據不透明引起的質量追溯困難等問題。通過統—平臺,馳田重塑了生產組織方式,實現了各業務部門的高效協同。 (1)銷售與研發協同提升訂單轉化效率 馳田的產品個性化強,幾乎—個訂單—種配置,且客戶要求經常變化,從銷售下單到技術方案形成,需要多次溝通,—般要2~3 天才能完成。 金蝶雲.星空將銷售合同配置信息採用標準、統—的描述方式固化在系統中,建立了菜單化的銷售合同。銷售人員進行合同錄單時,通過菜單欄便捷地選擇配置項即可,大大提升了銷售人員的錄單效率,並減少了因文字描述的隨意性導致的認知差異,避免了多次溝通帶來的時間浪費問題。同時在金蝶雲.星空中也設置了相應的工作流,根據設定的節點,能快速將配置變化信息流轉至技術部門,以便技術部門及時做出響應,實現銷售和技術的高效協同,幫助馳田將訂單轉化時間縮短至—天以內,大幅提升效率。銷售訂單配置界面如圖1.2 所示。 圖1.2    銷售訂單配置界面 (2)研發與生產高效協同減少不必要的等待和浪費

開發與維運

ESC的使用體驗,非常好用!

我是來自湖北的一名大三學子,現在就讀的專業是軟件工程,自己在高中畢業以後就對編程非常感興趣,所以報了軟件工程這個專業,自己在大二上學期的時候接觸到了java,當時就對這門編程語言有了濃厚的興趣,所以自己一直不斷努力去進行學習,在大二下學期的時候對前後端的課程基本上有了一個學習和了解,自己也通過了班主任的推薦和同學們去到了珠海的一個公司實習,在公司裡面自己負責後端開發,大家一起完成了一個會計類的項目,當時項目值完成了一半,但是想看到自己的成果,於是在公司裡面學長推薦了阿里雲服務器,這個自己帶來了很大的便捷。 自己通過了入門試題後領取到了兩週的體驗時間,跟著裡面的教程大概熟悉了怎麼去進行使用雲服務。 自己當時剛開始用使用的連接軟件是CRT,當時敲命令真的痛苦,最後在學長推薦下,終於發現了一個神器,xshell和xftp的組合,上傳文件不需要敲命令就可以執行,太屌了,很多功能都非常適用,當時esc也犯過一下小錯誤,導致自己找了半天錯誤,大家一定要記清楚!!那就是一定要配置防火牆!因為這個我真的吃了一個大虧,希望大家使用的時候要看清楚教程,別學我太馬虎的看,導致犯一些低級錯誤。 在整個“高校學生在家實踐”的過程中,服務器帶給我了太多驚喜,當然自己也遇到了很躲小問題,但是還是需要自己去進行不斷客服,這樣才能夠成長。真的非常感謝阿里的這個活動,自己才可以對服務器有了更深一步的瞭解,希望阿里的活動做的越來越好,讓更多的大學生可以收益,自己也算是踏入了一個新旅程,因為在服務器這一塊有太多的東西需要自己去了解,自己已經領略了雲服務器的魅力。我也會更加努力,讓自己有一個更好的未來。

Scroll to Top