qq_35814844的博客

原创 公司电脑配置环境变量

背景或许是公司电脑的缘故，当使用npm 安装一些插件后，总是提示非内部或外部命令，经查，是因为没有添加进环境路径里，所以命令不能识别到从node的安装说起在之前的几次安装过程中，也出现了问题，命令行中没有找到node命令，应该是没有自动添加path路径的原因，所以这里在安装时，做了一下调整，避过了这个问题。node是JS的运行环境，是运行在服务器端的JS。首先，下载Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/。接下来一路next就可以了

原创 解决 JSON.parse 报错

问题报错截图如上，提示JSON.parse 不能正常将我们请求返回数据进行转换格式查看返回数据类型是否有问题 ，没错打印 string 类型，JSON.parse为什么就不可以呢test1test2test3综上总结：test1中注意单双引号的使用，一般由单引号套双引号test2中犯了字符串数据格式的错误以上可以肯定JSON.parse() 严格遵守JSON规范，这里一定要注意了再介绍两种将字符串转变成JSON的常见方法① json = eval("("+ str..

原创 抓包工具 Fiddler

简介Fiddler 是一款http 协议调试代理工具，帮助我们实现所谓的” 抓包 “。特点①.位于客户端与服务器之间，记录两者之间所有的 HTTP和HTTPS请求响应，实现截获、重发编辑、转存等操作②.允许监视、设置断点、修改输入输出数据，甚至包含了基于事件脚本的子系统，并且能使用.net语言进行扩展作用代理抓包、手机抓包、web会话操作、http流量记录、轻量级夜里测试及性能分析，安全测试，接口调试，弱网测试等示意图下载下载地址，安装步骤省略配置1.开启抓包功能参考如上

原创 NVM node版本控制

抛出问题通过下面的错误提示，得知node-sass 与现在node 版本不匹配由于node在多个项目中都要涉及，看了一些解决问题的方案，无非是node-sass 本身上做文章npm uninstall node-sass npm rebuild node-sass卸载或重装，对于当前情况都不适用NVM 是windows 系统使用的node多版本管理工具，帮助实现了在多个node 版本间进行自由切换✳安装前要卸载已安装的node常用命令dos命令说明nv

原创 react-router-dom 安装和使用

**React 可以使用的2款插件 react-router react-router-dom ** ，各自功能：react-router 实现了路由的核心功能react-router-dom基于react-router,但是加入了浏览器运行环境下的一些功能，如Link组件，BrowserRouter和HashRouter等react-router-natiave 则是基于react-native的开发环境项目快速创建create-react-app 帮助我们实现react项目的快速创建npm

转载 vue-cli脚手架中webpack配置基础文件详解

一、前言vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+webpack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，引入一些插件帮我们完善功能可以将文件打包压缩，图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代码的理解更为重要;二、主体结构├─build ├─config ├─dist├─node...

原创 canvas签名

Canvas释义···Canvas 是 HTML5 新增的元素，用于在网页上绘制图形，它由 Apple 在 Safari 1.3 Web 浏览器中引入，之所以对 HTML 扩展的原因在于， HTML 在 Safari 中的绘图能力能为 Mac OS X 桌面的 Dashboard 组件所使用，并且 Apple 也希望有一种方式可以在 Dashboard 中支持脚本化的图形。Firefox 1....

原创 forEach/for of/ for in 循环差异

forEach、for-in与for-of的区别forEach介绍objArr.forEach(function (value) { console.log(value);});foreach 方法没办法使用 break 语句跳出循环，或者使用return从函数体内返回for-in介绍for(var index in objArr){ console.log(objArr...

原创 before after 功能

Before和after制作特殊效果：释义伪类和伪元素①伪类：向某些选择器添加特殊的效果。②伪元素：用于将特殊的效果添加到某些选择器。其中css3中明确伪类和伪元素的区别，单冒号（：）伪类，双冒号（：：）伪元素，但是就目前为了保证兼容性，伪元素还在使用单冒号。Before和after在实际当中的应用：①用于清除浮动，只要把clearfix加在浮动父级后面即可。.clearfix{zoom...

原创 vue 中目录结构及功能一览

原创 安卓手机设置line-height后不垂直居中的问题

在最近的项目中做了一些优惠劵信息和满减信息的样式，但是当字体小于12px后，发现安卓手机中样式没有垂直居中。下面是我解决这个问题的方法，如果有其他方法会继续补充！html 部分我是【满200减20】，我要垂直兼容居中css 部分.text-vertical {background-color: red;color: #fff;height: 36px;padding: 0 ...

转载 lodash分析

lodash分析在分析webpack打包项目时，时常引入用作对数组，对象的处理，所以找一些资料进行了分析，发现对array object的遍历操作不在原数据进行，发现真的很有用。import _ from ‘lodash’一些lodash常用函数:1.chunk，将数组进行切分。const arr = [1,2,3,4,5,6,7,8,9];_.chunk(arr,2);// =&g...

原创 DOS/Git/Node常用命令

DOS的几个常用命令rm -rf mmall-fe/ 删除mkdir mmall-fe 创建文件夹ls -al 显示所有文件cd … 返回上一级cat text.html 查看文件内容rm -rf dist/ 删除文件夹(所有内容)rm text.html 删除文件touch test.json 创建一个test.txt文件ls -b 显示文件列表vim index.html ...

原创 获取软键盘的高度

通过JS方法获取软键盘的高度方法：var timer = {id:null,run:function (callback,time) {this.id = window.setInterval(callback,time);},clean:function () {var that = this;this.id = window.clearInterval(that.id);}...

原创 各种高度获取

获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。复制代码1 document.body.clientWidth ==> BODY对象宽度2 document.body.clientHeight ==> BODY对象高度3 document.documentElement.clientWidth ==> 可见区域宽度4 document.docume...

原创 Sublime Text 3 快捷键建立模板 例：！+ Tab

Sublime Text 是一款非常干净、高效的代码编辑工作，结合丰富的插件，如虎添翼，让人欲罢不能……这里说下新下载的软件后，最基础的两步操作，完成中文设置以及快捷模板建立：①在首选项中点击package control或按shift +alt + p 按钮，搜索框输入 install package ；②搜索localiz,选第一个安装完成后在帮助中选择语言设置一项，如下图③如何...

转载 Sublime Text 3 插件多多，功能丰富

Sublime Text 3 是一个了不起的软件。首先，它是一个干净，实用，可以快速的编写代码编辑器。它不仅具有令人难以置信的内置功能（多行编辑和VIM模式），而且还支持插件，代码片段和其他许多东西。我知道，网上已经有许多关于 Sublime Text 3 的文章，这事好事情。在这篇文章中，我们将看到 Sublime Text 3 的最好的部分，您可能已经听说过其中的一些，但也许其他一些人还不知...

转载 #编程基础#Sublime Text 2 + gist代码片段管理

前言人和动物的本质区别——使用工具。工业革命带来了生产力的极大提高，那是因为人类将重复而机械的任务交给了机器。从那时起，我们秉承了这样的原则：人类不做重复的工作，如果要做，就交给工具。在编程领域，我们有很多的代码，是重复而机械的。最初在使用它们的时候，我们采用的是Ctrl+C，Ctrl+V的组合方式，这种CV方式，创造了一个时代，然而被效率优先的程序员所不齿。他们希望更加便捷的方式来编写那些...

原创 LESS与SASS区别

在介绍less和sass的区别之前，我们先来了解一下他们的定义：一、Less、Sass/Scss是什么?1、Less：是一种动态样式语言. 对CSS赋予了动态语言的特性，如变量、继承、运算、函数。Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可在服务端运行。2、Sass：是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如...

原创 offset-path 设置不规则运动路径

首先，认识offset-path之前，是手里接到一个关于不规则运动路径效果的小需求（两架纸飞机需要沿着标题文字做不规则运动）。率先考虑到了的，当然是使用css3工具来实现，这样不需要接入JS，即可以操作实现。问题停留在路径设定上，因为飞机的运动轨迹是有弧度的，大概示意如下图哈（粗糙了些）。那么如果在这种情况下，如果用translate来做，那工作量不可谓不大。当然之前有接触过一款界面工具...

转载 CreateJS 入门小记

createjs简介 官网：http://www.createjs.cc/ createjs中包含以下四个部分： EaselJS：用于 Sprites、动画、向量和位图的绘制，创建 HTML5 Canvas 上的交互体验（包含多点触控） TweenJS：用于做动画效果 SoundJS：音频播放引擎 PreloadJS：网站资源预加载类似于SoundJS，PreloadJS，如果自己...