原创 onSenUI 配置環境
1. 首先按轉NOde.js 2. 按轉 Monaca ：npm install -g monaca 3.創建新的項目（可以onSenUI的版本）：monaca create helloworld 4.真機：1）進入項目cd h
2020-06-27 01:42:08
原创 angular ckeditor 編輯文字
先下載ckeditor 並且在index 中引用 <script src="lib/ckeditor/ckeditor.js"></script> html 中代碼： <form action=""> <texta
2020-06-27 01:42:08
原创 TypeScript 學習筆記 之插件安裝
關於類型定義文件的管理工具，經歷了 tsd、typings 兩代進化，現在官方推薦的方式是使用 npm 進行管理 1.安裝之前，先用bower安裝相應插件 例如安裝CKEditor ： bower install --h
2020-06-27 01:42:07
原创 provide httpProvider 中注入指令injecto
provide httpProvider 中注入指令injector 今天遇到一個問題，在provide中注入指令 export class globalProvider { static $inject = ['$pr
2020-06-27 01:42:07
原创 ECMASript 之數組 學習筆記
1、Array.from方法用於將兩類對象轉爲真正的數組：類似數組的對象（array-like object）和可遍歷（iterable）的對象（
2020-06-27 01:42:07
原创 angularjs 上傳照片 電腦選取照片 並且預覽
html 中代碼： <input type="file" file-Model="myFile" /> <div class="col-md-12"> <img ng-src="{{imageSrc}}" st
2020-06-27 01:42:07
原创 angularjs 學習筆記之一
1. ng-app 指令定義一個 AngularJS 應用程序。 ng-model 指令把元素值（比如輸入域的值）綁定到應用程序。 ng-
2020-02-21 00:14:53
原创 onsen ui button-bar的用法嘗試
效果圖： html 中的代碼： <div style="width:100%; background:lightgray; padding:10px 0px;"> <div class="button-bar" sty
2020-02-21 00:14:53
原创 onSenUI 常用UI組件 筆記
1.carousel 輪播圖的用法總結 界面方法： 1.用於滿屏 <ons-carousel fullscreen swipeable overscrollable auto-scroll> <ons-carousel-ite
2020-02-21 00:14:53
原创 onsen UI popover 的用法
這是在typeScript下使用的： 1.綁定父級作用域： $window["ons"].createPopover($scope.popoverUrl, { parentScope: $scope }).then(function(po
2020-02-21 00:14:53
原创 angularjs 筆記之$watch
1.案例：總價大於100，免去運費：$watch <body> <div ng-app="myApp"> <div ng-controller="CartController"> <p>價格:<input type
2020-02-21 00:14:53
原创 webpack 學習筆記
webpack是近期最火的一款模塊加載器兼打包工具，它能把各種資源，例如JS（含JSX）、coffee、樣式（含less/sass）、圖片等都作爲模塊來使用和處理。 一. 安裝 我們常規直接使用 npm 的形式來安裝： $
2020-02-21 00:14:53
原创 package.json 詳解
package.json文件描述了一個NPM包的所有相關信息，包括作者、簡介、包依賴、構建等信息。格式必須是嚴格的JSON格式。通常我們在創建一個NPM程序時，可以使用npm init命令，通過交互式的命令， 自動生成一個package.
2020-02-21 00:14:53
原创 自定義chrome 谷歌瀏覽器 滾動條樣式
::-webkit-scrollbar:vertical { display:block; width: 18px; } ::-webkit-scrollbar-button:single-button, ::-webki
2018-09-03 12:29:37
原创 DOM css的一些操作
1、查看滾動條的距離： ie9以上及其它瀏覽器 window.pageXOffset / pageYOffset ie8以及ie8以下 document.body.scrollLeft / top docum
2018-09-03 12:29:31
1