![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
power0405hf
这个作者很懒,什么都没留下…
展开
-
angular2 material paginator MatPaginator MatPaginatorIntl
angular material的网站上看个自定义分页看了半天没看懂,, 后来去stackoverflow上看到了个回答:https://stackoverflow.com/questions/47593692/how-to-translate-mat-paginator-in-angular4 代码: https://stackblitz.com/edit/angular-5mgfxh?f...原创 2018-03-20 19:27:34 · 2508 阅读 · 0 评论 -
web.xml
http://www.iteye.com/problems/36433<servlet-mapping> <servlet-name>spring</servlet-name> <url-pattern>/*</url-pattern> </servlet-mapping> 该设置表示路径映射,*表示匹配所有,因此所有传入的路径都会被匹配到,进而交由Dispatcher原创 2017-09-10 09:57:59 · 312 阅读 · 0 评论 -
CSS之Sass Compass
原文在此0. 什么是CompassCompass是Sass的工具库(toolkit),Sass本身只是一个编译器,Compass在它的基础上,封装了一系列有用的模块和模板,补充Sass的功能。它们之间的关系,有点像Javascript和jQuery、Ruby和Rails、python和Django的关系。1.安装Ruby和CompassRuby下载 下载完后在命令行里输入#windowsgem转载 2015-09-22 19:49:28 · 715 阅读 · 0 评论 -
javascript canvas 碰撞检测
1.外接图形判别法1.外接矩形判别法//先算出小球底部的位置,然后根据它现在的移动速度与当前动画的帧速率,估算出小球在下一帧动画中的位置ballWillHitLedge:function(ledge){ var ballRight = ball.left + ball.width, ledgeRight = ledge.left + ledge.width,转载 2015-09-07 15:38:22 · 3026 阅读 · 0 评论 -
CSS3 Animation transform
“关键帧”(@keyframes),它的样式规则是由多个百分比构成,如0%到100%之间,分别在每一个百分比中,加上不同的属性,从而让元素达到一种在不断变化的效果。语法规则如下: @keyframes 动画名称{ 0%{元素状态} 。。。 100%{元素状态} } animation属性:animation-name:@keyframes动画的名称animat转载 2015-09-27 10:29:13 · 552 阅读 · 0 评论 -
javascript Object Pool 对象池
原文点这 Code:function Obj(){this.inUse = false;//如果对象当前正在使用中,则为true/*设置不在使用中的对象的默认值*/this.init = function(/*values*/){/*初始化代码*/};/*产生一个对象用以使用*/this.spawn = function(/*values if any*/){/*code to s翻译 2015-09-06 21:00:12 · 797 阅读 · 0 评论 -
javascript canvas fps 帧速率计算
var canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d'), paused = true, discs = [ { x:150, y:250, lastX:150, la转载 2015-09-08 13:03:43 · 5272 阅读 · 0 评论 -
js 利用闭包循环给li绑定参数不同的点击事件
<ul><li>1</li><li>2</li><li>3</li><li>4</li></ul><script type="text/javascript">var li=document.getElementsByTagName("li");for(var i=0;i<li.length;i++){ (function(x){ li[x].onclick=func转载 2015-08-05 16:07:52 · 2382 阅读 · 0 评论 -
CSS 选择器
1.常用选择器1.类型选择器 (元素选择器,简单选择器),后代选择器,id选择器,类选择器类型选择器:p{color:black;}h1{font-weight:bold;}后代选择器:blockquote p {padding-left:2em;}ID选择器,类选择器:#intro {font-weight:bold;}.data-posted {color:#ccc;}<p id="intr转载 2015-08-24 16:06:19 · 451 阅读 · 0 评论 -
jQuery on()方法 jQuery删除节点的三个方法:remove empty detach
1.on()jQuery on()方法是官方推荐的绑定事件的一个方法。 (1.8版本后不推荐使用bind(),delegate( ),live()方法,live方法1.9后已经废除) $(selector).on(event,childSelector,data,function,map)2.删除节点removeemptydetach jQuery解读之empty、remove、det原创 2015-07-28 09:40:31 · 992 阅读 · 0 评论 -
github 搭建博客
好久没用GitHub了,今天心血来潮,想用GitHub pages搭建个blog :) 先找个教程https://zhuanlan.zhihu.com/p/22098309git clone https://github.com/WicleQian/WicleQian.github.iocd WicleQian.github.ioecho "Hello World" > ind...原创 2018-02-11 20:31:19 · 275 阅读 · 0 评论 -
angular nodejs npm
http://blog.csdn.net/daihuimaozideren/article/details/78566757 不过没把cnpm设为global: 没写这句:ng set --global packageManager=cnpmng new AngularTest进入项目后(cd AngularTest)ng serve 默认4200写的很棒的入门小作品...原创 2018-02-12 19:12:45 · 673 阅读 · 0 评论 -
前后端分离实践
谨以此文献给困困的自己。 前后端分离后,遇到的问题主要是跨域: CORS跨域原理:CORS定义一种跨域访问的机制,可以让AJAX实现跨域访问。CORS 允许一个域上的网络应用向另一个域提交跨域 AJAX 请求。实现此功能非常简单,只需由服务器发送一个响应标头即可。注:移动终端上,除了opera Mini都支持。利用 CORS,http://www.b.com 只需添加一个标头,就可...原创 2018-02-12 18:53:24 · 297 阅读 · 0 评论 -
RxJS
RxJS Reactive Extension 响应式扩展 源于微软,火于NetFlix 优势:在思考的维度上加入时间考量 处理复杂逻辑const length = document.getElementById('length');const width = document.getElementById('width');const area = document.get...原创 2018-03-06 17:41:12 · 185 阅读 · 0 评论 -
Angular2 material select 默认值
<mat-form-field> <mat-select id="xx-id" [(value)]="a" name="xx"> <mat-option *ngFor="let lvl of lvls" [value]="lvl"> {{lvl}} </ma原创 2018-03-19 14:05:00 · 2449 阅读 · 0 评论 -
Angular upload
参考 1.下载npm install ng2-file-upload --save2.引入在upload.module.ts里import { FileUploadModule } from 'ng2-file-upload';@NgModule里也导入3.使用can’t bind to ‘ngForOf’ since it isn’t a known prop...原创 2018-03-11 17:19:01 · 636 阅读 · 0 评论 -
在github pages上部署Angular
参考:http://blog.csdn.net/u014291497/article/details/78255645 我是先在git上建立repo,然后git clone到本地的,大概就是在本地新建angular项目后(ng new xxx), ng build –prod –base-href=”https://USERNAME.github.io/ProjectName/”,最后的斜杠要加...原创 2018-03-03 08:31:23 · 1041 阅读 · 0 评论 -
Angular 依赖性注入 changeDetection 可拖拽的属性型指令
4.1 依赖性注入 令牌 构建 依赖 Injector Provider Object 难。。4.2 changeDetection 检查变化的策略:默认:全局检查, 改为onpush策略,减少全局检查的频率,大应用可以以此提高性能 (changeDetection:ChangeDetectionStrategy.OnPush) 然后在constructor中申明ChangeDet...原创 2018-03-03 07:23:12 · 776 阅读 · 0 评论 -
Angular随手记
今天用Angular进行开发时,想要读取input的输入值:<mat-input-container> <input matInput type="number" (ng-model)="dtaDte" #ctrl="ngModel"placeholder="年月" required></mat-input-container&a原创 2018-03-09 15:15:59 · 645 阅读 · 0 评论 -
Angular Animation 动画
动画: 从一个状态过度到另一个状态 State:定义状态 Transition:定义如何过渡 Animate函数:规定具体如何过渡,如时间,过渡的速度等 animate有多个重载形式app.module.ts:import { BrowserAnimationsModule } from '@angular/platform-browser/animations';app....原创 2018-03-01 16:08:50 · 1754 阅读 · 0 评论 -
任务列表之菜单
一,任务列表之菜单ng g m taskng g c task/task-home --spec=falseng g c task/task-list --spec=falseng g c task/task-item --spec=falseng g c task/task-header --spec=falseUncaught Error: Template parse...原创 2018-03-01 11:12:29 · 5161 阅读 · 0 评论 -
angualr material 2 主题 头像列表 对话框 autocomplete
一,使用自定义主题: 1.在src/下新建theme.scsstheme.scss:@import '~@angular/material/theming';@include mat-core();$my-app-primary: mat-palette($mat-indigo);$my-app-accent: mat-palette($mat-pink, A200, A1...原创 2018-02-28 09:01:55 · 568 阅读 · 0 评论 -
jQuery 选取元素
1.判断选取的是一个类下面的具体哪个标签<div id="nav"> <a href="#">A</a> <a href="#">B</a> <a href="#">C</a> <a href="#">D</a></div>$("#nav a").click(function(){ var index1 = $("#nav a").index(this);原创 2015-07-27 22:32:44 · 372 阅读 · 0 评论 -
jQuery 标签相关
jQuery 更改标签内容<h3>首页</h3>console.log($("h3").text());//显示text$("h3").text("第一页");//更改textjQuery 判断点击的是第几个li$("ul li").click(function(){ alert($(this).index()) }) jQuery 传入参数获取标签var id = "123";v原创 2015-07-27 10:13:36 · 348 阅读 · 0 评论 -
相对路径的引用
由于不同浏览器对相对路径的解析不同,所以,最好统一从根目录开始 即: /x/y/z… /代表根目录原创 2015-05-27 21:10:17 · 597 阅读 · 0 评论 -
大数据可视化工具 (3) Echarts
//动态更新图表设置y轴刻度追加单位function updateChart() { var option = myChart.getOption();//动态设置y轴刻度追加单位 option.yAxis[0].axisLabel = { formatter: function (value) { return value + "%"; } }; myChart.setO转载 2015-04-04 20:44:04 · 1682 阅读 · 1 评论 -
JS 去除空格
原网址1.String.prototype.trim = function(){ return this.replace(/^\s\s*/,'').replace(/\s\s*$/,'');}动用了两次正则替换,实际速度非常惊人,主要得益于浏览器的内部优化。2String.prototype.trim = function(){ return this.replace(/^\s+/转载 2015-04-22 15:25:17 · 399 阅读 · 0 评论 -
Ajax初级 json_encode
Ajax:Asynchronous JavaScript and XMLAjax用来异步通信,用户不需要长长的等待。实现也很简单,主要用到XMLHttpRequest对象HTML代码:City: onChange="callServer();" />State: onChange="callServer();" />Zip Cod原创 2015-04-04 14:50:48 · 652 阅读 · 0 评论 -
大数据可视化工具Echarts-(1)引入Echarts
推荐模块化单文件引入dist(文件夹) : 经过合并、压缩的单文件 echarts.js : 这是包含AMD加载器的echarts主文件,需要通过script最先引入chart(文件夹) : echarts-optimizer通过依赖关系分析同时去除与echarts.js的重复模块后为echarts的每一个图表类型单独打包生成一个独立文件,根据应用需求可实现图表类型按需加载转载 2015-03-30 13:13:01 · 1902 阅读 · 0 评论 -
浮动和清除浮动 float clear
发现一个写的很不错的blog http://www.cnblogs.com/jiqing9006/首先,大家知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流如下图: 即使div1的宽度很小,div2也不会排在div1后面,因为div元素是独占一行的。 布局的基本出发点是:如何在一行显示多个div元素这就要用到浮动 浮动可以理解为:让某个div元素脱离标准流,但div1转载 2015-03-29 21:56:21 · 474 阅读 · 0 评论 -
CSS中的绝对定位与相对定位
定位(1)语法:postion:static|absolute|relative|fixed 静态 绝对 相对固定绝对定位absolute:将被赋予此定位方法的对象从文档流中拖出,使用left,right,top,bottom等属性相对于其最接近的一个最具有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,则依据body对象左上转载 2015-03-29 15:12:23 · 502 阅读 · 0 评论 -
大数据可视化工具Echarts(2)初始化
初始化:通过require获得echarts接口(或命名空间)后可实例化图表,echarts接口仅有一个方法init,执行init时传入一个具备大小的DOM节点后即可实例化出图标对象,图表库实现为多实例的,同一页面可在多个DOM上init出多个图表,同一个DOM上多次init将自动释放已有实例。init方法:名称参数描述{ECharts} init转载 2015-03-30 13:46:18 · 3166 阅读 · 0 评论 -
CSS一列布局
一列固定宽度#layout{height:300px; width:400px; background:#99ffcc; } 固定列宽度居中在IE6及以上版本和标准的浏览器中,当设置一个盒模型的margin为auto时,可以让这个盒模型居中。#layout {height: 300px; width: 400px; background: #99FFcc; margin: aut转载 2015-03-30 09:26:50 · 549 阅读 · 0 评论 -
CSS 表单可能跨多行,应该清理div容器
form div {clear:left;}CSS 表单可能跨多行,应该清理div容器,这会避免它们干扰下一组标签和弄乱布局。什么意思???原创 2015-03-26 16:20:22 · 487 阅读 · 0 评论 -
JS实现页面等高
function alignHeight(eleA,eleB,eleC){//alert(eleA); if(!document.getElementById(eleA)){return false;} if(!document.getElementById(eleB)){return false;} if(!document.getElementById(eleC)){re原创 2015-04-11 17:05:06 · 745 阅读 · 0 评论 -
百度前端培训 task1
https://github.com/baidu-ife/ife/tree/master/task/task00015.让页面样式丰富起来text-indent:首行缩进,如text-indent:50px;也可以允许使用负值,将会缩进到左边:text-indent:-20px/-2em/1cm;text-transform:大小写转换,对中文无意义。text-transfro原创 2015-04-13 15:42:53 · 525 阅读 · 0 评论 -
实例详解CSS中position的fixed属性使用
fixed总是以body为定位时的对象,总是根据浏览器的窗口来进行元素的定位,通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。当我们需要使一个层相对于浏览器来自动调整该层的位置的时候,如果你使用position的absolute属性来定位该层,你会发现absolute属性并不能达到你想要的css效果,。这时,就需要要用到fixed属性来定位该层了,当然,你如转载 2015-04-08 21:13:12 · 2488 阅读 · 0 评论 -
JavaScript初学者应注意的七个细节
原文在此1.简化代码//创建对象var car = new Object();var.color='red';car.wheels=4;car.hubcaps='spinning';car.age=4;//亦可以这样写var car={ color:'red', wheels:4, hubcaps:'spinning',转载 2015-05-08 22:25:00 · 479 阅读 · 0 评论 -
js 中读取JSON的方法探讨
js读取JSON的方法我接触到的有两种:方法一:函数构造定义法返回var strJSON = "{name:'json name'}";//得到的JSONvar obj = new Function("return" + strJSON)();//转换后的JSON对象alert(obj.name);//json name方法二:js中著名的eval函数var strJS转载 2015-04-25 22:06:15 · 473 阅读 · 0 评论 -
JS 数组去重
四种算法1.Array.prototype.unique1 = function () { console.log(this.length); var n=[];//一个新的临时数组 for (var i = 0; i < this.length; i++) { //如果当前数组的第i项已经保存进了临时数组,那么跳过 //否则把当前项转载 2015-04-21 20:31:07 · 456 阅读 · 0 评论