jackyfgh-优快云博客

原创 javascript实现继承的几种方式

function father(value){ this.value=value;}father.prototype.getValue=function(){ console.log(this.value)}function child(value){ father.call(this,value)}child.prototype=new father;...

2019-03-12 09:46:26 526

原创防抖和节流

关于两者的相同之处就是在不影响客户体验的状态下，将频繁的回调函数进行次数的压缩这样可以避免大量的计算而造成的页面卡顿。关于不同之处，有些人将这两种场景经常记混。防抖是为了多次执行变成只执行最后一次，场景如下:输入联想搜索，用户在不断的输入值时，用防抖来解决资源的请求。或者按钮点击收藏和点赞等操作只需要记录最后一次的操作就可以了。节流是将多次执行变成在规定的一个时间内只能进行一次操作，场景如...

2019-03-11 14:25:49 195

原创快速学习nuxtjs

nuxt作为一个SSR的框架目前需要在nodejs的环境下能够进行服务器的渲染，当然官网也有PHP的支持方式下面不在赘述。首先需要安装一个模板命令如下：vue init nuxt-community/koa-template <project-name>然后我们根据命令提示进行安装依赖和运行项目使用npm run dev时发现一下错误，根据github上的is...

2019-03-08 15:14:09 821 1

原创 nrm的使用

开发的npm registry 管理工具 nrm, 能够查看和切换当前使用的registry（这里是为了电脑能够更快的切换和更快的下载）如何安装$ npm install -g nrm例子$ nrm ls* npm ---- https://registry.npmjs.org/ cnpm --- http://r.cnpmjs.org/ eu ----- http...

2019-03-07 14:56:24 227

原创前端可能用到linux命令记录一下方便以后查阅

1.ls [选项] [目录名 | 列出相关目录下的所有目录和文件-a 列出包括.a开头的隐藏文件的所有文件-A 通-a，但不列出"."和".."-l 列出文件的详细信息-c 根据ctime排序显示-t 根据文件修改时间排序---color[=WHEN] 用色彩辨别文件类型 WHEN 可以是'never'、'always'或'auto'其中之一白色：表示普通文件 ...

2018-08-03 11:49:30 242

Nuxt.js通用 vue.jsSSRSSR：服务器端 VUE渲染成HTML返回浏览器SEO：VUE SPA（单页）新闻搜索引擎比较SPA加载较快因为新闻博客都需要搜索引擎抓取内容，大量的流量来自于服务器端的渲染如果使用vue制作该类网站的话那么有可能只能抓取到首页，那么我们就需要使用服务器端端的渲染SSR来进行网站的搭建。以前的J2EE和PHP也是服务器端渲染但是后来因为大前端的趋势SPA势不可...

2018-05-25 09:27:29 7001

原创 VUE生命周期详解

VUE2生命周期图首先上一张图这是VUE的官方文档中生命周期的流程图下面我们来进行一下测试，测试代码如下：注：因为DOM的操作的成本很高、很慢虽然之后出现jQuery这样十分方便的选择器方便我们操作DOM但是聪明的程序员不仅仅满足这样的方式，这时便出现了MVVM的框架，我们可以使用数据驱动视图变化，我们无需去操作DOM只要数据变化了，DOM视图会自动取刷新，这样大大提高了效率，虚拟DOM其实就...

2018-05-04 17:38:49 668

原创 axios的封装使用

封装axios对vue的ajax错误进行统一处理1. 为什么要封装axios直接用不好么？通常ajax返回的请求错误有两种一种是网络问题或者代码本身的问题造成的错误如400，404，500等，另一种是由后端校验抛出的错误以axios为例ajax请求一般这么写才能抛出错误import axios from'axios'axios.get('/user?ID=12345')...

2018-05-04 17:34:07 3281 1

原创常用的javascript函数

1.字符串长度截取function cutstr(str, len) {var temp,icount = 0,patrn = /[^\x00-\xff]/，strre = "";for (var i = 0; i if (icount temp = str.substr(i, 1);if (patrn.exec(temp) == null) {icount

2016-12-16 11:19:29 301

原创闭包和函数声明那些事

一、闭包1.什么是闭包？函数嵌套函数，内部的函数可以调用外部函数的变量和参数，因为内部引用了外部的变量和参数所以参数和变量都不会被垃圾回收机制所收回。2.闭包有什么好处应用在哪里？好处：1.希望一个变量长期驻扎在内存当中 2.避免全局变量的污染 3.私有化成员用法：1：模块化代码（如例子1）2：再循环中直接找到对应元素的索引（例子2

2016-12-14 21:21:59 342

转载 ajax状态值(readyState)与状态码(status)详解

1- AJAX状态值与状态码区别AJAX状态值是指，运行AJAX所经历过的几种状态，无论访问是否成功都将响应的步骤，可以理解成为AJAX运行步骤。如：正在发送，正在响应等，由AJAX对象与服务器交互时所得；使用“ajax.readyState”获得。（由数字1~4单位数字组成）AJAX状态码是指，无论AJAX访问是否成功，由HTTP协议根据所提交的信息，服务器所返回的HTTP头信息代码，该

2016-12-04 21:36:34 1202

原创 git的基本使用

1.git的基本工作流程git repository（git仓库）最终确定的文件保存到仓库，成为一个心得版本，并且对他人可见暂存区暂存已经修改的文件最后统一提交到git仓库中working Directory（工作区）添加、编辑、修改文件等动作将工作区域提交到暂存区的命令 git add 文件名 git rm 文件名就是删除文件将暂存区提

2016-12-04 21:34:14 228

原创 tinyFish小游戏

canvas是H5推出的一个新的功能非常好用就像画板一样，目前为h5的游戏也确实很火这是一款非常简单的大鱼喂食小鱼的游戏下面展示一下游戏效果：这是游戏的效果图下面提供一下源码，初次使用面向对象编程在网上看到的也就学习一下然后自己做了一下，中间也遇到很多很多的bug都得到了一一的解决。代码有待于优化写的不好谢谢指教！代码用到的追踪算法由简单的距离判断构成。链接：http:

2016-11-11 16:27:01 296

原创学点Php

WEB前端开发PhP 1.php 1.Php: person home page ==>hypertext preprocessorRasmus Lerdorf 在1995年6月8日将 PHP/FI 公开发布 2.php5 2005年发布 3.应用范围 1.主要作用:web服务器端的脚本 2.命令行脚本 3.应用程序图形界面

2016-11-03 16:55:43 247

jackyfgh的博客