随笔分类 - 前端
主要是前端技术记录，css,JavaScript，angularjs，node
摘要：本然比较懒喜欢记录别人的链接 这是一片讲解async/await的博客，比较不错 http://www.cnblogs.com/SamWeb/p/8417940.html 或者直接去es7语法中学习
阅读全文
摘要：一、前言 发布订阅模式，基于一个主题/事件通道，希望接收通知的对象（称为subscriber）通过自定义事件订阅主题，被激活事件的对象（称为publisher）通过发布主题事件的方式被通知。 就和用户订阅微信公众号道理一样，一个公众号可以被多个用户同时订阅，当公众号有新增内容时候，只要发布就好了，用
阅读全文
摘要：让子标签的高度在初始化的时候就比父标签大，可以设置height： 101%；这样就出发了内置的scrollview的滚动。 -webkit-overflow-scrolling:touch;可以让滚动更自然流畅。
阅读全文
摘要：最近遇到一大坑。微信加载的页面中出现图片，长按图片时不出现默认的菜单【发送朋友】等而是【存储图像】和拷贝。 原因：正常在页面中长按图片是没有问题的，但是如果你的页面嵌入了ifram然后又长按在ifram中的图片，是出现【存储图像】和【拷贝】； 我的解决方法就是不在子ifram中嵌入图片。
阅读全文
摘要：function setCookie(c_name, value, expiredays) { var exdate = new Date() exdate.setDate(exdate.getDate() + expiredays) document.cookie = c_name + "=" +
阅读全文
摘要：/*** html节点字体大小随屏幕大小改变 用于rem布局***/首先这是一个立即执行函数(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'ori
阅读全文
摘要：常用的鼠标事件：onmouseenter，onmouseleave，onmouseover，onmouseout，onmouseup，onmousedown，onmousewheel，onmousemove接下来一一分析。 1.onmouseenter，onmouseleave和onmouseove
阅读全文
摘要：1.什么webpack webpack是一个现代化JavaScript应用程序的模块打包器。当webpack处理应用程序时，它会递归地 构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有与这些模块打包成一个或者多个bundle。 入口（entry） 需要打包的入口文件，webpack会根
阅读全文
摘要：分类：WEB前端 时间：2016年1月13日 目前，众多互联网公司APP都嵌入了大量的HTML5，移动端的开发越来越重视，HTML5的运用场景也越来越多了。在移动WEB开发的过程中，使用合适的移动WEB UI框架可以大大提升我们的开发效率。下面就把2015年最全的移动WEB前端UI框架分享给大家。目
阅读全文
摘要：设置cookie 每个cookie都是一个名/值对，可以把下面这样一个字符串赋值给document.cookie： document.cookie="userId=828"; 如果要一次存储多个名/值对，可以使用分号加空格（; ）隔开，例如： document.cookie="userId=828;
阅读全文
摘要：1.client 1.1主要成员 1.clientWidth 获取网页可视区域宽度（两种用法） clientHeight 获取网页可视区域高度 （两张用法） 盒子调用： 指盒子本省 浏览器调用：可视区域大小。 2.clientX 鼠标距离可视区域左侧的距离（event调用） clientY 鼠标距离
阅读全文
摘要：在开发中常见的额兼容性问题： scrollTop问题： function scroll() { // 开始封装自己的scrollTop if(window.pageYOffset != null) { // ie9+ 高版本浏览器 // 因为 window.pageYOffset 默认的是 0 所以
阅读全文
摘要：npm安装 npm是一个包管理工具，是随着Node.js一起发布的。安装Node.js就安装了npm。下载地址，下载安装之后，检查是否安装成功。 安装时选择全局安装。 你也可以安装最新的版本。 npm install npm@lastest -g 创建package.json 这是一个包管理文件，可
阅读全文
摘要：路由守卫 CanActivate: 处理导航到某个路由的情况。 CanDeactivate:处理从当前路由离开的情况。 Resole:在路由激活之前获取路由数据。 1.CanActivate: 处理导航到某个路由的情况。 新建一个文件PermissionGuard.ts import {CanAct
阅读全文
摘要：在HTML文件中 //主路由 <router-outlet></router-outlet> //辅助路由 <router-outlet name="aux"></router-outlet> 配置 {path:'xxx',component:XxxComponent} {path:'yyy',co
阅读全文
摘要：子路由是相对路由 路由配置部分： 主要是children const routes: Routes = [ {path:'home', component: HomeComponent, children:[ { path:'homeDetail/:id', component:HomeMenuCo
阅读全文
摘要：我们经常用路由传递参数，路由主要有三种方式： 第一种：在查询参数中传递数据 {path:"address/:id"} => address/1 => ActivatedRoute.param[id] 在路由中传递 <a [routerLink] = "['/address',1]"></a> 点击事
阅读全文
摘要：上一章写的是如何创建一个简单的路由，这一样我们来看看如何创建一个路由模块。angular的思想就是（模块，组件，子组件.....）。 我们在src/app目录下创建一个跟路由模块app-routing.module.ts文件。 import { NgModule } from '@angular/c
阅读全文
摘要：本人原来是iOS开发，没想到工作后，离iOS开发原来越远，走上了前端的坑。一路走来，也没有向别人一样遇到一个技术上的师傅，无奈只能一个人苦苦摸索。如今又开始填angular的坑了。闲话不扯了。（本人学习是根据官网教程，如果想根据官网教程学习，我建议先把官网的例子先学一遍，路由的路基部分，都是根据这个
阅读全文
摘要：JavaScript没有块级作用域。在其他语言上，比如C语言中，有花括号封闭的代码块都有自己的作用域，（如果用ECMAScript的话来讲，就是他们自己的执行环境），因而支持根据条件来定义变量。例如，下面的代码效果 if (true) { var color = "blue"; } alert(co
阅读全文
浙公网安备 33010602011771号