- 博客(34)
- 收藏
- 关注
RSS订阅转载 JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去…
前端开发中经常会碰到用 JavaScript 格式化数字，最最常见的是格式化金额，一般格式化金额需要千分位分隔，保留2位小数等等。简单的功能函数类似的代码网上有很多：JavaScript 代码:/** * 将数值四舍五入(保留2位小数)后格式化成金额形式 * * @param num 数值(Number或者String) * @return 金额格式的字符串,如'1,234,567.45' * @...
2018-04-12 09:15:00
1753
1
转载 git clone，push，pull，fetch命令详解
Git是目前最流行的版本管理系统，学会Git几乎成了开发者的必备技能。Git有很多优势，其中之一就是远程操作非常简便。本文详细介绍5个Git命令，它们的概念和用法，理解了这些内容，你就会完全掌握Git远程操作。git clonegit remotegit fetchgit pullgit push本文针对初级用户，从最简单的讲起，但是需要读者对Git的基本用法有所了解。同时，本文覆盖了上面5个命令...
2018-04-02 09:24:02
346
原创 git冲突
commit your changes or stash them before you can merge. 这个问题的原因是本地与仓库内版本冲突，有三种解决方案1）commit本地的修改2）通过git stash$ git stash$ git pull/fecth ……$ git stash pop 通过git stash将工作区恢复到上次提交的内容，同时备份本地所做的修改，之后就可以...
2018-04-02 09:06:19
300
原创 oauth
用户在使用客户端的软件时，如果需要涉及到第三方的资料则必须进行授权。如果直接将用户名和密码提供给客户端，然会牵扯到用户隐私，为了规避这个问题，于是利用oauth来作为一个授权中间层。可以保证第三方仅提供用户想要授权的范围给客户端。ouath共有4种模式，其中最严谨的模式为授权码模式...
2018-03-29 22:35:59
242
原创 jsonp原理
jsonp浏览器为了保护用户访问安全，使用了同源策略，ajax不允许请求非同源的url，但script不受限制。利用script标签来执行远程js，实现跨域请求动态创建script标签指向跨域的php，将js函数名作为回调函数的参数传入，服务器端返回被包装后的json数据json padding→jsonp...
2018-03-29 22:35:03
247
原创 git add的功能
git add作用是将代码提交到暂存区git add .:将已经跟踪的进行了修改的文件以及新增加的文件提交到暂存区git add -u .:将跟踪的修改或删除的文件提交git add -A .:包括了前两项git add -i .:作用范围同-ugit add -h:帮助说明...
2018-03-29 22:32:51
1687
原创 AMD与CMD区别
AMD是异步模块定义，对应RequireJs，CMD是通用模块定义，对应SeaJs。两者都是主要针对浏览器端的js模块化开发，并且都是预先并行加载所有依赖的模块。AMD推崇依赖前置，会提前解析所有模块，速度较快但加载结果不一定按预期顺序，API一个当多个用CMD推崇就近依赖，只在需要时解析对应模块，速度较慢但按照代码顺序执行，API职责单一...
2018-03-29 22:28:21
895
转载 ES6这些就够了
刚开始用vue或者react，很多时候我们都会把ES6这个大兄弟加入我们的技术栈中。但是ES6那么多那么多特性，我们需要全部都掌握吗？秉着二八原则，掌握好常用的，有用的这个可以让我们快速起飞。接下来我们就聊聊ES6那些可爱的新特性吧。1.变量声明const和let我们都是知道在ES6以前，var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是...
2018-03-28 17:27:21
450
转载 减少前端代码耦合
什么是代码耦合？代码耦合的表现是改了一点毛发而牵动了全身，或者是想要改点东西，需要在一堆代码里面找半天。由于前端需要组织js/css/html，耦合的问题可能会更加明显，下面按照耦合的情况分别说明：这应该是比较常见的耦合。全局耦合就是几个类、模块共用了全局变量或者全局数据结构，特别是一个变量跨了几个文件。例如下面，在html里面定义了一个变量：<script> var PAGE...
2018-03-28 14:55:53
388
转载 时间戳转换为格式化日期
利用ES6将时间戳转换为 yyyy-MM-dd hh:mm:ssformatDate(time) { let date = new Date(time); return formatDate(date, 'yyyy-MM-dd hh:mm');} function formatDate(date,fmt){ if(/(y+)/.test(fmt)){ fmt = fmt.rep...
2018-03-28 14:55:48
2376
转载 jsonp的原理和实现
什么是JSONP？javascript高级程序设计中是这样介绍jsonp的:jsonp是JSON with padding(填充式JSON或参数式JSON )的简写，是应用JSON的一种新方法，在后来的Web服务中非常流。jsonp看起来与json差不多，只不过是被包含在函数调用中的json。jsonp由回调函数和数据两部分组成。简单点说，jsonp是一种跨域通信的手段，它的原理其实很简单：首先是...
2018-03-27 14:46:15
1410
1
转载 es6快速入门
转载：https://www.cnblogs.com/zhouyangla/p/7225335.html1.变量声明let和const我们都是知道在ES6以前，var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如:function aa() { if(bool) { var test = 'hello...
2018-03-27 14:43:46
278
转载 为元素添加hover的事件代理
$(selector).on(event,childSelector,data,function,map) 在传递到里面的参数中，只可以传一个function切换class名称模拟// js$('ul.course_lists').on('mouseenter mouseleave','li',function(){ $(this).toogleClass('border_colo...
2018-03-27 09:09:34
2159
转载 AngularJS 路由 resolve用法
ng-route模块中的when()和ui-route的state()都提供了 resolve 属性。为什么需要使用resolve？当路由切换的时候，被路由的页面中的元素（标签）就会立马显示出来，同时，数据会被准备好并呈现出来。但是注意，数据和元素并不是同步的，在没有任何设置的情况下，AngularJS 默认先呈现出元素，而后再呈现出数据。这样就会导致页面会被渲染两遍，导致“页面UI抖动”的问题，...
2018-03-27 09:08:14
1158
转载 promise
promise语法promise 是某个函数返回的对象，代表异步操作完成或失败的对象。之前常用的是由其他函数创建并返回的 promise。旧式函数：function successCallback(result) { console.log("It succeeded with " + result);}function failureCallback(error) { consol...
2018-03-27 09:07:36
327
转载 根据设备分辨率更改根字体大小
rem布局，根据设备分辨率更改根字体大小 (function (win, doc) { change(); function change() { doc.documentElement.style.fontSize = doc.documentElement.clientWidth * 20 / 320 + 'px'; } win....
2018-03-27 09:07:00
2516
转载 Vuejs2.0之异步跨域请求——axios
vue2.0中，HTTP请求从推荐 Vue-Resoure 变为了 axios。axiosaxios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止...
2018-03-27 09:06:33
1384
转载 vue开发基础搭建
Vue推荐开发环境Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom2016Vue-Cli开发模板可以快速生成vuejs的运行配置环境，可以使新手快速免除配置搭建出运行界面现在开始安装环境安装nodejs获取nodejs模块安装目录访问权限(？)sudo chmod -R 777 /usr/local/lib/node_modul...
2018-03-27 09:05:51
261
转载 安装Nodejs、npm、Less（支持生成压缩后的css）
(可选)添加npm环境变量在桌面上点键计算机-【属性】-【高级系统设置】-【高级】-【环境变量】-【系统变量】-【新建】：NODE_PATH=D:\Program Files\nodejs\node_modules\npm\安装Less//若添加了环境变量d:cd D:\Program Files\nodejs\node_modules\npm//下面命令是安装less，注意一定要有-g，...
2018-03-27 09:05:22
502
转载 微信跨域&分享
微信h5页面跨域请求$(function() { //页面加载完后ajax跨域获取签名信息 var sourceUrl = "/wechat/signature/sub"; //签名地址 var thisUrl = location.href.split('#')[0]; //本页url var sou...
2018-03-27 09:04:48
3234
转载 移动端web开发——像素的适配
像素和dpr定义像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix 是英语单词 picture 的常用简写，加上英语单词“元素” element，就得到 pixel，故“像素”表示“图像元素”之意，有时亦被称为 pel(picture element)像素是网页布局的基础。一个像素就是计算机能够显示一种特定颜色的最小区域。当设备尺寸相同但像素变得更密集时，屏幕能显示的画面的过渡更...
2018-03-26 17:22:23
1963
转载 Webstorm下配置autoprefixer插件(css兼容代码)
安装 node.js;安装Autoprefixer// 可选用淘宝镜像npm install autoprefixer -g安装 postcss-cliAutoprefixer 其实是 postcss 的插件npm install postcss-cli -g配置 External Tools打开 Webstorm 设置，Preferences -> Tools -> Exter...
2018-03-26 17:21:48
1816
1
转载 原生js判断 PC端 or 移动端
方案1：function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var fla
2018-03-26 17:21:08
969
转载 Flex实现元素的水平居中和垂直居中
flex容器内子元素的float、clear和vertical-align属性将失效，所有子元素自动成为容器成员flex item，即“项目”。水平居中justify-content属性定义了项目在主轴（水平）上的对齐方式。justify-content可取值：flex-start（默认值）：左对齐flex-end：右对齐center： 居中space-between：两端对齐，项目之间的间隔都相...
2018-03-26 17:20:41
30775
转载 ES6新特性
函数面向对象内data:function(){ } => data(){ }render:function(h){ return h(App) } => render:h => h(App)let用let声明变量只在块级作用域起作用，适合在for循环使用，也不会出现变量提升现象。同一个代码块内，不可重复声明的相同变量，不可重复声明函数内的参数。let与var区别：let声明的变量...
2018-03-26 17:19:55
273
原创 vue学习笔记
1. 嵌套组件//jsimport Vue from 'vue'var myHeader = { template : '<p>this is my header</p>'}new Vue({ el : '#app', components : { 'my-header' : myHeader }})//h...
2018-03-26 17:19:24
176
原创 vue2.0 填坑
main.js挂载元素import Vue from 'vue'import App from './App'import router from './router' 其中render:h=>h(App)为下面方法的缩写render: function (createElement) { return createElement(App);}Render函数是Vue2.x...
2018-03-26 17:18:58
298
原创 前端常用技巧
溢出隐藏单行overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;因使用了WebKit的 CSS 扩展属性，该多行隐藏方法适用于WebKi...
2018-03-26 17:18:16
176
转载 sublime text 快捷键
选择类 Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。 Ctrl+K 跳过当前选择的文本 Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。 Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。 Ctrl+Shift+L 先选中多行，再按下快捷键，会在...
2018-03-26 17:17:19
324
原创 Git使用指南
新建仓库http://blog.youkuaiyun.com/zamamiro/article/details/70172900更新项目http://blog.youkuaiyun.com/wblyuyang/article/details/49666199https://www.jianshu.com/p/f1fb960ef8f0强推，即利用强覆盖方式用你本地的代码替代git仓库内的内容: git push -f从本地...
2018-03-26 17:16:16
188
转载 VUE2.0 全套demo讲解 基础4（条件渲染）
转载至http://blog.youkuaiyun.com/sinat_17775997/article/details/68940794三篇基础发布之后，收到最多的就是谢谢楼主，其次的就是错别字有点多，这篇我肯定写完之后读三遍，现在已经是夜里2点了，如果还有没有发现大家就容忍一下，这次我将要讲的是条件渲染，对于条件渲染我觉得思来思去真没有什么好写的，但是既然我说过了这个是掘进史上最详细那我就要坚持我
2017-11-29 15:53:58
356
转载 VUE2.0 全套demo讲解 基础3（计算属性）
转载至http://blog.youkuaiyun.com/sinat_17775997/article/details/68940783二天基础1+基础2突然突破了1000的收藏率，这使我更觉得大家认可我这种分享模式，这也看的出来vue的热度，我在这段时间的分享中，我一直脑海里在转，如何用最好的demo，和更好的流程去写文章，我相信从基础1开始看，一定能在工作上面有很多大的收获，接下来还是按着我们约
2017-11-29 15:51:49
498
转载 VUE2.0全套demo讲解 基础2（列表渲染）
转载至http://blog.youkuaiyun.com/sinat_17775997/article/details/68940778在基础1发布之后，我真心发现，根据api进一步分析，再结合工作中的实际demo给大家讲解之后，大清早就收获了平均一分种一个喜欢，这使我很欣慰，自己的努力没有白费，我决心称热打铁马上出击，打造基础2，在基础上的部分我将给大家讲解列表渲染 v-for指令，在我自己认
2017-11-29 15:50:36
348
转载 VUE2.0全套demo讲解 基础1（模板语法）
转载至http://blog.youkuaiyun.com/sinat_17775997/article/details/68940774一开始在vue1.0的时候我就开始关注掘金的vue专栏，但是一直给我一种感受，真正能静下心来给读者写好每一个细讲，每一个讲解点，我觉得是最重要的，虽然我没有什么能力给大家带来像iview,mint ui等一系列大牛的基础vue带来的ui框架，但是我相信通过我自己
2017-11-29 15:48:42
339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人