navysir8-优快云博客

转载程序员如何三十而立

优秀程序员须记住的8件事，一起来看看你做到哪些了。1、保持学习一个非常重要的观点是：如果你停留在一个地方不前，并不代表你能一直呆在那里，而是代表你正在落后（不进则退）。往前进并不意味着你是就能进步——这至少你不会沦落到最后（付出就会有收获）。程序员为了保持向前发展，就需要不断学习，我们需要的不是慢慢的往前走，而是我们要奔跑起来！下面列出这方面的几个观点

2014-12-04 14:12:46 635

原创 Call、 Apply、 Bind之间的区别 - (每天一个小难点1)

1. 文字描述相同点三者都会改变this指向（调用函数内部this）不同点Bind绑定对象后，会产生一个新函数； Call和Apply不会产生新函数，只是调用时绑定一下而已； Apply第一个参数是绑定对象，第二个参数是数组（是函数的所有参数）； Call第一个参数是要绑定的对象，第二个以后为函数的所有参数。2. 代码演示// 示例代码：*/var obj1 = { name: 'navy',}let fn = (num, str) => { con...

2022-03-11 16:35:29 405

原创 vue3.0生命周期中文翻译图

听过这么一个事，有些开发朋友英语不太好，干了好久前端了，但看是不明白生命周期图，我做了一下总结，相信看了下面图就会了解vue的整个运行周期原理了。

2022-02-11 16:10:51 1061 1

原创 Nodejs和Javascript的区别

最近有人问我，ECMAScript、Javascript、Nodejs这三者有啥区别，尤其是前两者，是不是一回事啊，可真不是，我们作为前端工程师，这点分不清楚就有点过份了，下面是区别，看完后你就会明白。ECMAScript（推荐------阮一峰 http：//es6.ruanyyifeng.com的es6）主要是定义了语法，让我们如何写javascript和nodejs变量定义，循环，判断，函数等原型和原型链、作用域和闭包、异步JavascriptECMA...

2022-02-10 19:41:02 2222

原创 uniapp 配置eslint语法检查和自动纠正格式

如今开发，哪有不用eslint辅助工具的，多方便嘛！上干货我是用vscode开发，这里只针对vscode；1.下载esline插件安装重启可生效；2.在uniapp目录中下载安装eslint-config-standard在当前项目中执行npx eslint --init，安装成功完毕后，项目工程目录下会自动生成.eslintrc.js文件，此时你的语法检查已经生效。3.其它设置；如果自动纠正格式的，可以在网上查询相关配置修改。...

2021-12-29 16:37:07 4614 1

原创 Git仓库迁移仓库最快最方便的方式

实现方式：1.从老仓库克隆一份到本地git clone --bare git://oldgithub.com/username/old-roject.git2.在新的Git服务器上创建一个新仓库，比如叫new-project。3.以镜像推送的方式上传代码到newproject服务器上。cd oldproject.gitgit push --mirror git@newgithub.com/username/newproject.git4.完成，可以去git库查看，直接克隆到本地后可以

2020-06-22 15:11:42 347 1

原创 Dialog弹框新建编辑共用，关闭时清除验证

场景：图1是新建应用弹框，图2是编辑应用弹框，关闭图1打开图2时，图1的验证信息还在，这时候验证信息需要清除，那么，如何来清除呢？方案：1.给表单ref指定表单数据：ref=“formDate”；<el-form label-width="100px" :model="formData" ref="formData" :rules="rules"></e...

2020-03-06 15:51:22 475

原创 The "Head" component has been registered but not used

场景：Failed to compile../src/page/appliction/index.vue Module Error (from ./node_modules/eslint-loader/index.js): /Users/wanghaijun/project/aaa/src/page/appliction/index.vue 26:9 error The "Head" co...

2020-03-04 11:30:02 3938 2

原创登录验证密码—（必须包含字母+数字+特殊符号）正则表达式实现

直接上代码：let reg = /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>,.\/]).{8,16}/;console.log(reg.test('abc123@'))//true以下为可视化图，很好理解以上代码。再分享大家一个检验正则的工具：https://regex101.com/...

2019-11-01 16:46:25 8692 2

原创 Mac操作Git时出现xcrun: error的解决方案

在我们操作git过程中，出现以下错误报文时：xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun意思是发生错误无效的开发路径……xcrun丢失，...

2019-05-10 00:42:07 7244

原创 git分支管理中常用的命令

从branchonline分支创建新的分支 Git checkout -b <branchname> origin/<branchonline> 添加版本号 Vim file ‘版本更新为1.2.1’ Git commit -a -m 同步新分支内容到远程服务器 git push origin <brancchna...

2018-08-13 19:09:09 238

原创 Git配置密钥方法for Mac

如今在开发过程中，我们在团队协作的情况下，用svn的用户量远远小于git用户量，接下来，我在mac上进行配置密钥，看完后，其实相当简单。主要分四步：1.下载gitMac上已经集成，无需下载安装；2.生成密钥文件 ssh-keygen -t rsa -C user@163.com3.找到密钥文件open ~/.ssh在本地会直接打开.ssh目录文件4.将密钥同步到你的git上打开id_rsa.pub...

2018-07-12 17:26:33 9280 2

原创 Node内建模块的优势是什么？

最近我一直在研究Node，有朋友问我Node内建模块的优势是什么，今天咱们来聊聊。首先，它们本身是由C/C++语言编写，性能上优于脚本语言；其次呢，在进行编译的过程中，它们被编译成二进制文件，一旦Node开始执行，它们会直接加载到内存中，无须做标识符定位、文件定位、编译等过程，直接可执行。

2018-02-02 14:57:38 277

转载和我了解IIFE语法

目录介绍IIFEIIFE的性能使用IIFE的好处IIFE最佳实践jQuery优化介绍在Bootstrap源码(具体请看《Bootstrap源码解析》)和其他jQuery插件经常看到如下的写法： Js代码收藏代码+function ($) { }(window.jQuery); 这种写法称为： IIFE （Imdiately Invoked Function Express

2017-12-19 11:16:10 483

原创 Mac通过git统计代码行数

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：重点内容Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML*i*强调内容离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 C

2017-12-14 17:00:55 1846

原创 webstorm激活方式

在这里介绍一种方法，都特别简单，没有复杂过程：打开webstorm后选择License Activation窗口中的“License server”选项，输入以下网址：http://idea.iteblog.com/key.php点击Activate就ok了。

2017-12-13 15:06:07 792

原创 mac代码行数统计

当我们项目成功上线后，测试人员会要求我们提供一个代码的行数，或者其它情况要求统计代码行数，那么，我们应该如果什么办法来统计呢？接下来向大家介绍一种方法，能够快速统计出代码行数。（注意：这个方法只适用于mac哦）方法：cloc1.安装打开终端，输入以下命令。按照提示回车输入电脑密码后就等待下载安装吧。全程用不了多长时间。ruby -e "$(curl -fsSL https:

2017-08-16 14:24:39 528

原创微信分享自定义内容实现

做html5的童鞋，微信中的分享，包括分享给qq好友、分享到朋友圈等，如何来自定义其中的内容呢？下面咱们一起聊聊。微信JS-SDK中的分享有两种方案。第1种，可以自定义分享的“title”与“图片”，即使没有微信JSSDK的权限也可以操作。大致的思路如下 1，修改title。在用户点击分享按钮之前，利用js代码修改网页的“t

2016-06-15 14:26:12 1793

原创 web前端开发你应该知道的好消息

IE 浏览器一直是很多网页开发员诟病的对象，这个令开发员们烦恼的问题终于要得到解决了：微软今日宣布公司将从下周二即1月12日开始不再支持IE8、9 和10。　　按照惯例，微软将于下周二发布月度升级，其中包括一个敦促用户升级浏览器的补丁。安装完升级之后，如果Windows 7和 Server 2008 R2的用户仍在使用旧版本浏览器，编号KB3123303的补丁就会弹出一个对话框，敦促用户

2016-01-15 12:16:53 346

原创 mac osx终端命令大全

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2015-09-07 17:53:30 854

原创 MAC OS 9个实用的终端命令

通常情况下，只有高端用户才会经常用到终端应用。这并不意味着命令行非常难学，有的时候命令行可以轻松、快速的解决问题。相信所有Mac用户都尝试过命令行，今天为大家带来9个非常实用的命令行操作。一些命令行需要安装Xcode之后才可以实用，Xcode在Mac App Store中免费供应。1.使用caffeinate阻止Mac运行屏幕保护和睡眠caffeinate能阻止Mac进

2015-09-07 17:41:51 581

原创如何用js判断不同浏览器

在我们做html5前端工程师的工作中，往往遇到最多问题的就是各个浏览器的兼容性问题，当我们针对不同浏览器进行不同操作时，我们该怎么做呢？现在可以由以下代码方能实现： function getExplorer() { var explorer = window.navigator.userAgent ;//获取浏览器； //ie

2015-06-18 17:20:38 957

原创 color animation特效制作

当我们用animate()函数做动画效果时，这里backgounColor单单用jquery函数库是实现不了的，需要引入 Color Animations 插件（jquery-ui.min.js），下面是一些实例代码： animate color annimation -->

2015-05-08 11:29:19 1069

转载回调函数的理解

所谓回调函数只是一个跟语言无关的概念。说白了就是A调用了B，B在适当的时候又反回去调用A。这样的东西都可以叫做回调函数。从上面也可以看出来，多数时候因为是单线程，A没有必要等B来调用它，因为A在调用完B之后完全可以调用自己需要的操作。所以回调多见于事件驱动机制里。因为A在调用完B之后不知道B什么时候会完成，反应在JS里就是A发出了一个操作B，B是一个AJAX操作，所以A不知道B什么时候

2015-05-07 17:56:49 447

原创 camel标记法是什么方法

camel英语的意思是骆驼的意思，在咱们编程里呢呢做‘骆驼拼写法’，也叫咱们熟知的‘驼峰法’。camel的全英文书写为camelCase,其它从字面就能很直观的理解。camelCase是指在英语中，依靠单词的大小写拼写法，如：navyWang,backColor这些复合词，后一单词用大写书写；其实吧，在英语当中呢，这种书写方式是不允许的，但在编程过程中呢，咱们到处可以看的到，经常接

2015-05-05 17:24:50 4091

原创获取当前鼠标所在的坐标

获取鼠标的当前坐标，可以用pageX or pageY就可以实现，代码特别的简单，代码如下： pageX or pageY $(document).ready(function(){ $(document).mousemove(fun

2015-04-23 18:14:52 1641

原创如何显示哪个 DOM 元素触发了事件

我们如果想显示DOM元素触发了事件，直接用event.target就可以实现，见如代码： target $(document).ready(function(){ $('h1,h3,h5,p,button').click(function(e

2015-04-23 18:12:44 827

原创如何获取键盘的键位序号

获取键盘的键位序号，其实特别的简单，只需要通过event.which就可以实现。接下来看一下下面代码就明白了。 which $(document).ready(function(){ $('input').keydown(function(e

2015-04-23 18:05:37 1767

原创低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频

支持低版本IE的html5播放器演示通常人们习惯用swf播放器来播放网络视频音频HTML5给我们带来了很多惊喜，其中新增加的audio和video标签可以让我们更方便的在网页中播放音频和视频。video标签虽好，然而目前它却无法在旧版的IE浏览器中使用。所以一般还是用flash播放器来播放视频，例如优酷网站的插入视频的代码如下：但是手上没有好的swf播放器怎么办？这个网站给出

2015-04-22 16:24:33 9775

原创 <meta>不同定义带表不同含义

不同的定义方式有不同的含义，这是web前端者必知的东西：说明了他的文字编码说明了他采用的语言说明了他的作者说明了他的版权是对网站的简单描述主要是被百度这些搜索网站检索的时候用的非常重要说明了本网站的关键字主要是被百度这些搜索网站检索的时候用的非常重要

2015-04-16 16:37:50 744

原创 HTML5 canvas热点图应用

使用canvas API可以创建多种应用，下面我做一个我特别感兴趣的例子，叫做热点图。怎么理解热点图呢，其实很简单，就是度量温度的意思，可以用于任何可测量的活动。界面上活跃高的部分以用亮色标记，活跃低的用暗色标记。举个例子，热点图可以用在城市地图标记交通路况，或者在世界各地地图上上显示风暴的活动情况。接下来这个例子是，鼠标移动到某个区域，会使某个区域的热度增加。如下：

2015-03-26 16:11:35 1372

原创 canvas背景填充、缩放、变换、文本

canvas功能太强大了，我喜欢canvas。接一下来我写了一个小例子，这个例子囊括了canvas背景的填充，缩放，变换，文本，一步到位； 1.canvas背景图起初呢，这张图上中的小路，是以纯色填充的，这样不乏有点单调，没有质感，咱们所熟知的路一般是崎岖的，所以，我想给这条路添加些纹理来实现我想要的效果；我们将调用createPattern函数来实现，原理是先加载

2015-03-23 10:57:41 2618

原创 HTML5渐变实现

渐变 Context对象可以通过createLinearGradient()和createRadialGradient()两个方法创建渐变对象，这两个方法的原型如下： Object createLinearGradient(x1, y1, x2, y2); 创建一个从(x1, y1)点到(x2, y2)点的线性渐变对象。

2015-03-20 10:55:26 2076

翻译 HTML5中类jQuery选择器querySelector的使用

简介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。element = docum

2015-03-18 10:39:19 668

原创 CSS中背景的Linear Gradients（线性渐变）

webkit内核的safari、 Chrome的Linear Gradients (线性渐变)-webkit-gradient是background的一个属性值；webkit内核的safari、 Chrome的Linear Gradients (线性渐变) 基本语法：background-image:-webkit-gradient(type, x1 y1, x2 y2, from

2015-03-17 18:07:36 772

原创特别实用的-js判断浏览器窗体、用户屏幕可视区域大小位置的方法

有时我们需要获得浏览器窗口或屏幕的大小、窗口下拉框下拉的距离等数据，对应这些需求，js中提供了不少解决方法，只是数量稍多容易混淆它们各自的意义，下面咱们用图例来解释下12个常见对象属性的作用。其中有6个常用的浏览器窗体属性（由于offsetWidth/Height在不同浏览器下表现有出入，故不在本章讨论）： document.documentElement.clientWidt

2015-02-12 15:31:55 670

原创 navy T生活语录总结-（实时更新）

1.看问题的高度、角度决定你未来的成就；（2015.01.13）2.比别人更高一筹，就看谁善于利用业余时间；（2015.01.14）3.一味的纵容自己的过失等于自取灭亡；（2015.01.14）还在更新中……

2015-01-14 10:39:47 468

转载 F和弦(大横按）的训练方法

伟大的。。。挨砖的名头啊，但现在的我实在无法用言语形容今天攻破大横按这道坎的喜悦！对于吉他初学者，最难过的坎莫过于大横按！据统计几乎50%的吉他爱好者都是因为过不了这一关而放弃这门乐器的学习只所以说是伟大是因为，我仅用了三天就完成了大横按的突破。目前我查过的所有中文和英文资料里都没见我我这种训练方法，而这种方法却起到了特效！！闲话不多说，以下我将按步骤说明我的训练方法：

2015-01-13 22:59:36 2314

翻译 Adobe Flash CS 6新功能详解二——安装Toolkit-for-CreatJS插件

早在2010-10-30，我就坚信：“即便到了HTML5盛行的一天，Flash不会消亡，Flasher不会消亡！最多就是发布的时候换一种格式，或者换一种运行时。”详见博文：《Flash不是HTML5的敌人！》。而今，2年前的预言终于变成了现实！Flash Professional CS6的一个重大重新是可以把Flash格式的文件转换成HTML5格式的文件。不过，这个功能并没有直接提供，而是通过

2015-01-05 15:10:00 1205

原创分享一些炫酷的国外网站

注：这些网站都需要翻墙的http://ryandelaney.co.nz/index.htmlhttps://diablomedia.com/http://teamviget.com/#!lift-offhttp://1md.be/http://floridaafterseven.com/http://depot.freeagent.com/

2014-12-24 15:05:53 6149