- 博客(40)
- 收藏
- 关注
RSS订阅原创 多个window onload的解决办法
同一个页面有很多函数要用到window.onload,但又互相冲突，怎么解决呢，下面是看到的一个函数，和大家分享一下。function addLoadEvent(func){ // 多个window.onload共用的封装函数 var oldonload=window.onload; if(typeof window.onload!='function'){ ...
2019-01-25 17:04:02
2018
转载 Node版本管理工具(NVM)的配置和使用
由于以后的开发工作可能会在多个Node版本中测试，而且Node的版本也比较多，所以需要NVM来管理安装操作步骤1. 下载：[nvm-windows](https://github.com/coreybutler/nvm-windows/releases/download/1.1.0/nvm-noinstall.zip)2. 解压到一个全英文路径 例：C:\node\nvm -...
2019-01-02 09:50:06
370
翻译 vue-lazyload 简易上手教程
1) 在项目中安装依赖$ npm install vue-lazyload -D2) main.js 中加入vue-laryload 相关代码import Vue from 'vue'import App from './App.vu...
2018-12-14 17:01:01
596
原创 数组深拷贝
用法： var arr1 = deepClone(arr0)export function deepClone (obj) { if (Array.isArray(obj)) { return obj.map(deepClone) } else if (obj && typeof obj === 'object') { var cloned = {}...
2018-11-13 16:59:55
250
原创 中国省市县/区数据
var city = {"citylist":[{"p":"北京","c":[{"n":"东城区"},{"n":"西城区"},{"n":"崇文区"},{"n":"宣武区"},{"n":"朝阳区"},{"n"
2018-11-13 16:52:54
2731
原创 中国省市数据
export const address = { '北京': ['北京'], '广东': ['广州', '深圳', '珠海', '汕头', '韶关', '佛山', '江门', '湛江', '茂名', '肇庆', '惠州', '梅州', '汕尾', '河源', '阳江', '清远', '东莞', '中山', '潮州', '揭阳', '云浮'], '上海': ['上海'],...
2018-11-13 16:46:56
3412
原创 去除字符串的所有空格
export let trimAllSpace = val => {if (typeof val === 'string') {return val.replace(/\s/g, '');}throw new Error('string is must');}
2018-11-12 12:02:44
334
转载 vue2.0 px与rem转换问题
由于我们拿到的产品图标注都是px为单位的，为了不去计算px与rem的转换，我们使用px2rem插件，来捕捉当前项目的所有px，直接计算相对应数值，这样，以后写界面，就可以直接用px来构建界面，不用自己去计算啦1、安装插件 npm i postcss-px2rem --save npm install px2rem-loader --save 2、配置px2r...
2018-10-30 15:13:34
826
原创 如何使用手机访问前端HTML页面
可能有些同学一直用google手机模式调试前端移动页面，但毕竟会带来一些偏差，今天来介绍一下真机调试前端HTML页面的方法和经验。在cmd命令行里输入“ipconfig”，找出自己的ip 一般IPV4地址就是你的ip举个例子，一般你是localhost:8080去调试。一般gulp起的服务器，可以在gulpfile.js文件中找到localhost并改为ip重启。Vue...
2018-10-30 15:01:30
13577
原创 vue axios 请求封装
Vue axios 的封装心得，直接上代码 axois 的通用或者特殊配置，比如登陆接口的token,用不到就不用配置axios.interceptors.request.use((config) => { if{ 可以给某个接口进行特殊配置 } return config;}) axios 的请求封...
2018-10-26 16:48:18
1357
原创 gulp-cli 一个不用框架的小项目
项目产生原因： 不能用框架，于是自己用gulp 搭建了一个小项目。如有需要自己完善哟项目目录介绍：码云地址：https://gitee.com/mrfanxd/gulp-cli.git 自己拿哦...
2018-10-24 13:17:34
1652
原创 三步学会reset和revert回滚，撤销revert
revert $ git revert commit id$ git commit$ git push reset 慎用$ git reset --hard comm...
2018-10-17 18:36:50
7937
翻译 vue rem文件的导入问题
rem文件的导入问题：我们在做手机端时，适配是必须要处理的一个问题。例如，我们处理适配的方案就是通过写一个rem.js，原理很简单，就是根据网页尺寸计算html的font-size大小，基本上小伙伴们都知道，这里直接附上代码，不多做介绍。;(function(c,d){var e=document.documentElement||document.body,a="orientationch...
2018-07-26 14:01:16
1411
翻译 Vue 定时器问题
定时器问题:我在a页面写一个定时，让他每秒钟打印一个1，然后跳转到b页面，此时可以看到，定时器依然在执行。这样是非常消耗性能的。如下图所示：解决方法1：首先我在data函数里面进行定义定时器名称：data() { return { timer: null // 定时器名称 ...
2018-07-26 13:58:51
2057
原创 git记住密码
是不是受够了http方式每次输入用户名和密码？好吧下面说说解决这个问题的方法：方法一：git bash输入命令 git config --global credential.helper storeok,回车，这个时候已经记住了密码，就是这样，没了。可能下一次还要密码的情况，没关系，在输入一次，因为这可能是最后一次。 如果想自己设置时间，可以这样做：git confi...
2018-06-26 19:03:30
4768
2
转载 让IE支持HTML5
Htmlshiv.js 和 responds.min.jsHTML5越来越成为主流，被广大搜索引擎所使用，但IE对HTML5的支持却常被人唾弃。解决方案有两种：1.为网站创建多套模板，通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面，比如优酷网就是采用的这种模式。（缺点：工程量大）2.使用javascript来使不支持HTML5的浏览器支持html标签。是大部分...
2018-06-21 15:14:17
5056
转载 git 命令行
$ git init // 初始化一个Git仓库$ git status // 查看仓库的状态$ git add . // 将所有修改添加到暂存区$ git add * // Ant风格添加修改$ git add *Controller // 将以Controller结尾的文件的所有修改添加到暂存区$ git add Hello* // 将所有以Hello开头的文件的...
2018-06-20 10:26:43
265
原创 vue swiper 层叠轮播
<template><div class="swiper"><swiper :options="swiperOption"><swiper-slide v-for="(item, index) in slides" :key="index"><img :src="item&quo
2018-04-13 17:21:15
8431
1
原创 vuex+localStorage vuex刷新失效？
想必大家在使用vuex的时候,vuex刷新后数据失效的问题会困扰大家，本文教大家如何利用本地缓存保存状态Installnpm install vuex-along --save1.import 导入import vuexAlong from 'vuex-along' 2.add to store添加至store的 plugins 的数组里export default new V...
2018-04-12 14:51:39
2176
原创 数组/对象 深拷贝
很多同学在操作数组和对象的时候，如果只是简单地赋值，就和原来的数据同时发生改变所以有了深拷贝的需要，话不多说，直接上代码： export function deepClone (obj) {let result = Array.isArray(obj) ? [] : {}for (let key in obj) {if (obj[key] !== null) {...
2018-04-12 14:31:56
334
原创 gulp
//处理任务var gulp =require('gulp');var imagemin = require("gulp-imagemin");var uglify = require("gulp-uglify");var sass = require("gulp-sass");var concat = require("gulp-concat");// 起一个本地服务器var co...
2017-11-03 11:40:54
268
转载 gulp pipe
首先，gulp的源码里没有任何一部分是定义pipe的。gulp的pipe方法是来自nodejs stream API的。gulp本身是由一系列vinyl模块组织起来的。pipe方法到底是什么呢？pipe跟他字面意思一样只是一个管道例如我有一堆文件var s = gulp.src(["fileA","fileB","fileC"])src方法实际上是'vinyl-fs'模...
2017-10-09 10:05:12
5274
翻译 Git简单生成生成公钥和私钥方法
Git简单生成生成公钥和私钥方法Git配置Git安装完之后，需做最后一步配置。打开git bash，分别执行以下两句命令git config --global user.name “用户名”git config --global user.email “邮箱”用户名看自己喜欢起，一般都是起些容易记的，亦或者某个简称，邮箱选自己邮箱即可。（值得一提的是，我第一次生成的时候并没有执...
2017-09-27 10:55:39
1146
原创 emoji
最近在移动端项目中遇到一个坑，有几个input表单提交给后台的时候，会因为input字段中出现emoji表情，而导致后台（java）报错。网上百度了半天，找到了一个解决办法，亲测有用。把代码整理了一下： [javascript] view plain copy/** * 用于把用utf16编码的字符转换成实体字符，以供后台存储 * @param {string} str 将要转换的字符...
2017-09-25 10:27:03
379
翻译 andriod 软键盘
软键盘显示的原理 软件盘的本质是什么？软键盘其实是一个Dialog。 InputMethodService为我们的输入法创建了一个Dialog，并且将该Dialog的Window的某些参数（如Gravity）进行了设置，使之能够在底部或者全屏显示。当我们点击输入框时，系统对活动主窗口进行调整，从而为输入法腾出相应的空间，然后将该Dialog显示在底部，或者全屏显示。...
2017-09-25 10:10:53
438
翻译 manifest.appcache强制刷新
// Check if a new cache is available on page load.// window.addEventListener('load', function(){// // window.applicationCache.update(); // 手动更新缓存 或者 监听到加载缓存完成事件后 刷新页面// window.application...
2017-09-22 13:58:52
2279
翻译 angular4 滚动事件
内容ion-content改进此文档内容组件提供了一个易于使用的内容区域，并提供了一些有用的方法来控制可滚动区域。在一个视图组件中只应该有一个内容。如果需要其他可滚动元素，请使用ionScroll。内容区域还可以通过刷新组件来实现刷新 。用法<ion-content> Add your content here!</ion-content>...
2017-07-26 14:57:14
11015
3
原创 canvas画出五角星
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>canvas{border: 1px solid red;background-c
2017-06-16 08:58:43
747
原创 惯性算法
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>*{margin: 0;padding: 0;}div{width: 60px
2017-06-14 16:30:30
2233
原创 手机端滚滚屏
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><meta name="viewport" content="width=device
2017-06-14 15:48:00
914
1
翻译 前端常见面试题
1.Doctype作用？严格模式与混杂模式如何区分？它们有何意义? 声明不是html标签，它是指示web浏览器关于页面使用哪个HTML版本进行的指令。告知浏览器的解析器用声明文档标准来解析这个文档。Doctype不存在或者错误会导致文档以兼容模式呈现。在整个脚本中启用严格模式，在顶部添加"use strict"；它是一个编译指示。用于告诉支持的javascript引擎切换到严格模式。...
2017-06-11 15:05:23
445
转载 CSS3 3D transform变换
好吧，CSS3 3D transform变换，不过如此！这篇文章发布于 2012年09月7日，星期五，01:05，归类于 css相关。 阅读 417489 次, 今日 486 次一、写在前面的秋裤早在去年的去年，我就大肆介绍了2D transform相关内容。看过海贼王的都知道，带D的家伙都不是好惹的，2D我辈尚可以应付，3D的话，呵呵，估计我等早就在千里之外被其霸气震晕了~~看看...
2017-06-06 20:32:15
529
原创 css3正方体
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>*{margin: 0;padding: 0;}.stage{width: 2
2017-06-05 10:05:34
419
原创 css3 3D圆周运动
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>div{position: absolute;top: 200px;left:
2017-06-05 09:58:51
1558
1
原创 H5桌面小通知
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style></style></head>
2017-05-24 15:35:24
709
原创 h5拖动实例
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>ul{list-style: none;border: 1px solid red
2017-05-24 09:14:41
692
转载 ajax详解
Ajax: asynchronous JavaScript and xml (异步javascript和xml) 其是可以与服务器进行(异步/同步)交互的技术之一。 ajax的语言载体是javascript。其是浏览器的一个技术 最大特点：页面不刷新(用户体验非常好)创建<script>//主流浏览器方式创建var xhr = new XMLHttpRequest(...
2017-05-22 13:40:03
491
转载 今天我们来分享10款最新的jQuery和HTML5应用插件，都非常强大，一起来看看吧。
1、CSS3/jQuery自定义弹出窗口 多种弹出动画这是一款利用jQuery和CSS3实现的自定义弹出窗口，这可比浏览器默认的弹出窗口漂亮多了。弹出窗口中可以自定义html，十分灵活。另外最重要的一个特点是，它利用了jQuery和CSS3可以实现很多种弹出窗口动画效果，挺酷的。在线演示 / 源码下载2、jQuery适合移动页面和PC页面的分页插件今天我们要为大家分享一款...
2017-05-22 11:03:55
361
原创 ajax.jsonp封装 myAjax.post('PHP/do2.php',{'name':'李四','age':22},function(err,data){ if (err) {
get/post请求接口如下：myAjax.post('PHP/do2.php',{'name':'李四','age':22},function(err,data){if (err) {/*throw err;*/alert('服务器错误');return;}alert(data);})由于ajax不能获取域外文件 我加了jsonp的接口jsonp接口如下：myAjax....
2017-05-11 14:50:42
655
转载 异步拖拽上传文件--小实例
异步拖拽上传文件--小实例upload.html? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 ...
2017-05-10 20:22:18
378
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人