gang456789-CSDN博客

转载 git提交pull request到主项目

标签（空格分隔）： GIT流程一：如何拉取别人项目并且pull request1、fork到自己账号下首先找到你的共同开发的主项目，然后点击fork，例如下面的图片展示。点击上图红色圈的按钮，就会把项目fork到自己的账号下，这个时候就会有一个你本地同名的项目形如XXX/MyHearts的，这个时候你可以复制这个地址url...

2018-07-18 14:07:59 3382

转载将本地的代码上传到github ，Github提交更改的代码，

1.将本地的代码上传到github首先你需要一个github账号，所有还没有的话先去注册吧！https://github.com/我们使用git需要先安装git工具，这里给出下载地址，下载后一路直接安装即可：https://git-for-windows.github.io/1.进入Github首页，点击New repository新建一个项目 2.填写相应信息后点击cr...

2018-07-17 16:54:06 3839

转载 FormData 详解另附上例子

FormData1. 概述FormData类型其实是在XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据（当然是用于XHR传输）提供便利。2. 构造函数创建一个formData对象实例有几种方式1、创建一个空对象实例var&nbsp;formDa...

2018-06-29 10:59:35 731

转载 javascript常见字符串操作和数组操作

1.字符串操作常用的方法有： charAt()、charCodeAt()、concat()、 slice()、 substr()、 substring()、 indexOf()、 lastIndexOf()、 trim()、 toLowerCase()、 toLocaleLowerCase()、 toUpperCase()、 toLocaleUpperCase()。与正则有关的方法有: ...

2018-06-28 16:24:47 328

转载深入研究-webkit-overflow-scrolling:touch及ios滚动

1. -webkit-overflow-scrolling:touch是什么？MDN上是这样定义的：-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和...

2018-06-28 16:14:35 723

转载 Vue2.0 $set()的使用

如下代码，给 student对象新增 age 属性data () { return { student: { name: '', sex: '' } }}众所周知，直接给student赋值操作，虽然可以新增属性，但是不会触发视图更新mounted () { this.stu...

2018-06-27 14:52:02 978

转载 ES6 Promise 用法讲解

Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。那就new一个var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log('执行完成'); ...

2018-06-27 11:25:05 176

转载 vue 使用Slot 分发内容学习总结。

https://cn.vuejs.org/v2/guide/components.html#使用-Slot-分发内容    官方API地址我对solt的理解是当组件中某一项需要单独定义，那么就应该使用solt。举例说明。例如项目中需要一个模态框提示付款成功，付款失败。那么这个模态框也就仅仅差这几个字或者是状态图片而已。那么此时应用solt就是一个非常不错的选择。目录结构...

2018-06-13 18:03:44 194

转载 vue2.0父子组件以及非父子组件如何通信

1.列表内容父组件数据如何传递给子组件呢？可以通过props属性来实现父组件：<comentAssem :childMsg ="msg"></comentAssem>data(){ return { msg: [1,2,3] };}子组件通过props来接收数据: 方式1：props: ['childMsg...

2018-06-13 17:26:56 194

转载将本地代码上传到码云上--步骤

将本地的项目上传到码云1、码云上创建一个项目 testgit (名字随你)2、本地创建一个文件夹D:/testgit，然后使用git bash    3、cd 到本地文件夹中D:/testgit，4、使用 git init 命令，初始化一个git 本地仓库（项目）,会在本地创建一个 .git 的文件夹5、使用git remote add origin ht...

2018-06-13 11:01:22 11892

转载 Angular4 - 引入第三方jquery 转载

Angular4 - 引入第三方jquery由于最近在Angular4中引入jquery的方式，先是使用了一种普通的方式，在对应的文件中import jquery，可以实现功能。只是后来自己想着怎么把$符号变成一种全局可识别的变量，所以花了一些时间去研究它。1. import * as $ from ‘jquery’（...

2018-06-04 10:53:50 610

转载 Vue:router的beforeEach与afterEach钩子函数

在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue里面提供了三大类钩子，两种函数1、全局钩子2、某个路由的钩子3、组件内钩子两种函数：1、Vue.beforeEach(function(to,form,next){}) /*在跳转之前执行*/2.Vue.after...

2018-05-24 13:05:07 1241

转载 vue跨域问题解决方法

vue跨域解决方法vue项目中，前端与后台进行数据请求或者提交的时候，如果后台没有设置跨域，前端本地调试代码的时候就会报“No ‘Access-Control-Allow-Origin’ header is present on the requested resource.” 这种跨域错误。要想本地正常的调试，解决的办法有三个：一、后台更改header?12header('Acces...

2018-05-18 17:52:35 1762

转载 vue中如何引入jquery详解

用vue-cli脚手架工具构建项目成功后当需要引入JQ，可用以下方法： 1.首先在package.json里的dependencies加入”jquery” : “^3.2.1”，2.在终端里输入npm install jquery –save-dev  当然用淘宝镜像 cnpm 也是可以的 &nbs...

2018-05-18 17:50:34 35229 6

原创阿里iconfont官网提供的矢量图标用法介绍

阿里iconfunt官网对于图标的调用写的不够详细，许多初用者不会用，下面具体介绍下总结的两种方法：在线调用方式1、首先建立新浪微博账号，用微博号登录iconfunt官网；　　 2、所需要图标加入购物车； 3、存储为项目； 4、获取在线链接、生成在线链接； 5、选择fontclass在线css模式； 6、把在线链接粘贴到link标签； 7、用.iconfont如上，在里边随意修

2017-10-14 14:05:21 4090

原创 jquery post时content-type的几种取值

参考：http://stackoverflow.com/questions/4007969/application-x-www-form-urlencoded-or-multipart-form-data四种常见的 POST 提交数据方式我们知道，HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、消息主体。类似于

2017-10-13 20:19:59 3223

原创 vue项目中用 cdn 优化

在我们写项目中，优化问题是不容忽视的，尤其是首屏优化更是重中之重，这里介绍两种方法优化方法—-cdn和异步加载，异步请看 http://blog.csdn.net/gang456789/article/details/78224751 1。cdn 首先cdn是什么，自己百度哦其作用是：当我们加载页面时，需要将我们所需要的一些依赖加载到当前会话中然后再开始执行，如果我们首屏，模块比较多是，需

2017-10-13 15:15:54 21448 7

原创 vue proxyTable 接口跨域请求调试（代理）

注明：本方法是在自己的浏览器创建一个服务器，然后让自己的服务器区请求目标服务器，同时说明，跨域是针对js来说的，其实基本上是追对ajax来说的，因此服务器之间可以随便请求数据而不受限制。上面我们的服务器已经区目标服务器请求了，然后我们去请求我们自己的服务器，这是就不是跨域了，因此可以访问。下面的方法原理就是如此：在不同域之间访问是比较常见，在本地调试访问远程服务器。。。。这就是有域问题。VUE解决通

2017-10-13 13:18:28 6495

转载 Vue的异步组件

Vue的异步组件1、前置要求建议使用webpack；Browserify在默认情况下不支持；2、用法解释首先上官网说明：https://cn.vuejs.org/v2/guide/components.html#异步组件虽然说明是没问题的，但是示例中的写法怪怪的，不符合一般新手学习者在实际使用中的习惯。嗯，换句话说，这段代码告诉你，通过这种方式引入异步组件，然后他漏掉了一些内容，比如说赋值，如何使用

2017-10-13 12:58:33 1295

原创使用withCredentials发送跨域请求凭据

默认情况下，标准的跨域请求是不会发送cookie等用户认证凭据的，XMLHttpRequest 2的一个重要改进就是提供了对授信请求访问的支持。本地模拟www.zawaliang.com向www.xxx.com发送带cookie的认证请求，我们需求做以下几步工作：默认情况下widthCredentials为false，我们需要设置widthCredentials为true：var xhr =

2017-10-11 15:18:29 1848

原创 get解决跨域请求问题，jsonp结合ajax

使用jsonp只能解决get请求的跨域，因为script标签中的src请求就是get请求。也就是说，通过JQ只能解决get请求的跨域。post请求的跨域，需要在服务器进行设置 JSONP实现跨域常用的jquery实现跨域调用$.ajax({ url: "http://127.0.0.1/~chenjiebin/mycode/php/crossdomain/index.php",

2017-10-11 13:44:47 9617

原创 ajax 设置Access-Control-Allow-Origin实现跨域访问(post跨域),CORS

ajax跨域访问是一个老问题了，解决方法很多，比较常用的是JSONP方法，JSONP方法是一种非官方方法，而且这种方法只支持GET方式，不如POST方式安全。即使使用jquery的jsonp方法，type设为POST，也会自动变为GET。官方问题说明：“script”: Evaluates the response as JavaScript and returns it as plain tex

2017-10-11 13:33:16 2481

原创 js与jquery知识点总结（2）

prevAll nextAll addBack的使用，这里以五星好评为例子说明用法，其中prevAll() 获得当前匹配元素集合中每个元素的前面的同胞元素，addback （）返回当前的元素与先前的元素的集合，.end()返回到最近一次“破坏”之前的状态<!doctype html><html lang="en"><head> <meta charset="UTF-8">

2017-10-06 19:06:27 390

原创 tab选项卡的基本实现

不多说，直接上代码，比较简单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } li{

2017-10-06 16:26:24 424 1

原创 js与jquery知识点总结(1)

js window.location.href=’url’的用法及arguments.callee的使用，详情请看我的arguments.callee这一博客<div id="demo"></div><script> var demo = document.getElementById('demo') var count = 5 var speed = 10

2017-10-06 16:22:23 690

原创轮播图的实现，并且切换速度有快变慢

不多说，直接上代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{margin: 0; padding: 0;} ul,ol{list-style:none;} img {

2017-10-06 11:32:20 6499

原创 arguments.callee

先看一个例子；该例子功能是在5秒之后广告也消失<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="demo"></div><script> var demo = document.getElementById('

2017-10-06 09:17:01 311

原创 keep-alive的activated，deactivated钩子，及列表scrollTop值存储，返回时还在该位置

先了解下keep-alive的一些内容：但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM，觉得作为一个前端工程师有必要优化下的加载逻辑，正好vue提供了keep-alive的功能：<template> <div class="app"> <keep-alive> <router-view></router-view> </keep-alive> <

2017-09-29 10:09:17 4132

原创 document body scrollTop的值总为零的解决办法

有一个功能需要判断返回顶部按钮是否显示。JS代码如下： var sTop = document.body.scrollTop; if(sTop>100){ document.getElementById("sm_top").style.display="block"; }else{ document.getElementById("sm_top").s

2017-09-28 07:59:40 4724

原创 vue项目中跳转到外部链接方法

当我们在文件中，如果是vue页面中的内部跳转，可以用this.$router.push()实现，但是如果我们还用这种方法跳到外部链接，就会报错，我们一看链接的路径，原来是我们的外部链接前面加上了http://localhost:8080/#/这一串导致跳转出现问题，那么我们如何跳转到外部链接呢，我们只需用 window.location.href = ‘url’来实现，具体代码如下： <span

2017-09-27 17:58:24 121305 9

原创 JS只能输入数字，数字和字母等的正则表达式

http://www.cnblogs.com/yzenet/archive/2012/04/10/2440312.html

2017-09-26 16:50:48 291

原创 vue项目优化之按需加载组件-使用webpack require.ensure

使用 vue-cli构建的项目,在默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,打包位置是 dist/static/js/app.[contenthash].js 类似下面的路由代码 router/index.js 路由相关信息,该路由文件引入了多个 .vue组件import Hello from '@/components/Hello'import P

2017-09-25 21:44:56 745

原创 rem自适应布局-移动端自适应必备:flexible.js

由于移动端特殊性，本文讲的是如何使用rem实现自适应，或叫rem响应式布局，通过使用一个脚本就可以rem自适应，不用再为各种设备宽度不同而烦恼如何实现自适应的问题。rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。1rem=16px(浏览器html的像素，可以设定这个基准值），假如浏览器的html设为64px，则下面的元素则1rem=64px来运算。阿里

2017-09-25 20:18:48 1007

原创 vue里面的scroll事件，以及如何处理事件问题，附带动画效果如何实现

需求：当我们想下拉页面，然后顶部弹出一些消息，如何实现，首先想到要用到页面的滚动事件，然后想到事件写到什么地方，不多说，看代码<template> <div class="home"> <div id="zz"> <transition name="bounce"> <ap v-show="aa"></ap> </transition>

2017-09-25 07:45:48 7802

转载 Git fetch和git pull的区别

Git fetch和git pull的区别 <div class="article_manage clearfix"> <div class="article_l"> <span class="link_categories"> 标签： <a href="http://ww

2017-09-24 15:52:52 237

原创 vue2.0 keep-alive最佳实践

1.基本用法vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗<keep-alive><component> </component></keep-alive>有时候可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用keep-alive的情况下<keep-alive><router-vie

2017-09-23 13:52:07 365

原创 HTML5 History 模式

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。const router = new VueRouter({ mode: 'his

2017-09-23 08:20:26 1219

转载页面优化

页面优化 <div class="article_manage clearfix"> <div class="article_l"> <span class="link_categories"> 标签： <a href="http://www.csdn.net/tag/%e

2017-09-23 08:10:27 4125

转载响应式和自适应的区别

先给大家体验一下响应式和自适应的区别，请放大缩小一下屏幕尝试自适应的体验http://m.ctrip.com/html5/ 响应式的体验 http://segmentfault.com/ 整理了几篇自适应和响应式的文章，摘抄并修改了一下，请大家欣赏：起初，网页设计者都会设计固定宽度的页面，最开始的电脑显示器分辨率种类不多，因为当时电脑本来就少，即使有变化也是 800 850 870 88

2017-09-22 21:21:41 396

原创关于两个页面用params传数据，刷新后数据消失的解决

通常我们在两个页面传数据时，一般会采用params，query，或者将数据用vuex，localStorage，sessionStorage存储起来，然后方便其他页面调用数据，但是params和vuex有一个不好的地方就是只要我们在接受数据的页面刷新一下，传过来的数据就会丢失，怎么解决这个问题，当然最好不用喽请看用params传数据this.$router.push({name: 'oldDet

2017-09-22 09:18:00 11735 4

空空如也

空空如也