2. 程式人生 > >ui-bootstrap-tpls 中文 現在還不全的啊~,元件太多了,有空就更新

ui-bootstrap-tpls 中文 現在還不全的啊~,元件太多了,有空就更新

阿新 • • 發佈：2019-01-20

UI Bootstrap,用angular打造的bootstrap元件.

開始

依賴:

  • angularJS
  • angular-animate
  • Bootstrap Css
<link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 
<script src="http://cdn.bootcss.com/angular-ui-bootstrap/1.1.2/ui-bootstrap-tpls.js"></script> 

配置:

angular.module('myModule', ['ui.bootstrap']);
 手風琴提供一個專案列表,通過點選條目的標題來使主體內容摺疊或展開. 官網上的例子： html: 
<div ng-controller="AccordionDemoCtrl">
  <script type="text/ng-template" id="group-template.html">
    <div class="panel {{panelClass || 'panel-default'}}">
      <div class="panel-heading">
        <h4 class="panel-title" style="color:#fa39c3">
          <a href tabindex="0" class="accordion-toggle" ng-click="toggleOpen()" uib-accordion-transclude="heading"><span
            ng-class="{'text-muted': isDisabled}">{{heading}}</span></a>
        </h4>
      </div>
      <div class="panel-collapse collapse" uib-collapse="!isOpen">
        <div class="panel-body" style="text-align: right" ng-transclude></div>
      </div>
    </div>
  </script>

  <p>
    <button type="button" class="btn btn-default btn-sm" ng-click="status.open = !status.open">Toggle last panel</button>
    <button type="button" class="btn btn-default btn-sm" ng-click="status.isFirstDisabled = ! status.isFirstDisabled">Enable / Disable first panel</button>
  </p>

  <div class="checkbox">
    <label>
      <input type="checkbox" ng-model="oneAtATime">
      Open only one at a time
    </label>
  </div>
  <uib-accordion close-others="oneAtATime">
    <uib-accordion-group heading="Static Header, initially expanded" is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled">
      This content is straight in the template.
    </uib-accordion-group>
    <uib-accordion-group heading="{{group.title}}" ng-repeat="group in groups">
      {{group.content}}
    </uib-accordion-group>
    <uib-accordion-group heading="Dynamic Body Content">
      <p>The body of the uib-accordion group grows to fit the contents</p>
      <button type="button" class="btn btn-default btn-sm" ng-click="addItem()">Add Item</button>
      <div ng-repeat="item in items">{{item}}</div>
    </uib-accordion-group>
    <uib-accordion-group heading="Custom template" template-url="group-template.html">
      Hello
    </uib-accordion-group>
    <uib-accordion-group heading="Delete account" panel-class="panel-danger">
      <p>Please, to delete your account, click the button below</p>
      <button class="btn btn-danger">Delete</button>
    </uib-accordion-group>
    <uib-accordion-group is-open="status.open">
      <uib-accordion-heading>
        I can have markup, too! <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
      </uib-accordion-heading>
      This is just some content to illustrate fancy headings.
    </uib-accordion-group>
  </uib-accordion>
</div>
js: 
angular.module('ui.bootstrap.demo').controller('AccordionDemoCtrl', function ($scope) {
  $scope.oneAtATime = true;

  $scope.groups = [
    {
      title: 'Dynamic Group Header - 1',
      content: 'Dynamic Group Body - 1'
    },
    {
      title: 'Dynamic Group Header - 2',
      content: 'Dynamic Group Body - 2'
    }
  ];

  $scope.items = ['Item 1', 'Item 2', 'Item 3'];

  $scope.addItem = function() {
    var newItemNo = $scope.items.length + 1;
    $scope.items.push('Item ' + newItemNo);
  };

  $scope.status = {
    isFirstOpen: true,
    isFirstDisabled: false
  };
});


一個例子 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 
<script src="http://cdn.bootcss.com/angular-ui-bootstrap/1.1.2/ui-bootstrap-tpls.js"></script> 
<style>
<span style="white-space:pre">	</span>.active{background:red}
</style>


</head>
<body>


<div ng-app="myApp" ng-controller="AccordionDemoCtrl" >
<span style="white-space:pre">	</span>  <uib-accordion >
    <uib-accordion-group heading="{{group.title}}" ng-repeat="group in groups">
      {{group.content}}
    </uib-accordion-group>


<span style="white-space:pre">	</span> <uib-accordion-group heading="elset">
      <p>Please, to delete your account, click the button below</p>
    </uib-accordion-group>
  </uib-accordion>
</div>


<script>
var app = angular.module('myApp', ['ui.bootstrap']);
app.controller('AccordionDemoCtrl', function ($scope) {


  $scope.groups = [
    {
      title: 'Dynamic Group Header - 1',
      content: 'Dynamic Group Body - 1'
    },
    {
      title: 'Dynamic Group Header - 2',
      content: 'Dynamic Group Body - 2'
    }
  ];

});

</script>
</body>
</html>


uib-accordion 設定

1:"close-others":true/false.一個摺疊開啟的時候,其他摺疊關閉,預設為"true".
 
<uib-accordion close-others="false">
2:"template-url":指定模板地址 
<uib-accordion template-url="setting/setting.html" >

uib-accordion-group設定

1:"heading":設定摺疊可點選的頭部 
 <uib-accordion-group heading="Dynamic Body Content">


2:"is-disabled": true/false 預設"false",是否禁用摺疊 
<uib-accordion-group heading="elset" is-disabled="true" >

3:"is-open":true/false 預設"false",摺疊是否展開 
<uib-accordion-group heading="elset" is-open="true" >

4:"panel-class":給摺疊設定樣式類 
 <uib-accordion-group heading="elset" panel-class="active">

5:"template-url":指定模板地址 
<uib-accordion-group heading="elset" template-url="tl.html">


官網上的例子 html 
<div ng-controller="AlertDemoCtrl">
  <script type="text/ng-template" id="alert.html">
    <div class="alert" style="background-color:#fa39c3;color:white" role="alert">
      <div ng-transclude></div>
    </div>
  </script>

  <uib-alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</uib-alert>
  <uib-alert template-url="alert.html">A happy alert!</uib-alert>
  <button type="button" class='btn btn-default' ng-click="addAlert()">Add Alert</button>
</div>

js 
angular.module('ui.bootstrap.demo').controller('AlertDemoCtrl', function ($scope) {
  $scope.alerts = [
    { type: 'danger', msg: 'Oh snap! Change a few things up and try submitting again.' },
    { type: 'success', msg: 'Well done! You successfully read this important alert message.' }
  ];

  $scope.addAlert = function() {
    $scope.alerts.push({msg: 'Another alert!'});
  };

  $scope.closeAlert = function(index) {
    $scope.alerts.splice(index, 1);
  };
});


一個例子 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 
<script src="http://cdn.bootcss.com/angular-ui-bootstrap/1.1.2/ui-bootstrap-tpls.js"></script> 
<style>
	.active{background:red}
</style>
</head>
<body>
<div ng-app="myApp" ng-controller="AlertDemoCtrl" >
   <script type="text/ng-template" id="alert.html">
    <div class="alert" style="background-color:#fa39c3;color:white" role="alert">
      <div ng-transclude></div>
    </div>
  </script>
  <uib-alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</uib-alert>
  <uib-alert template-url="alert.html">A happy alert!</uib-alert>
  <button type="button" class='btn btn-default' ng-click="addAlert()">Add Alert</button>
</div>

<script>
var app = angular.module('myApp', ['ui.bootstrap']);
app.controller('AlertDemoCtrl', function ($scope) {
  $scope.alerts = [
    { type: 'danger', msg: 'Oh snap! Change a few things up and try submitting again.' },
    { type: 'success', msg: 'Well done! You successfully read this important alert message.' }
  ];
  $scope.addAlert = function() {
    $scope.alerts.push({msg: 'Another alert!'});
  }
  $scope.closeAlert = function(index) {
    $scope.alerts.splice(index, 1);
  };
});

</script>
</body>
</html>


uib-alert設定

1:"close":顯示關閉按鈕. 
uib-alert  close="closeAlert($index)">
  $scope.closeAlert = function(index) {
    $scope.alerts.splice(index, 1);
  };

2:"dismiss-on-timeout":設定超時時間後警告自動關閉,單位毫秒.這個屬性需要關閉屬性的存在. 
 <uib-alert  close="closeAlert($index)" dismiss-on-timeout='1000'>

3:"template-url":指定模板地址 
 <uib-alert template-url="alert.html">A happy頂頂頂頂 alert!</uib-alert>

4:"type":success/danger/info/warning.設定警告型別 
<uib-alert  type="danger" >


通過給按鈕新增屬性"uib-btn-checkbox"或者"uib-btn-radio" 我們可以讓按鈕變成一組複選框或者一組單選按鈕. 一個綜合例子 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 
<script src="http://cdn.bootcss.com/angular-ui-bootstrap/1.1.2/ui-bootstrap-tpls.js"></script> 
<style>
	.active{background:red}
</style>
</head>
<body>
<div ng-app="myApp">
	
	<div ng-controller="ButtonsCtrl">
    <h4>Single toggle</h4>
    <pre>{{singleModel}}</pre>
    <button type="button" class="btn btn-primary" ng-model="singleModel" uib-btn-checkbox btn-checkbox-true="1" btn-checkbox-false="0">
        Single Toggle
    </button>
    <h4>Checkbox</h4>
    <pre>Model: {{checkModel}}</pre>
    <pre>Results: {{checkResults}}</pre>
    <div class="btn-group">
        <label class="btn btn-primary" ng-model="checkModel.left" uib-btn-checkbox>Left</label>
        <label class="btn btn-primary" ng-model="checkModel.middle" uib-btn-checkbox>Middle</label>
        <label class="btn btn-primary" ng-model="checkModel.right" uib-btn-checkbox>Right</label>
    </div>
    <h4>Radio & Uncheckable Radio</h4>
    <pre>{{radioModel || 'null'}}</pre>
    <div class="btn-group">
        <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Left'">Left</label>
        <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Middle'">Middle</label>
        <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Right'">Right</label>
    </div>
    <div class="btn-group">
        <label class="btn btn-success" ng-model="radioModel" uib-btn-radio="'Left'" uncheckable>Left</label>
        <label class="btn btn-success" ng-model="radioModel" uib-btn-radio="'Middle'" uncheckable>Middle</label>
        <label class="btn btn-success" ng-model="radioModel" uib-btn-radio="'Right'" uib-uncheckable="uncheckable">Right</label>
    </div>
    <div>
        <button class="btn btn-default" ng-click="uncheckable = !uncheckable">
            Toggle uncheckable
        </button>
    </div>
</div>
   
</div>

<script>
var app = angular.module('myApp', ['ui.bootstrap']);
app.controller('ButtonsCtrl', function ($scope) {
  $scope.singleModel = 1;

  $scope.radioModel = 'Middle';

  $scope.checkModel = {
    left: false,
    middle: true,
    right: false
  };

  $scope.checkResults = [];

  $scope.$watchCollection('checkModel', function () {
    $scope.checkResults = [];
    angular.forEach($scope.checkModel, function (value, key) {
      if (value) {
        $scope.checkResults.push(key);
      }
    });
  });
});

</script>



</body>
</html>


多選按鈕例子 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 
<script src="http://cdn.bootcss.com/angular-ui-bootstrap/1.1.2/ui-bootstrap-tpls.js"></script> 
<style>
	.active{background:red}
</style>
</head>
<body>
<div ng-app="myApp">	
	<div ng-controller="ButtonsCtrl">
    <pre>Results: {{checkResults}}</pre>
    <div class="btn-group">
        <label class="btn btn-primary" ng-model="checkModel.left" uib-btn-checkbox>Left</label>
        <label class="btn btn-primary" ng-model="checkModel.middle" uib-btn-checkbox>Middle</label>
        <label class="btn btn-primary" ng-model="checkModel.right" uib-btn-checkbox>Right</label>
    </div>
</div>  
</div>
<script>
var app = angular.module('myApp', ['ui.bootstrap']);
app.controller('ButtonsCtrl', function ($scope) {
  $scope.checkModel = {
    left: false,
    middle: true,
    right: false
  };

  $scope.$watchCollection('checkModel', function () {
    $scope.checkResults = [];
    angular.forEach($scope.checkModel, function (value, key) {
      if (value) {
        $scope.checkResults.push(key);
      }
    });
  });
});
</script>
</body>
</html>

ui-btn-checkbox 設定

1:"ng-model":設定按鈕預設選中狀態. 
<label class="btn btn-primary" ng-model="true" uib-btn-checkbox >Left</label>
2:"btn-checkbox-true"/"btn-checkbox-false":根據按鈕是否選中來設定值 
<button type="button" class="btn btn-primary" ng-model="singleModel" uib-btn-checkbox btn-checkbox-true="1" btn-checkbox-false="0"> Single Toggle</button>


單選按鈕例子 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 
<script src="http://cdn.bootcss.com/angular-ui-bootstrap/1.1.2/ui-bootstrap-tpls.js"></script> 
<style>
	.active{background:red}
</style>
</head>
<body>
<div ng-app="myApp">
	
    <pre>{{radioModel || 'null'}}</pre>
    <div class="btn-group">
        <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Left'">Left</label>
        <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Middle'">Middle</label>
        <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Right'">Right</label>
    </div>
</div>
<script>
var app = angular.module('myApp', ['ui.bootstrap']);

</script>



</body>
</html>

uib-btn-radio 設定

1"ng-model":所有單選按鈕都應該給相同的名稱 
<label class="btn btn-primary" ng-model="radioModel" >Left</label>
<label class="btn btn-primary" ng-model="radioModel">Middle</label>
<label class="btn btn-primary" ng-model="radioModel">Right</label>

2:"uib-btn-radio":給按鈕設定值 
<label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Left'">Left</label>


摺疊提供了一個簡單的方法來顯示和隱藏一個元素. 簡單例子 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 
<script src="http://cdn.bootcss.com/angular-ui-bootstrap/1.1.2/ui-bootstrap-tpls.js"></script> 
<style>
<span style="white-space:pre">	</span>.active{background:red}
</style>
</head>
<body>
<div ng-app="myApp" >
<div ng-controller="CollapseDemoCtrl">
<span style="white-space:pre">	</span><button type="button" class="btn btn-default" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
<span style="white-space:pre">	</span><hr>
<span style="white-space:pre">	</span><div uib-collapse="isCollapsed">
<span style="white-space:pre">		</span><div class="well well-lg">Some content</div>
<span style="white-space:pre">	</span></div>
</div>
</div>
<script>
var app = angular.module('myApp', ['ui.bootstrap']);
<span style="white-space:pre">	</span>app.controller('CollapseDemoCtrl', function ($scope) {
  $scope.isCollapsed = false;
});
</script>
</body>
</html>

1:"uib-collapse":true/false 預設為false設定摺疊是否展開 
<div uib-collapse="false">


Pagination (ui.bootstrap.pagination)


一:在angular中應用modal

$uibModal

使用方法:

直接注入到控制器中

.controller('name', function($scope,$uibModal) {
呼叫者 
<span style="white-space:pre">		</span>$scope.withSelected = function(tem, con) {// 開啟modal
<span style="white-space:pre">				</span>var selectNum = 0, selectAction = "";
<span style="white-space:pre">				</span>$scope.isok = false;
<span style="white-space:pre">				</span>$scope.iscancal = false;
<span style="white-space:pre">				</span>$scope.is_no_user = false;
<span style="white-space:pre">				</span>$scope.is_has_user = false;
<span style="white-space:pre">				</span>$scope.selectNum = 0;
<span style="white-space:pre">				</span>$('.user_check:checked').each(function() {
<span style="white-space:pre">					</span>selectNum = selectNum + 1;
<span style="white-space:pre">				</span>});
<span style="white-space:pre">				</span>if (selectNum == 0) {
<span style="white-space:pre">					</span>$scope.isok = true;
<span style="white-space:pre">					</span>$scope.is_no_user = true;
<span style="white-space:pre">				</span>} else {
<span style="white-space:pre">					</span>$scope.selectNum = selectNum;
<span style="white-space:pre">					</span>$scope.isok = true;
<span style="white-space:pre">					</span>$scope.iscancal = true;
<span style="white-space:pre">					</span>$scope.is_has_user = true;
<span style="white-space:pre">					</span>$scope.selectAction = selectAction;


<span style="white-space:pre">				</span>}
<span style="white-space:pre">				</span>$scope.enable=function(){
<span style="white-space:pre">					</span>alert(222)//方法
<span style="white-space:pre">				</span>}
<span style="white-space:pre">				</span>$scope.items = {//屬性
<span style="white-space:pre">					</span>isok : $scope.isok,
<span style="white-space:pre">					</span>is_no_user : $scope.is_no_user,
<span style="white-space:pre">					</span>iscancal : $scope.iscancal,
<span style="white-space:pre">					</span>is_has_user : $scope.is_has_user,
<span style="white-space:pre">					</span>selectNum : $scope.selectNum,
<span style="white-space:pre">					</span>selectAction : $scope.fselectedtValue,
<span style="white-space:pre">					</span>fun:$scope.enable
<span style="white-space:pre">				</span>};
<span style="white-space:pre">				</span>var _this = this;
<span style="white-space:pre">				</span>var modalInstance = $uibModal.open({
<span style="white-space:pre">					</span>templateUrl : 'setting/modal/' + tem + '.html',
<span style="white-space:pre">					</span>controller : con,
<span style="white-space:pre">					</span>resolve : {//傳遞資訊給model控制器
<span style="white-space:pre">						</span>items : function() {
<span style="white-space:pre">							</span>return $scope.items;
<span style="white-space:pre">						</span>},parent: function(){
               <span style="white-space:pre">					</span> return _this
            }
<span style="white-space:pre">					</span>}
<span style="white-space:pre">				</span>});




<span style="white-space:pre">			</span>};

被呼叫者

.controller('ModalWithSelectCtrl', function($scope, $uibModalInstance, items,parent) {
	$scope.isok = items.isok;
	$scope.is_no_user = items.is_no_user;
	$scope.iscancal = items.iscancal;
	$scope.is_has_user = items.is_has_user;
	$scope.selectNum = items.selectNum;
	$scope.selectAction = items.selectAction;
	$scope.ok = function() {
	$uibModalInstance.close();
     parent.enable()//可以呼叫呼叫者的方法
};
	$scope.cancel = function() {
		$uibModalInstance.dismiss();
	};

})


二：" $uibModal.open()",方法返回的是一個modal例項,下面是一些可用引數

1:animation:設定為false,關閉動畫效果.預設"true".

2:appendTo:給modal設定一個容器.預設:"body".

3:backdrop:設定false關閉控制元件背景,預設為"true".

可能的值:

"true":有背景可以通過點選背景來關閉控制元件. 

"false":沒有背景. 

"static":有背景,但點選背景不能關閉控制元件.

4:"backdropClass":給背景新增一個樣式類.

5:"controller":為modal內容新增控制器.

6:"keyboard":設定modal是否可以通過按鍵"ESC"關閉,預設:"true".

7:"openedClass":modal開啟時,為html body 新增樣式類.

8:"size":設定modal的大小.可能的值:

"lg"

"sm"

9:"template":設定modal內容.

10:"templateUrl":通過引入html來設定modal的內容.

11:"windowClass":為modal新增樣式類.

12:"windowTopClass":為當前modal新增樣式類.

13:"resolve":呼叫控制器與modal控制器中傳遞值.


三:下面是uibModalInstance一些可用的物件.

1:"$uibModalInstance.dismiss();":取消modal

2:" $uibModalInstance.close();":關閉modal

相關推薦

ui-bootstrap-tpls 中文 現在還不全的啊~,元件太多了,有空就更新

UI Bootstrap,用angular打造的bootstrap元件. 開始 依賴: angularJSangular-animateBootstrap Css<link rel="stylesheet" href="//apps.bdimg.com/libs/b

NullPointerException列印太多了，就有可能被jdk優化，不列印堆疊資訊

The compiler in the server VM now provides correct stack backtraces for all "cold" built-in exceptions. For performance purposes, when suc

bootstrap總結(暫時還不全)

加上<meta name="viewport" content="width=device-width, initial-scale=1">網頁就能適配移動端加上<link rel="stylesheet" href="https://cdn.bootcss.com/normalize/8.

如果看了此文你還不懂傅裏葉變換，那就過來掐死我吧【完整版】

處理 為知 自然 pic 是不是 wikipedia sina 學習方法 依次 如果看了此文你還不懂傅裏葉變換，那就過來掐死我吧【完整版】 轉自 https://blog.csdn.net/u012361418/article/details/46277779 還記得上

[work] 如果看了此文你還不懂傅立葉變換，那就過來掐死我吧【完整版】

我保證這篇文章和你以前看過的所有文章都不同，這是 2012 年還在果殼的時候寫的，但是當時沒有來得及寫完就出國了……於是拖了兩年，嗯，我是拖延症患者…… 這篇文章的核心思想就是： 要讓讀者在不看任何數學公式的情況下理解傅立葉分析。 傅立葉分析不僅僅是一個數學工具，更是一種可以徹底顛覆一個

如果看了此文你還不懂傅立葉變換，那就過來掐死我吧【完整版】

原文出處： 韓昊    1 2 3 4 5 6 7 8 9 10 作 者：韓 昊 知 乎：Heinrich 微 博：@花生油工人 知乎專欄：

如果看了此文你還不懂傅立葉變換，那就過來掐死我吧【完整版教程】

傅立葉分析是訊號處理的核心內容，我一直沒有徹底理解，看到這篇教程覺得講得非常精彩，何況還是學長寫的，所以轉載此文。 作 者：韓 昊 知 乎：Heinrich 微 博：@花生油工人 知乎專欄：與時間無關的故事 謹以此文獻給大連海事大學的吳楠老師，柳曉鳴老師，王新年老師以及

如果看了這篇文章你還不懂傅立葉變換，那就過來掐死我吧~~

本文轉載至https://zhuanlan.zhihu.com/p/19763358，原創作者韓昊，轉載宣告：謹以此文獻給大連海事大學的吳楠老師，柳曉鳴老師，王新年老師以及張晶泊老師。     我保證這篇文章和你以前看過的所有文章都不同，這是 2012 年還在果殼的時候

正則式分段提取中文，看不懂啊，先記錄下來

#-*- coding: UTF-8 -*- import re s = '''<html>  <head>  </head>  <body>.....  <li>......</li>  <h2

還不懂Redis？看完這個故事就明白了！

我是Redis 你好，我是Redis，一個叫Antirez的男人把我帶到了這個世界上。 說起我的誕生，跟關係資料庫MySQL還挺有淵源的。 在我還沒來到這個世界上的時候，MySQL過的很辛苦，網際網路發展的越來越快，它容納的資料也越來越多，使用者請求也隨之暴漲，而每一個使用者請求都變成了對它的一個又一個讀

#程式設計師吐槽阿里程式碼不規範！網友：慢了績效就沒了

一個優秀的開發工程師，他的技術不僅要達到相對靠前的標準，而且平常的程式設計格式也應該要規範，比如程式碼對齊、巢狀等等，這些都是老生常談的話題了，不需要去強調！ 有想學習java的程式設計師，可來我們的java學習扣qun：72340，3928免費送java的視訊教程噢！小編是6年java開發

乾貨！這10個頂級資源網站，不知道實在是太可惜了！

　　大家一般找資源肯定會先想到百度搜索，可是有時候度娘資源也是有限的。想要的資源找不到怎麼辦？別擔心，今天給大家分享10個資源超級豐富的網站，趕快來看看吧！ 　　1.有妖氣 　　中國唯一且最大的純原創漫畫網站，數千名中國原創漫畫作者匯聚於此，線上連載最熱門的全新漫畫作品，為中國原創漫畫作者提

使用matplotlib畫圖時不能同時開啟太多張圖

使用matplotlib畫圖時有時會收到來自matplotlib的runtime warming的警告，原因可能是同時開啟太多張圖，最常見的情況是在一個迴圈中畫圖，每次迴圈都新建一個圖，但是未關閉新建的圖，當迴圈次數多了之後記憶體就吃不消了。 有兩種解決方法，一是隻建一個圖，每次迴圈結束後通

圖解MySQL 內連線、外連線、左連線、右連線、全連線……太多了

用兩個表（a_table、b_table），關聯欄位a_table.a_id和b_table.b_id來演示一下MySQL的內連線、外連線（ 左(外)連線、右(外)連線、全(外)連線）。 MySQL版本：Server version: 5.6.31 MySQL

咦，你還坐著程式設計？太OUT了吧！

茶話匯：站立程式設計近幾年變得越來越流行，在國外很受Google等大公司的員工的青睞。你在這方面OUT了麼？跟上國際潮流了麼？快快申請讓你們公司採購站立程式設計的辦公裝置吧！！！下面讓我們看看國外的一個程式設計師站立程式設計兩年後的體會。 自從我使用站立式電腦桌工作以來已經有2年時間。不論一天要程式

winform上控制元件太多，繪製時會逐個出現，通常說雙緩衝能解決但實際不能解決的問題的解決方法

protected override CreateParams CreateParams { get { CreateParams cp = base.Cre

今天不順暢啊， 連續寫了兩個core, 我擦！------ /var/log/messages中會有segment fault提示！

        早上接到一個新需求， 開搞。         下午了， 還在塞程式碼， 塞著塞著， 搞出一個core, 該打的log沒有打出來。當時猜測是core了（因為程序號變了）， 但沒有core檔案產生， 於是在root下看/var/log/messages資訊， 果

史上最全！每個程式設計師必須知道的學習網站！先收藏吧！太多了！

Pramp | 軟體工程師自由點播的面試實踐平臺 :與真正的同行練習程式設計師的面試。 GeeksforGeeks | 給極客的電腦科學入口網站 : 同時訂閱他們的提要以獲得新文章的連結。 一個網站，關注術面試問題、腦筋急轉彎、難題、怪題 : 那是些什麼見鬼的東西，還有其他讓你思考的東西！ 問題集 |

angularjs之ui-bootstrap的Datepicker Popup不使用JS實現雙日期選擇控件

function 2.3 spa ots fun 自定義指令 str borde ext 最開始使用ui-bootstrap的Datepicker Popup日期選擇插件實現雙日期選擇時間範圍時，在網上搜了一些通過JS去實現的方法，不過後來發現可以不必通過JS去處理，只需要

解決 select2 開啟 tags 輸入中文顯示不全的BUG

一、急著修復，不求甚解： 直接開啟 select2.full.min.js 內容複製到 https://tool.lu/js/ 點選【美化(Beutify)】按鈕，格式化一下方便閱讀。 格式化好後，搜尋 “em” 會找到如下這段程式碼 ： .--------------