2018年05月_Qin__

原创 vue中组件name的作用

这是一篇总结笔记我们在写vue项目的时候会遇到给组件命名这里的name非必选项，看起来好像没啥用处，但是实际上这里用处还挺多的 export default { name:'xxx'}1.当项目使用keep-alive时，可搭配组件name进行缓存过滤举个例子：我们有个组件命名为detail,其中dom加载完毕后我们在钩子函数mounted中进行数据加...

2018-05-23 15:46:19 32473 2

原创 git常用命令

记录一些常用命令git下载git clone “xxx”查看项目git status上传git add . //把所有文件添加到本地缓冲区git commit -m ‘first commit’git remote add origin git@xxxx/xxx.gitgit push origin master分支git pull 把线上的...

2018-05-15 15:10:22 187

原创 vue中使用轮播插件vue-awesome-swiper 例子

vue项目中用到了，这里记录下1.先安装插件 npm install vue-awesome-swiper –save2.全局引用(main.js)import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css/swiper.css' Vue.use(VueAwesomeSwiper)3...

2018-05-14 16:59:22 1543 1

原创如何通过码云开发托管私人项目

本文是个学习笔记前言：之前在公司生成了一个自己的私人项目，现在我想在家里programming这个项目，so, how to to it next? 这里做一个记录主要是需要生成本地的SSH公钥使用SSH公钥可以让你在你的电脑和码云通讯的时候使用安全连接（Git的Remote要使用SSH地址）1.在码云个人中心找到SSH 2.找到码云生成SSH教程链...

2018-05-13 20:10:26 1938

原创 vue中封装动画组件(渐隐渐现效果)

项目引用了velocity.js，下载地址 http://velocityjs.org 。本文是个学习笔记&amp;lt;body&amp;gt; &amp;lt;div id=&quot;root&quot;&amp;gt; &amp;lt;comp :dis=&quot;show&quot;&amp;

2018-05-11 14:43:09 3270

原创 vue中动态组件与v-once指令，简单小示例

2018-05-10 14:28:23 1132

原创 vue中父子组件注意事项，传值，slot应用

这是一篇学习笔记一.父子组件传值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>父子组件传值</title> <style> &

2018-05-09 10:38:51 3130

原创 vue build打包后的index文件打不开

使用vue-cli构建的项目 cnpm run build后的文件打不开这里记录下解决方案打不开的原因是build后的文件也是需要在服务器上才能运行，自己起一个http server就可以运行了~...

2018-05-05 10:54:04 3968

原创自己对闭包的理解

闭包的由来，为什么要用闭包由于ES5之前没有块级作用域概念导致例子中我们期望的局部变量 i 被环境污染从而产生错误结果。解决问题要用到IIFE 为什么要用IIFE传统方法定义和执行分开写传统的方法直接污染全局命名空间(浏览器里的 global 对象,如 window)于是有人就想出是否可以这样写： function foo(…){}(); 当然不能，为什么呢？因...

2018-05-05 10:50:41 230

原创 js数组去重和正则

数组去重ES6 Set 搭配Array.from和…扩展运算符2.利用indexOf正则正则去掉某类字符，比如大写字母，小写字母，数字str.replace(/[0-9]/g,’’) //过滤数字str.replace(/[a-z]/g,’’) //过滤小写字母str.replace(/[A-Z]/g,’’) //过滤大写字母str.replace(...

2018-05-05 10:42:51 730

原创前端跨域的几种方式

前端开发中免不了遇到跨域问题,总结下跨域的8种方式1.代理同源策略是针对浏览器端进行的限制，可以通过服务器端来解决该问题2.图片ping或script标签跨域通过图像Ping，浏览器得不到任何具体的数据，但通过侦听load和error事件，它能知道响应是什么时候接收到的。图像Ping最常用于跟踪用户点页面或动态广告曝光次数。图像Ping有两个主要的缺点，一是只能发送GE...

2018-05-05 10:40:05 925

原创前端浏览器渲染和性能优化详细过程

1.从输入URL到加载html的详细过程加载资源的过程1.根据输入的域名先查找本地hosts文件是否有对应的域名IP关系,如果有,则向其IP地址发送请求,如果没有,再去DNS服务器查找IP. DNS根据域名查找IP地址的过程：浏览器客户端向本地DNS服务器发送一个含有域名www.xxx.com的DNS查询报文。本地DNS服务器把查询报文转发到根DNS服务器，根DNS服务器注意到其co...

2018-05-05 10:35:01 1270

原创实际开发中JS闭包的应用

ES5之前JS是没有局部变量的，所以程序员发明了闭包。闭包作用：避免变量被环境污染1.函数作为返回值function F1(){ var a = 100; return function(){ console.log(a) }}var f1 =F1();var a = 200;f1()//100函数作为参数传递functi...

2018-05-05 10:21:24 1655

原创总结javascript中的||和&&运算符

简单总结如下:||遇到true返回 &&遇到false返回 &&优先级高于||举些栗子：alert(1||0)//1alert(0||1||2)//1alert(1&&0)//0alert(1&&0&&2)//0alert(1&&2&&0)//0alert(0

2018-05-05 10:17:02 236

原创 hexo+coding搭建私人博客 css加载出错

自己在搭建github blog的时候很顺利,一个简易示例地址:https://qinnechen.github.io/ 而在搭建coding private blog的时候遇到一个问题,就是本地预览ok但是放在服务器上样式表不出来这里记录下这个问题由于网上搭建教程很多,这里只谈如何解决css这个问题。这里的关键点是把blog的名字命名为 [你的用户名].codin...

2018-05-05 10:15:09 1411

Qin的专栏