自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

YUSIR 完美CODING世界

// 平常勤积累,用时才不慌!!!

  • 博客(390)
  • 收藏
  • 关注

原创 CSS clip:rect矩形剪裁功能

CSS中有一个属性叫做clip,为修剪,剪裁之意。配合其属性关键字rect可以实现元素的矩形裁剪效果。此属性安安稳稳地存在于CSS2.1中,且使用上基本上没有类似于max-height/display:table-cell等浏览器的兼容性问题。根据Dreamweaver的自动提示,clip有如下可用属性关键字:就顺序上而言,top → right → bottom → left,在CSS中是统一相...

2018-02-22 11:56:56 1512

原创 MongoDB之在mac上设置环境变量

要下班,简介做个笔记。设置环境变量在基于unix/linux的操作系统下进行程序开发,使用环境变量将会方便。通过设置环境变量将可以在任意目录通过输入程序名来执行设定目录下的程序。不需要通过cd将工作目录改变到程序目录再执行程序。而且免去了输入"./"的麻烦。 具体步骤如下: 1.打开 应用程序 -> 实用工具 -> 终端; 2.在终端中定位到自己用户

2018-02-06 22:22:34 2798

原创 windows10系统下MongoDB的安装及环境配置

windows10系统下MongoDB的安装及环境配置:MongoDB的安装  下载地址: https://www.mongodb.com/download-center  (这是windows10环境下的教程!请注意!)  下载后,我们点击mongodb-win32-x86_64-2008plus-ssl-3.4.3-signed.msi(为2017.4.16更新

2018-02-06 17:06:49 1523 2

原创 NodeJS解决跨域问题:Access-Control-Allow-Origin

今天在玩vue-resource时,后台使用nodejs来提供数据,由于需要跨域,在网上也找到了解决方法。vue-resource代码(其实就是ajax技术):this.$http.get({url:"http://localhost:3000/getdata"}).then(function (data) { console.log(data)},function (er

2018-02-01 17:09:34 13534 1

原创 Angular CLI ng 指令指南

Angular CLI 使用教程指南参考Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本.安装要安装Angular CLI你需要先安装node和npm,然后运行以下命令来安装最新的Angular CLI:注意:Angular CLI 需要Node 4.X 和 NPM 3.X 以上

2018-01-25 13:05:41 2089

原创 CSRF攻击原理及防御

CSRF攻击原理及防御一、CSRF攻击原理  CSRF是什么呢?CSRF全名是Cross-site request forgery,是一种对网站的恶意利用,CSRF比XSS更具危险性。想要深入理解CSRF的攻击特性我们有必要了解一下网站session的工作原理。   session我想大家都不陌生,无论你用.net或PHP开发过网站的都肯定用过s

2018-01-23 14:22:15 356

翻译 跨站点脚本(XSS)

1. 简介跨站点脚本(XSS)是当前web应用中最危险和最普遍的漏洞之一。安全研究人员在大部分最受欢迎的网站,包括Google, Facebook, Amazon, PayPal等网站都发现这个漏洞。如果你密切关注bug赏金计划,会发现报道最多的问题属于XSS。为了避免跨站脚本,浏览器也有自己的过滤器,但安全研究人员总是能够设法绕过这些过滤器。这种漏洞(XSS)通常用于发动cook

2018-01-23 11:51:11 4200

原创 表单提交enctype参数详解之:application/x-www-form-urlencode和multipart/form-data

application/x-www-form-urlencode我们在提交表单的时候,form表单参数中会有一个enctype的参数。enctype指定了HTTP请求的Content-Type。默认情况下,HTML的form表单的enctype=application/x-www-form-urlencoded。application/x-www-form-urlencoded是指

2018-01-22 16:57:28 5261

原创 实例适配ios11

不多bb,上码#import "ViewController.h"#import "PersonViewModel.h"#import "Person.h"#import "ShowTableViewCell.h"#import #import @interface ViewController ()UITableViewDelegate,UITableViewDataSou

2018-01-19 17:31:38 360

原创 iOS11新增版本判断API

iOS11新增版本判断APIiOS11版本现在有了简单的API,OC也开始支持swfit的@available语法,不用再手写iOS版本判断了。if (@available(iOS 11.0, *)) { // 版本适配}// 或者#ifdef __IPHONE_11_0 #endif目前没发现有iPhoneX的机型判断API,暂时可以使用size来做代替判断。

2018-01-19 15:23:05 8247

原创 maskView与CAGradientLayer那回事儿

maskView基本原理png图片透明像素的原理maskView可类比于多张png图片的叠加遮罩,原理类似maskView是iOS8以上才有的,如果要考虑兼容低版本,用maskLayer替代//使用maskView的情况@property (nonatomic, strong)UIImageView *addImageView; //声明叠加图片Viewself.add

2018-01-18 13:56:40 224

原创 maskView与CAGradientLayer详解

#maskView基本原理- png图片透明像素的原理- maskView可类比于多张png图片的叠加遮罩,原理类似- maskView是iOS8以上才有的,如果要考虑兼容低版本,用maskLayer替代```//使用maskView的情况@property (nonatomic, strong)UIImageView *addImageView; //声明叠加图片Viewself.addImag

2018-01-18 13:54:05 637

原创 NSTimer不准确与GCDTimer详解

NSTimer不准,scheduleTimer放在runloop里面,受runloop模式影响会不准//    [NSTimer scheduledTimerWithTimeInterval: target: selector: userInfo: repeats:];所以创建GCD定时器//dispatch_source_t timer = dispatch_source_cre

2018-01-17 11:06:20 2311

原创 使用CocoaPods导入百度地图SDK所遇到的坑

执行pod install遇到的问题:解决方安:百度了下,发现pod install命令被墙了,换成pod install --verbose --no-repo-update

2018-01-16 12:19:49 2676

原创 iOS警告-This block declaration is not a prototype

关于警告我们定义一个不带参数的block,通常是如下的方式1typedefvoid (^UpdateSwichBtnBlock)();在xcode9中会提示一个警告12This block declaration is not a pr

2018-01-09 16:43:24 13975

原创 常用的javascript设计模式

请坚持什么是设计模式百度百科:  设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。  使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。 毫无疑问,设计模式于己于他人于系统都是多赢的;设计模式使代码编制真正工程化;设计模式是软件工程的基石脉络,如同大厦的结构一样。 实际情

2017-12-13 17:17:45 177

原创 Array.prototype.slice.call(arguments)

Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组,除了IE下的节点集合(因为ie下的dom对象是以com对象的形式实现的,js对象与com对象不能进行转换)如:1 var a={length:2,0:'first',1:'second'};2 Array.prototype.slice.call(a);// [

2017-12-13 16:48:58 199

原创 jQuery编写插件

引言:  在项目中不同页面经常要用到已经写好的交互,比如弹窗,比如下拉菜单,比如选项卡,比如删除...此时如果每次都把代码copy一份无疑是一件比较麻烦并且无趣的事情,而且个人认为有些low了,我们可是要追寻高大上的90后有为青年呢~可是该如何高大上呢?这时jQuery自定义插件开发来了,第一次听到插件开发觉得如此happy,遂动手网上查找资料进行学习,如下,我用自己的语言

2017-12-08 11:36:41 226

转载 div内图片和文字水平垂直居中

大小不固定的图片、多行文字的水平垂直居中本文综述想必写css的都知道如何让单行文字在高度固定的容器内垂直居中,但是您知道或者想过让行数不固定的文字在高度固定的容器内垂直居中呢?本文将会告诉你如何实现多行文字的垂直居中显示。关于图片垂直居中显示,想必很多写css的人都研究过,或者说是搜寻过方法。淘宝团队似乎提供了一种不错的方法,用font-size解决IE下垂直居中的问题,是

2017-11-29 17:32:36 39329

原创 HTML元素title里面如何换行

在调试代码的时候我就遇到一个问题,HTML元素title里面通常只显示一行,那我想要他换行,就是多行显示,如何实现?JS代码里面比如Alert里面又该如何换行?    经过我的一番实验       要实现这种效果有几种方法,并且非常简单:    在HTML元素中,可以使用:1.直接按“回车键”换行,代码中换行,实际中也会换行     

2017-11-20 14:12:52 28453

原创 javascript对URL中的参数进行简单加密处理

javascript的api本来就支持Base64,因此我们可以很方便的来进行编码和解码。var encodeData = window.btoa("name=xiaoming&age=10")//编码var decodeData = window.atob(encodeData)//解码。下面来个具体的例子来说明如何对url中参数进行转码,并取得解码后的参数

2017-11-10 17:14:06 14470

原创 history.back(-1)和history.go(-1)的区别

history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面history.go(-1):也是返回当前页的上一页,不过表单里的数据全部还在history.back(0) 刷新 history.back(1) 前进 history.back(-1) 后退

2017-10-23 15:42:50 562

原创 vue-cli webpack 配置分析

目录结构.├── README.md├── build│   ├── build.js│   ├── check-versions.js│   ├── dev-client.js│   ├── dev-server.js│   ├── utils.js│   ├── webpack.base.conf.js│   ├── webpack.dev.conf.js│   └

2017-10-23 15:02:23 280

原创 不能修改“System Roots”钥匙串

iOS mac添加证书 不能修改“System Roots”钥匙串错误如图:解决方式:打开钥匙串---登录---,直接把证书拖过来然后,查看--我的证书,里面,找到证书,即可

2017-10-16 10:23:12 2282

原创 jquery插件封装指南

入门编写一个jQuery插件开始于给jQuery.fn加入​​新的功能属性,此处添加的对象属性的名称就是你插件的名称:jQuery.fn.myPlugin = function(){ //你自己的插件代码};用户非常喜欢的$符号哪里去了? 它仍然存在,但是,为了避免和其他JavaScript库冲突,我们最好将jQuery传递给一个自我执行的封闭程序,jQuery在此

2017-10-13 14:42:49 305

原创 Javascript面向对象编程:构造函数的继承

今天要介绍的是,对象之间的"继承"的五种方法。比如,现在有一个"动物"对象的构造函数。  function Animal(){    this.species = "动物";  }还有一个"猫"对象的构造函数。  function Cat(name,color){      this.name = name;    thi

2017-10-11 16:17:35 182

原创 jQuery length 和 size()区别

jQuery length和size()区别总结如下:    1.length是属性,size()是方法。    2.如果你只是想获取元素的个数,两者效果一样既 $("img").length 和 $("img").size() 获取的值是一样的;但是如果是获取字符串的长度就只得用length, 如 $("#text").val().length    看看官网的解释(

2017-10-11 11:21:45 389

原创 vue2使用axios post跳坑,封装成模块

终于将vue-resource替换成axios了,其中像application/x-www-form-urlencoded发送的头信息以及返回的response结果这两点都需要注意一下。其实https://github.com/mzabriskie/axios也有说明的。因为我在vue-resource中使用了Vue.http.options.emulateJSON = true;

2017-09-21 23:17:52 8215

原创 vue axios POST请求中参数以form data和request payload形式的原因

HTTP请求中,如果是get请求,那么表单参数以name=value&name1=value1的形式附到url的后面,如果是post请求,那么表单参数是在请求体中,也是以name=value&name1=value1的形式在请求体中。通过chrome的开发者工具可以看到如下(这里是可读的形式,不是真正的HTTP请求协议的请求格式):get请求:[plain] vie

2017-09-21 22:26:50 14062

原创 vue-resource 拦截器(interceptor)的使用

拦截器-interceptor          在现代的一些前端框架上,拦截器基本上是很基础但很重要的一环,比如Angular原生就支持拦截器配置,VUE的Axios模块也给我们提供了拦截器配置,那么拦截器到底是什么,它有什么用?     拦截器能帮助我们解决的添加统一的request的参数 比如header中加入X-Requested-With,比如

2017-09-21 17:38:32 1106

原创 Ajax 设置Access-Control-Allow-Origin实现跨域访问

之前遇到的问题整理ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种方法只支持GET方式,不如POST方式安全。即使使用jquery的jsonp方法,type设为POST,也会自动变为GET。官方问题说明:“script”: Evaluates the response

2017-09-20 16:33:40 724

原创 php下的原生ajax请求

浏览器中为我们提供了一个JS对象XMLHttpRequet,它可以帮助我们发送HTTP请求,并接受服务端的响应。意味着我们的浏览器不提交,通过JS就可以请求服务器。 ajax(Asynchronous Javascript And XML)其实就是通过XHR对象,执行HTTP请求。 1、创建XHR对象1var xhr

2017-09-20 16:05:10 1310

原创 vuex小例

少废话,先出东西 vuexmain.jsimport Vue from 'vue'import App from './App'import router from './router'import store from './store'Vue.config.productionTip = falsenew Vue({ el: '#app', router, stor

2017-09-20 11:48:54 244

原创 vuex知识点

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式;集中存储和管理应用的所有组件状态。状态:什么是状态,我们可以通俗的理解为数据。Vue只关心视图层,那么视图的状态如何来确定?我们知道是通过数据驱动,这里的状态管理可以简单理解为管理数据。集中存储:Vue只关心视图,那么我们需要一个仓库(Store)来存储数据,而且是所有的数据集中存储,视图和数据就可以分析。

2017-09-19 10:57:58 690

原创 Sublime Text 3 快捷键汇总

Sublime Text 3非常实用,但是想要用好,老是忘记,汇总一下,方便自己方便别人。用惯了vim,有些快捷键也懒得用了,尤其是在win下面,还有图形界面,所以个人觉得最有用的还是搜索类,对于阅读和修改代码来说,非常实用。选择类Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键,即可一次性选择全部的相

2017-09-19 10:53:42 343

原创 npm升级package.json依赖包

使用npm管理node的包,可以使用npm update 对单个包升级,对于npm的版本大于 2.6.1,可以使用命令:npm install -g升级全局的本地包。对于版本小于2.6.1的一个一个包的升级实在是太麻烦,就想找到一个升级所有本地包的方法,找到两个比较好的方式:shell脚本和npm-ckeckshell脚本使用shell脚本升级npm包,首先所在找到需要

2017-09-19 10:07:11 11434

原创 html 5 本地数据库(Web Sql Database)

基于HTML5的Web DataBase 可以让你在浏览器中进行数据持久地存储管理和有效查询,假设你的离线应用程序有需要规范化的存储功能本文讲述如何使用核心方法openDatabase、transaction、executeSql1.新建一个网页,比如:test.html 内容如下:[html] view plain copy>  h

2017-09-15 16:36:48 563

原创 iOS开发-证书问题精析~

在iOS开发过程中,不可避免的要和证书打交道,真机调试、App上架、打包给测试去测试等都需要搞证书。在此过程中我们会遇到很多的问题,但是如果掌握了真机调试的原理和本质;遇到问题,我们就更容易定位问题之所在,从而迅速的解决问题。知识点补充:    摘要算法:        摘要算法是指,可以将任意长度的文本,通过一个算法,得到一个固定长度的文本。这里文本不一定只是文本

2017-09-13 14:42:18 933

原创 H5-localStorage数据存储总结

一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。 二、local

2017-09-12 10:57:50 563

原创 浅谈 Vue 项目优化

前几天看到大家说 vue 项目越大越难优化,带来很多痛苦,这是避免不了的,问题终究要解决,框架的性能是没有问题的,各大测试网站都有相关数据。下面进入正题基础优化所谓的基础优化是任何 web 项目都要做的,并且是问题的根源。HTML,CSS,JS 是第一步要优化的点分别对应到 .vue 文件内的,,,,下面逐个谈下 vue 项目里都有哪些值得优化的点template

2017-09-07 10:33:09 519

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除