- 博客(31)
- 收藏
- 关注
RSS订阅原创 使用Vuex详解
在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:首先要安装、使用 vuex首先在 vue 2.0+ 你的vue-cli项目中安装 vuex ...
2019-04-23 10:13:48
250
原创 angularjs 清缓存
一、清除模板缓存 .run(function($rootScope, $templateCache) { $rootScope.$on('$routeChangeStart', function(event, next, current) { if (typeof(current) !== 'undefined')...
2018-12-15 11:24:06
852
原创 前端线上清缓存的几种方法
js清除浏览器缓存的几种方法一、CSS和JS为什么带参数（形如.css?t=与.js?t=）怎样获取代码css和js带参数（形如.css?t=与.js?t=） 使用参数有两种可能： 第一、脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。 即上面代码对于文件来说 等价于 但浏览器会认为他是 该文件的某个版本！ 第二、客户端会缓存这些css或js文件，因此每次升级了js或...
2018-12-15 11:02:32
11881
转载 webpack实战配置
webpack3.x 配置webpack3.x 主配置webpack.config.js文件，每个模块的详细信息都有一定的注释，如果有不对的地方，还请指教！大纲：1、创建package.json文件2、创建.babelrc文件3、创建webpack.config文件目前3个文件即可,下面具体介绍：一、基础配置1、首先全局安装webpack 的基础配置，npm i webpack -g在本地如果没有...
2018-03-09 15:41:35
1696
原创 深度克隆
deepClone: function (obj) { //返回传递给他的任意对象的类 var isClass = function (o) { if (o === null) return "Null"; if (o === undefined) return "Undefined"; return Object.prototyp
2017-11-20 11:34:59
305
原创 js获取Url中的工程路径名
// 获取工程路径 function getProjectPath() { var curWwwPath = window.document.location.href; // 获取主机地址之后的目录，如： uimcardprj/share/meun.jsp var pathName = window.document.locatio
2017-10-19 09:34:07
1104
转载 TortoiseSVN的简单使用方法
一、签入源代码到SVN服务器假如我们使用Visual Studio在文件夹StartKit中创建了一个项目，我们要把这个项目的源代码签入到SVN Server上的代码库中里，首先右键点击StartKit文件夹，这时候的右键菜单如下图所示：图2-2-1点击Import，弹出下面的窗体，其中http://zt.net.henu.edu.cn 是服务器名，svn是代码仓库的根目录
2017-10-10 16:10:05
510
转载 js阻止事件
网上有关这方面的代码比较多而乱，这里整理一下并加以改进。添加事件var addEvent = function( obj, type, fn ) { if (obj.addEventListener) obj.addEventListener( type, fn, false ); else if (obj.attachEvent)
2017-09-25 15:36:50
402
原创 js和jquery的文档加载问题
一、$(window).load()、window.onload=function(){}和$(document).ready()方法的区别1、$(window).load() 和window.onload=function(){} 是页面中的所有元素（包括图片、flash）等都加载完毕后，才能执行； $(document).ready() 是页
2017-09-25 14:18:46
288
原创 Vue自定义过滤器
虽然VueJs给我们提供了很多强有力的过滤器，但有时候还是不够。值得庆幸的，Vue给我们提供了一个干净简洁的方式来定义我们自己的过滤器，之后我们就可以利用管道 “ | ” 来完成过滤。定义一个全局的自定义过滤器，需要使用Vue.filter()构造器。这个构造器需要两个参数。Vue.filter() Constructor Parameters:1.filterId: 过滤器I
2017-04-13 16:58:50
2828
原创 vue过滤器
写法就是我们常用的{{value |Filter}}1.Vue自带的过滤器:capitalize 功能:首字母大写 {{ msg | capitalize}} new Vue({ el:"",data:{ msg:'abc'}}) 改过滤器是将首字母大写 输出为Abc2.uppercase 功能:全部大写 {{ msg | up
2017-04-13 16:19:42
761
原创 placeholder修改默认颜色
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00; }::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f00;}input:-ms-input-placeholder,textarea:-ms-input-placeho
2017-04-11 15:33:50
1792
原创 ionic2下拉刷新和上拉加载
ionic2下拉刷新方法html:ion-content> ion-refresher (ionRefresh)="doRefresh($event)"> ion-refresher-content pullingIcon="arrow-dropdown" pullingText="Pull to refresh" ref
2017-04-11 15:25:23
719
2
原创 innerHTML里面的标签绑定事件
我们想要给innerHTML里的标签绑定事件的话，我想到的办法就是利用事件委托的方法，事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。首先是我们要获得innerHTML里面的内容或者是给父元素绑定事件。在下面的例子中比如 innerHTML中有一个img标签当我们点击img时console出他的属性 (click)="bigPic(msg.co
2017-04-11 11:53:18
9085
原创 js事件处理
● 事件分为三个阶段： 事件捕获 --> 事件目标 --> 事件冒泡● 事件捕获：事件发生时（onclick,onmouseover……）首先发生在document上，然后依次传递给body、……最后到达目的节点（即事件目标）。● 事件冒泡：事件到达事件目标之后不会结束，会逐层向上冒泡，直至document对象，跟事件捕获相反。
2017-04-11 10:48:34
295
原创 优雅降级和渐进增强
首先优雅降级和渐进增强印象中是随着css3流出来的一个概念。由于低级浏览器不支持css3，但css3的效果又太优秀不忍放弃，所以在高级浏览中使用css3而低级浏览器只保证最基本的功能。咋一看两个概念差不多，都是在关注不同浏览器下的不同体验，关键的区别是他们所侧重的内容，以及这种不同造成的工作流程的差异。什么是渐进增强（progressive enhancement）、优雅降级（grac
2017-03-17 17:27:53
316
原创 ionic中如何阻止事件冒泡
li ng-click="toPage()" >span ng-click="action.toPage('tab.user-detail');$event.stopPropagation();">span>li>
2017-03-10 11:34:59
5261
原创 li标签绑定事件
关于在前端面试中，经常会被技术人员问道在ul标签中有一组li标签，你如何点击每个li并显示相应的内容，最初我的想法是用for循环给每个li添加click事件，然而产生了闭包的效果，为了解决这个问题，我又对代码进行了下面的更改。ul>li>1li>li>2li>li>3li>li>4li>ul>scripttype="text/javascript">var li
2017-03-09 14:36:03
4247
原创 Angular2中的几种指令
Angular2指令 1. 指令说明Angular2 指令是构成Angular2应用程序的重要组成部分，指令主要用来对模板的标签或者元素附加一些新的特性或者功能，改变一个 DOM 元素的外观或行为，Angular2指令和组件十分类似，也有由模块，注解，元数据以及组件类组成，实际上组件继承于指令，不同的是指令没有模板的信息，主要存在两种类型的指令：结构型指令：会通过添加 / 删除 DOM 元
2017-03-09 10:04:24
1282
原创 angualr2中的管道
第一步：我们先创建一个管道文件 以xxx.pipe.ts这种格式结尾import { Pipe, PipeTransform } from '@angular/core'; //我们需要导入的配置@Pipe({ name: 'test' //标明为管道的名字})export class Test implements PipeTransform{ // P
2017-03-06 18:03:17
504
原创 将图片转为base64编码格式
var img = 自己的一张图片路径";function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("
2017-02-21 16:02:23
1021
转载 js中将汉字转为相应的拼音
var PinYin = { "a" : "\u554a\u963f\u9515", "ai" : "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66a7\u7839\u953f\u972d", "an" : "
2017-02-17 13:03:31
9336
原创 将时间戳转为我们想要的时间
"text/javascript">// 获取当前时间戳(以s为单位)var timestamp = Date.parse(new Date());timestamp = timestamp / 1000;//当前时间戳为：1403149534console.log("当前时间戳为：" + timestamp);// 获取某个时间格式的时间戳var stringTime = "20
2017-02-16 11:25:26
814
原创 angular2中服务的创建和使用
首先是我么你要创建一个服务以xxx.service.ts的文件名内容为：import {Injectable} from 'angular2/core';import {PLANETS} from './planets-data';@Injectable()export class PlanetService { getPlanet
2017-02-16 10:40:37
3833
1
原创 js手机通讯录
ionic页面·············································································· 联系人 class="searchbar"placeholder="搜索..."[(ngModel)]="myInput"(ionInp
2017-02-16 10:23:15
7204
原创 angular2中将带标签的文本输出在页面上
为了系统性的防范XSS问题，Angular默认把所有值都当做不可信任的。 当值从模板中以属性（Property）、DOM元素属性（Attribte)、CSS类绑定或插值表达式等途径插入到DOM中的时候， Angular将对这些值进行无害化处理（Sanitize），对不可信的值进行编码。h3>Binding innerHTMLBound value:class="e2
2017-01-20 13:37:29
5576
原创 ionic2 轮播图
页面中的HTML文档-------------------------------------------------------主页-----------------------------------------------------------在ts页面中的设置-----
2017-01-20 13:30:40
4920
原创 Ajax
在开始之前 我先看了两个方法$(" ").serialize() //表示 创建一个标准的URL编码格式的文本字符串 他操作的对象是表单的集合$(" ").serializeArray() //通过序列化表单创建数组对象 返回的值是json对象 而非json字符串-----------------------------------------------------
2016-10-12 20:05:11
333
原创 SeaJS的简单使用
SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。工厂函数factory解析在我们自定义的js文件中，我们使用define来定义一个模块，define方法和require中的一
2016-10-10 19:29:59
473
1
原创 RequireJs的使用方法----简单介绍
1.RequireJS介绍:RequireJS是一个非常小巧的javascript模块载入框架，是AMD（Asynchronous Module Definition，异步模块加载机制）规范最好的实现之一。最新版的requireJS压缩后只有14k，堪称非常轻量。它还同时可以和其他的框架协调工作，使用requireJS必将使我们的前端代码质量得以提升。2.RequireJS如何使用:首
2016-10-10 19:07:18
368
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人