- 博客(35)
- 收藏
- 关注
RSS订阅原创 install -save 和 -save-dev区别
npm install moduleName -save：安装模块到项目node_modules目录下。会将模块依赖写入dependencies 节点。运行 npm install 初始化项目时，会将模块下载到项目目录下。运行npm install --production或者注明NODE_ENV变量值为production时，会自动下载模块到node_modules目录中。npm ...
2019-04-22 09:51:12
720
原创 __dirname和__filename和process.cwd()三者的区别
最近在学习用Node.js做一个简单的静态资源服务器，__dirname和__filename和process.cwd()简直让我混乱，- -！需要做一篇笔记！简单说一下这几个路径的意思：__dirname： 获得当前执行文件所在目录的完整目录名__filename： 获得当前执行文件的带有完整绝对路径的文件名process.cwd()：获得当前执行node命令时候的文件夹目录...
2019-03-05 09:44:46
1015
原创 如何判断一个变量是数组Array类型
1. instanceof操作符 var arr = [1,2,3] console.log(arr instanceof Array) //true2. 对象的constructor属性 var arr = [1,2,3] console.log(arr.constructor === Array) //true3. Array.isArray()（ie9...
2019-02-12 22:59:33
714
原创 Vue学习笔记之深入理解Vue组件（二）
父子组件间的数据传递1.父向子组件传值：1.1 子组件通过props接收1.2 单向数据流：父组件可以随意向子组件传递参数，子组件不可以改父组件的参数。解决办法： 要想改变父组件的参数，子组件在data项中新赋值父组件的变量，操作新定义的变量即可2.子向父组件传参数使用触发事件：this.$emit(‘方法名’，参数)，参数为传给父组件中监听事件运行这个例子，父组件给子组件传递了cou...
2019-02-03 00:36:50
220
原创 Vue学习笔记之深入理解Vue组件（一）
文章目录组件基础使用组件的细节点1.组件中使用is解决标签规范2.非根组件中data必须是函数3.操作domref组件基础// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: ...
2019-02-02 11:22:53
255
原创 Vue生命周期学习笔记
正在学习Vue生命周期，进行一下笔记整理，方便以后温习！每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。vue 实例的生命周期钩子函数，可以把它理解为：vue实例在某一个时间点会自动执行的函数。Vu...
2019-02-01 13:09:58
211
原创 MVP模式和MVVM模式学习笔记
MVP模式模型-视图-表示器，也就是MVP模式。是mvc模式的一种衍生模式，专注于改进表示逻辑。MModule，模型层，用户数据管理，通常是一些 javaBean, db,sharePreference,network,图片处理等耗时操作均应该放在该层。VView，视图层,一般指的是四大组件，四大组件对作为View，来完成应用程序界面的展示PPresenter 控制层，也叫中间层。相...
2019-02-01 09:11:00
241
原创 vue 项目 使用sass
新建VUE项目使用了sass，安装时候就出错辽，所以项目跑起来时候也出错了。解决办法：使用cnpm淘宝镜像自己安装sass。。。。$ npm install -g cnpm --registry=https://registry.npm.taobao.org （安装淘宝镜像）$ cnpm install node-sass --save （使用淘宝镜像安装node-sass）...
2019-01-30 10:29:41
150
原创 搭建Vue项目出错Cannot find module npm-cli.js
今天新建Vue项目的时候一直出现Cannot find module 'D:\node\nodejs\node_module\bin\npm-cli.js’这个错，看了网上好多方法都没用。我的解决方法：
2019-01-30 00:11:38
6711
1
原创 package control出现错误时怎样让sublime text3支持Vue语法高亮显示
一般sublime按照vue插件步骤是：安装Package ControlCtrl+Shift+P 执行Install Package安装Vue Syntax Highlight可是我的package control出现了以下问题：There are no packages available for installation尝试辽各种解决方法！！还是没解决这个问题，如果有有能解决...
2019-01-29 13:19:30
288
原创 webpack4学习笔记一
什么是WebpackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。为什要使用WebPack现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌...
2019-01-28 00:33:16
150
原创 原生JS实现简单动态轮播（二）
效果图：先看布局的代码： <div class="banner"> <ul class="clear" style="left:-100%;" &
2019-01-25 13:19:38
210
1
原创 编程题Check for Palindromes（检查是否为回文）
FreeCodeCamp中文社区刷题答案及笔记题目如果给定的字符串是回文，返回true，反之，返回false。如果一个字符串忽略标点符号、大小写和空格，正着读和反着读一模一样，那么这个字符串就是palindrome(回文)。注意你需要去掉字符串多余的标点符号和空格，然后把字符串转化成小写来验证此字符串是否为回文。函数参数的值可以为"racecar"，“RaceCar"和"race CA...
2019-01-23 23:34:03
356
原创 原生JS实现动态轮播（一）无缝轮播
在同学的帮助下，终于使用纯js代码实现了动态轮播，好难啊呜呜呜！学无止境加油吧！效果图是这样的，我们需要定义一个div，并放入三张图片，还需要左右两个按钮，以及底下三个按钮三个div。先看布局代码 <div class="banner" id="banner"> <ul class="clear" &am
2019-01-23 21:41:05
925
原创 单例模式学习笔记
今天的学习jquery组件开发时候例子使用了单例模式，所以总结了一些相关知识。单例模式介绍首先什么是单例模式？可以这样理解：单例模式旨在保证一个类仅有一个实例，并提供一个全局的访问点。可能有人还是不太理解单例的概念，那么你可以想象生活中的一些例子。比如注册账号的时候，如果我们注册的账号已经存在，那么系统会提示我们“账号已经存在是否使用该账号登陆”，我们无法再次创建一个一模一样的账号，除非把...
2019-01-19 11:40:48
110
原创 几个jQuery常用插件（个人学习用）
1.表单验证插件——validate该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下：$(form).validate({options})其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。Validation插件的官方API地址为：http:...
2019-01-18 14:18:18
199
原创 响应式布局学习总结
文章目录响应式布局概念响应式设计的步骤Meta标签定义通过媒介查询来设置样式设置多种视图宽度字体设置需要注意的问题图片处理宽度需要使用百分比响应式布局概念Responsive design，意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。例如，您先在计算机显示器上浏览一个网站，然后在智能手机上浏览，智能手机的屏幕尺寸远小于计算...
2019-01-17 00:25:27
929
原创 jQuery $.extend()用法总结
extend能实现的功能将一个或多个对象的内容合并到目标对象。语法：$.extend( target [, object1 ] [, objectN ] )；$.extend( [deep ], target, object1 [, objectN ] )deep： 可选。 Boolean类型 指示是否深度合并对象，默认为false。如果该值为true，且多个对象的某个同名属性也都...
2019-01-14 10:58:34
534
原创 原生js实现购物网站放大镜功能
首先看效果图：先是布局，左边一个小图框，包含一个鼠标移动框，右边一个放大框。 <div class="box"> <div class="small"> <img src="small3.jpg" alt=""> <div class="move&q
2019-01-11 22:55:55
203
原创 原生javascript实现星级评价功能
因为用到自定义字体，我首先到阿里巴巴矢量图标库下载了自己喜欢的星星样式。需要一个空心星星，一个实心星星。按照使用方法，如下图所示引入这些文件。接下来是布局，三行评价，都是一样的样式，那就用一个无序列表吧！ &lt;ul&gt; &lt;li class="goods"&gt; 宝贝与描述相符： &lt;i cla
2019-01-11 00:02:44
414
原创 jQuery基础之Dom篇总结
dom小知识点很多，总是过段时间又忘了，这次做个总结吧。文章目录Dom节点的创建Dom节点的插入内部插入外部插入Dom节点的删除Dom节点的复制与替换遍历Dom节点的创建jQuery节点创建常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来。创建元素节点：$("<div></div>")创建文本节点：$("<div>我是文本节点&l...
2019-01-08 22:11:05
126
原创 什么是SDK什么是CDN
今天的学习过程中碰到了Sdk，cdn，关于它们一直没有清楚的概念。好吧对于我来说要了解好CDN得花点功夫了- -！不懂不要紧，加油学吧！什么是SDK软件开发工具包（Software Development Kit，即SDK）一般是一些被软件工程师用于为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件的开发工具的集合。软件开发工具包，只是简单的为某个程序设计语言提供应用程序接口的一...
2019-01-07 22:48:30
6865
1
原创 Github Page+Hexo搭建炫酷个人博客（主题优化基础篇）
上一篇已经把博客搭建好了，这一篇来进行博客的主题优化讲解。文章目录配置博客信息安装主题配置主题Scheme设置菜单设置侧栏设置头像（旋转效果）设置RSS新建页面设置代码高亮主题侧边栏社交链接设置「背景动画」优化主题底部显示建站时间和图标修改设置网站logo左上角或右上角的Github样式隐藏网页底部powered By Hexo主页文章添加阴影效果修改文章内链接文本样式文章末尾统一添加“本文结...
2019-01-05 12:14:02
864
原创 用Github Page+Hexo搭建个人炫酷博客（基础篇）
一直想搭建一个自己的博客，刚好之前也在学习使用Node.js和Git，看了看所以决定使用Github Page+Hexo搭建，这篇文章就记录自己的搭建过程辣，方便以后进行知识回顾(▽)。文章目录准备工作Hexohexo是什么？安装初始化hexo初体验创建Github仓库并关联hexo命令准备工作使用Github Page+Hexo搭建博客，需要进行以下准备工作。注册自己的Github账...
2019-01-02 23:25:51
232
原创 Git新手学习使用总结
开始学习使用git bash惹，一边摸索一边记录下自己的学习过程。文章目录关于GitGit是什么Git的主要功能：版本控制Git的工作流程工作区、暂存区和版本库Git bash使用登录本地使用创建仓库并初始化文件添加和提交文件修改关于GitGit是什么Git是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。Git的主要功能：版本控制关于版本控制我是这样理解的：...
2019-01-01 10:42:48
540
2
原创 Node.js连接MongoDB数据库时出现DeprecationWarning: current URL string parser is deprecated
今天学习使用Node.js连接MongoDB数据库，这是我本来的代码var MongoClient = require('mongodb').MongoClient;var url = "mongodb://localhost:27017/";MongoClient.connect(url, function(err, db) { if (err) throw err; v...
2018-12-27 11:18:48
12780
2
原创 Node.js 连接 MySQL时出现10061未知错误
今天学习使用Node.js连接MySQL可是连接数据库时却出现了这个错误这个错误意味着我的MySQL并没有启动。我找到MySQL的安装目录下的bin文件，直接双击打开了mysqld -nt.exe文件，于是数据库可以连接上了，并且任务管理器中mysql也在后台进程里了。。。。。。...
2018-12-25 23:24:32
527
原创 javaScript编程题之检测字符串中出现次数最多的字符
方法一： var str="aaaaakkkkkkssssaaggggssjjjjjsssaa"; var obj={}; var max,maxNum; for(var i=0;i&lt;str.length;i++){ if(!obj[str[i]]){ obj[str[i]]=1 }else{ ...
2018-12-13 22:24:11
316
原创 JS高级之弹性运动
一个运动的盒子，一个开始的按钮，一条终点线.，我设置这条线的原因是方便看出效果，也可以不设啦。 &lt;div class="box"&gt;&lt;/div&gt; &lt;input type="button" name="" value="开始"&g
2018-12-12 10:01:48
502
原创 JS高级之简单缓冲运动并回到原点
&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&amp;amp;gt; &
2018-12-09 09:29:22
344
原创 js高级之实现匀速运动
使用计时器写了一个简单的匀速运动。鼠标经过，匀速运动开始&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;meta http-equiv=&quot;X-UA-Compatible&
2018-11-27 22:37:04
227
原创 简单JS实现抽奖大转盘（二）—使用组件形式
这个是对上一个博客改进，这里实现抽奖大转盘使用了组件的方法。也算是自己尝试写一个初级的小插件吧首先是html部分&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&
2018-11-26 10:54:51
2991
原创 javaScript实现抽奖大转盘（一）
今天试了试自己写个抽奖大转盘。先是借了两张别人的图片：下面是布局部分： &amp;amp;lt;div class=&amp;quot;round&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;box&amp;quot;&amp;amp;gt; &amp;
2018-11-26 10:42:25
4696
1
原创 今日学习日常记录，理解镜像。
在自学Node.js过程中，看到有说国内直接使用 npm 的官方镜像是非常慢的，推荐使用淘宝 NPM 镜像。由于是半路出家没有很好的计算机基础知识，并不清楚镜像的概念。镜像（Mirroring）是冗余的一种类型，一个磁盘上的数据在另一个磁盘上存在一个完全相同的副本即为镜像。镜像是一种文件存储形式，可以把许多文件做成一个镜像文件。所谓镜像文件其实和ZIP压缩包类似，它将特定的一系列文件按照一定的...
2018-11-20 17:53:28
167
原创 JS写斐波那契数列的几种方法
自学javascript一段时间啦，刚开通了自己的csdn博客分享一些自己所学的东西。接下来是我收集以及改进的几种使用JS写出斐波那契数列的方法。方法1 最直观的解题思路. function fibonacci(n) { var num1= 1,num2= 1,sum; for(var i = 3; i &amp;lt;= n; i += 1) { ...
2018-11-19 17:30:13
12785
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人