2018年04月_z__a

原创 Angular4开发环境及项目创建

一.安装Node.js官方网址：https://nodejs.org/en/download/12在命令行中输入：node -v 和 npm -v 验证版本二.全局安装Angular CLI 脚手架工具使用npm命令安装 npm install -g @angular/cli 1安装cnpm国内直接装经常会出问题，所以设置为淘宝镜像地址会更好。npm install -g cnpm --regi...

2018-04-23 15:12:42 424 1

原创 Angular4 Angular HttpClient

安装首先，我们需要更新所有的包到 4.3.0-rc.0 版本。然后，我们需要在 AppModule 中导入 HttpClientModule 模块。具体如下：import { HttpClientModule } from '@angular/common/http';@NgModule({ declarations: [ AppComponent ], imports: [ ...

2018-04-17 17:53:37 2708

原创 Generic type 'CanDeactivate<T>' requires 1 type argument(s) angular4

解决方案：

2018-04-17 15:28:41 3236

原创移动端上拉刷新下拉加载框架

1.智能下拉刷新框架-SmartRefreshLayout 传送： https://github.com/scwang90/SmartRefreshLayout2.PullToRefreshAndLoad 传送：https://github.com/jingchenUSTC/PullToRefreshAndLoad...

2018-04-16 11:44:31 1202 1

转载 HTML5中的Web Notification桌面通知（微信提示框）

一、传统的通知实现通知可以说是web中比较常见且重要的功能，私信、在线提问、或者一些在线即时通讯工具我们总是希望第一时间知道对方有了新的反馈，这个时候，就需要页面给予即使的通知。在以前，我们的通知实现主要是通过闪烁页面的标题内容来实现，实现原理其实很简单，就是定时器不断修改document.title的值。例如：setInterval(function() { var title = do...

2018-04-13 16:37:23 6438

原创 select 多次选择option 多个option selected解决方案

问题如图所示：动态渲染后对select 中的option 多次进行选择，option selected多个这会导致显示出错解决方案：每次动态渲染时清空 option selected属性$(".four-select option").removeAttr("selected");.four-select 为所选择的元素...

2018-04-10 10:10:29 7243 2

原创 angualr 工程搭建

一、安装相关工具nodebatarang: angular调试工具bower安装bower cnpm install -g bower常用bower命令： bower init bower install bower uninstall配置文件： .bowerrc 修改安装目录 bower.json 主配置文件 //初始化npm npm init //全局安装bower cnpm insta...

2018-04-08 16:09:57 297

原创 angular gulp gulpfile.js

gulp-htmlmin：压缩html文件gulp-imagemin：压缩图片imagemin-pngquant：深度压缩png图片gulp-cache：只压缩修改的图片gulp-minify-css：压缩CSS文件gulp-make-css-url-version：给css文件引用文件加版本号(文件MD5)gulp-rev-append：通过正则(?:href|src)=”(.*)[?]rev=...

2018-04-08 16:08:19 492

原创前端css简易拾色器

点击吸色按住鼠标左键不松手将鼠标拖到吸色处即可想要吸得色就会显示出来复制粘贴即可下载地址：点击打开链接

2018-04-08 13:38:39 6080 39

原创 js 字符串中提取网址并替换成超链接

var str = ' http://wasmip.baidu.com.cn/mip/km/archives/km_archives_main/kmArchivesMain.do?method=view&amp;fdId%1059192 测试22222 http://www.baidu.com &l...

2018-04-02 11:53:45 10604

小不点的博客