宝宝是个小气鬼i

原创 JavaScript深拷贝——我遇到的应用场景

简述 深拷贝即拷贝实例，其作用是为了不影响拷贝后的数组对起原数组造成影响。这时我们就需要进行深拷贝。（JavaScript的继承）我遇到的应用场景 我是在用vue的element-ui做项目的时候遇到的，这是一个播放和暂停的按钮切换功能 代码： 图标就是代码中的a标签，下面是实现的js代码部分 //变换播放/暂停按钮 if (this.playClass[ta...

原创 git版本回退

git log 用于查看我们修改提交的快照记录（commit记录），然后会有个commit修改记录的id编号，该命令显示从最近到最远的提交日志，我们可以看到3次提交记录，如下： git checkout -b xxx commit-id 把代码回退到一个新的分支，这样不要影响你的开发分支。 - 或者直接 git reset --hard HEAD^回退...

原创 Rem实现移动端适配

移动端适配web页面跑在手机端（h5页面）跨平台基于webview（）基于webkit常见适配方法pc端采用display：inline-block，让div盒子横着排移动web：采用定高，宽度百分比，flex弹性布局，meDIA QUERY 媒体查询；媒体查询 结合css，通过媒体类型（screen、print）和媒体参数（max-width） @med...

原创 Weex了解

原创 Vue.js入门学习

Vue简述是一个MVVM模式的JavaScript库，他的核心思想是数据驱动和组件化，是双向数据绑定的一个实现库。在vue中实现MVVM模式：vue的viewmodel是实现双向数据绑定的关键，它包含了DOM listeners 和Data Bindings这两个工具；从view到viewmodel，DOM listeners工具帮助我们检测页面上DOM元素的变化，实现更新；从m...

原创 304状态码、数组去重

304的具体实现（是对客户端有缓存情况下的一种响应）客户端在请求一个文件的时候，发现自己缓存的文件有 Last Modified ，那么在请求中会包含 If Modified Since ，这个时间就是缓存文件的 Last Modified 。因此，如果请求中包含 If Modified Since，就说明已经有缓存在客户端。服务端只要判断这个时间和当前请求的文件的修改时间就可以确定是返回 3...

原创 js今日面试小结—Ajax、前端安全、GET&POST、闭包、HTTPS

HTTPSHTTP+加密（SSL、TLS）+认证+完整性保护 = HTTPS；GET和POST的区别get拉取数据，post传输数据get请求能被浏览器主动缓存，post不会（除非手动）get请求在URL中传送的参数是有长度限制的get请求参数在URL中传递，post在request body中传递get请求参数会保留在浏览器历史记录里面get请求在浏览器回退上无影响，po...

原创 数据结构--链表、二叉树、排序算法

链表（线性）概念 一种存储结构，每一个数据元素 ai 都有两个部分组成：存储本身信息的数据域和一个存储其后继信息的指针域（组成一个结点）；指针域中存储的信息称为指针或链。n个结点链结成一个链表（线性链表）。整个链表的存取必须从一个头指针开始进行，头指针指向链表的第一个结点的存储位置，由于最后一个数据元素没有直接后续，所以链表的最后一个结点的指针为空（null）。链表的插入 链表的...

原创 前端工程化学习

前端工程第一阶段 库/框架的选择第二阶段 简单构建优化：选择一个构建工具，对代码进行压缩，校验，然后再以页面为单位进行资源的合并第三阶段 JS/CSS模块化开发（分而治之） 提高效率 css模块化：sass、less等预处理器第四阶段 面对大规模、大体量、高性能 组件化开发：页面上的每个 独立的 可视/可交互区域视为一个组件；每个组件对应一个工程目录，组件所需的各种...

原创 PWA web应用模型

2018 新年快乐，这是我新年的第一篇博客，最近都挤图书馆去了，下面是自己最近新了解的，也没有太深入研究，就是简单看了下，现在总结下。最后希望新年新气象。。。。（PS：现在csdn页面变了还不太适应了呢！）简介PWA 是一门Google推出的web前端新技术，全称是Progressive Web App，是Google在2015年提出，2016年6月推广的项目，是结合了一系列现代Web技术

原创 NLP（三）_统计语言模型

概念统计语言模型：是描述自然语言内在的规律的数学模型。广泛应用于各种自然语言处理问题，如语音识别、机器翻译、分词、词性标注，等等。简单地说，语言模型就是用来计算一个句子的概率的模型 即P(W1,W2,W3….WK)。利用语言模型，可以确定哪个词序列的可能性更大，或者给定若干个词，可以预测下一个最可能出现的词语。N_gram语言模型简述 NLP中，人们基于一定的语料库，可以利用Ngram来预计或

原创 自然语言处理入门（一）

概念（Natural Language Processing, 简称NLP）就是利用电子计算机为工具对人类特有的书面形式和口头形式的自然语言的信息进行各种类型处理和加工的技术，这种技术现在已经形成一门专门的边缘性交叉性学科，它涉及语言学、数学和计算机科学，横跨文科、理科和工科三大知识领域。自然语言处理的目的在于建立各种自然语言处理系统，如机器翻译系统、自然语言理解系统、信息自动检索系统、信息自动抽取

原创 CSS预处理器SASS入门

SASS叫做css预处理器，他的基本思想是用一门专门的编程语言来进行页面样式的设计，然后在编译成正常的css文件。Sass的用法安装 sass是用ruby语言写的，所以我们在安装sass之前要先安装ruby（ruby安装自行百度），执行下面命令安装：gem install sass使用 sass就是普通的文本文件，后缀名为.scss。然后让我们用sass的语法写好文件之后，需要编译成.css文

原创 Windows下下载及安装numpy、pandas及简单应用

下载numpy下载地址 https://pypi.python.org/pypi/numpy 进入网站，下载和自己电脑及电脑中安装的python匹配的numpy版本。我的电脑是Win 10 x64位的系统，装的python版本是3.6，则要下载numpy-1.13.1-cp36-none-win_amd64.whl 安装 把刚刚下载的.whl文件放在任意文件夹下，然后进入该文件夹的目录打开

原创 python面向对象编程学习

python面向对象编程基本概念理解面向对象编程——Object Oriented Programming，简称OOP，是一种程序设计思想。OOP把对象作为程序的基本单元，一个对象包含了数据和操作数据的函数。面向过程的程序设计把计算机程序视为一系列的命令集合，即一组函数的顺序执行。为了简化程序设计，面向过程把函数继续切分为子函数，即把大块函数通过切割成小块函数来降低系统的复杂度。而面向对象的程

原创 python模块及安装学习

其实python的模块及模块安装和其他编程语言，如：nodeJs、reactJs的相同，只不过他们使用包管理工具不相同而已，python用pip，而node用npmpython 模块python语言和其他很多编程语言（nodejs、reactjs）一样，也内置了很多的模块，我们只需要引入就可以使用。sys模块# #编写模块# #sys'a test module'_author = 'yehui

原创 python函数式编程之返回函数、匿名函数、装饰器、偏函数学习

python函数式编程之返回函数高阶函数处理可以接受函数作为参数外，还可以把函数作为结果值返回。函数作为返回值def laxy_sum(*args): def sum(): ax = 0; for n in args: ax = ax + n; return ax; return sum;print(laxy_

原创 python函数式编程之高阶函数学习

基本概念函数式编程，是一种抽象程度很高的编程范式，纯粹的函数式编程语言编写的函数没有变量。因此，任意一个函数，只要输入确定，输出就确定的这种函数我们称之为纯函数，我们称这种函数没有副作用。而允许使用白变量的程序设计语言，由于函数内部的变量状态是不确定的，同样的输入可能有不同的输出，我们称这种函数为有副作用的。 函数式编程的一个特点就是，允许把函数本身作为参数传递给另一个函数，还允许返回一个函数！

原创 python切片、迭代、生成器、列表生成式等高级特性学习

python高级特性1行代码能实现的功能，决不写5行代码。请始终牢记，代码越少，开发效率越高。切片 当我们要取一个list中的前n各元素时，如果前n个少的话，我们还可以一个一个的取，但是若前n个元素极其多的话，我们就要采取其他办法：L = [];n = 1;while n <= 99: L.append(n); n = n + 2;print(L);#取前三个元素r = [

原创 python函数语法学习

Python函数定义函数 在Python中，定义一个函数用def语句，一次写出函数名、括号中的参数和冒号：，函数返回使用return语句。def myDef(x): if x >= 0: return x; else: return -x;print(myDef(12));函数调用 python内置了很多函数，我们可以直接调用，调用形式：函数名（

原创 python语法基础（一）

注释及注意#代表注释；冒号：结尾时，接下来的代码会自动缩进，一般为4个空格。Python程序是大小写敏感的。数据类型和变量在Python中能够直接处理的数据类型有以下几种：整数浮点数字符串转义字符“\”r’ ’ 默认不转义格式；”’…”’ 格式表示多行内容#'''...'''的格式表示多行内容print('''I\'m...ok...hahaha''');#r''里面的字符默认不转

原创 Python入门及安装

简介是用来编写应用程序的高级编程语言，“内置电池”，哲学：简单优雅，尽量写容易看明白的代码，尽量写少的代码，适合干嘛：网络应用、网站、后台服务；日常些工具，如系统管理员需要的脚本任务；把其他语言开发的程序在包装起来，方便使用。缺点运行速度慢、解释性语言、会把代码一行一行的解释成CPU能理解的机器码；代码不能加密，发布源码；安装Python（windows下）Python是跨平台的，可以运行在W

原创 Nodejs+MongoDB+Bootstrap+esj搭建的个人简易博客

github：https://github.com/yehuimmd/myNodeBloyNodejs+MongoDB+jQuery+Bootstrap-esj搭建的个人简易博客主要功能前台 ：进入首页文章查看及文章分类：可自行在项目中增加自己喜欢的文章类型。留言板后台管理员登录注册（这两部分用到了node的加密处理）写博客（word）管理博客（增删改查）查看访问用户的位置信息项目目

原创 node中的加密模块 crypto

node中的加密模块 cryptocrypto 加密模块（不是很安全）：是使用md5来加密，这是node自带的模块，不需要安装。 - 引入模块：const crypto = require('crypto');当用户注册时，我们将从前端页面映射到后台的密码进行加密处理，关键语句：router.post("/regest",(req,res)=>{ console.log(req.body)

原创 React-redux学习简述

react-redux简述React-redux：是在React中使用redux，在react-redux的组件中，分为UI组件和容器类组件UI组件：负责页面UI的呈现，不使用任何Redux的API;容器组件: 负责管理数据和逻辑，使用redux的API;React’-redux提供了connect()方法，用于从UI组件生成容器组件。为了完成业务，需要给出下面两方面的信息：输入逻辑：外部

原创 JavaScript深拷贝和浅拷贝

JavaScript深拷贝和浅拷贝深拷贝：拷贝实例；浅拷贝：拷贝引用（原对象）。说深拷贝和浅拷贝之前，我先去了解了下高程书上的JavaScript的变量类型：基本类型：undefined、null、Boolean、number、string。变量直接按指存放在栈区内，可以直接访问，所以我们平时把字符串、数字的值赋值给新变量，相当于把值完全复制过去，新变量的改变不会影响旧变量。引用类型：存放在堆

原创 Redux学习简述

简述redux（1）概念： 是一个有用的架构，应用场景一般为：多交互、多数据源。如：某个组件的状态需要共享某个状态需要在任何地方可以看到一个组件需要改变全局状态。一个组件需要改变另一个组件的状态设计思想Web 应用是一个状态机，视图与状态是一一对应的。所有的状态，保存在一个对象里面。APIstore：保存数据的地方，可以看成是一个容器，整个应用只有一个store，Redux提供了c

原创 redux 学习总结

redux 总结redux 是一个新型的前端架构模式，可以和任何前端库相结合使用。简单描述redux模式的使用 当我们在写一个共享状态的代码时，如果可以被任意修改的话，那么程序的行为将会不可预料，所以我们通过dispatch（中间人）来执行某些允许的修改操作，而且在action里面声明，让大家都知道数据被修改了。抽象createStore 经过上面的操作后，我们吧这个模式抽象出一个crea

原创 通信数据转发程序：代理、网关、隧道

代理代理 是一种有转发功能的应用程序，他扮演了位于服务器和客户端“中间人”的角色，接收由客户端发送的请求并转发给服务器，同时接收服务器返回的响应并转发给客户端。代理不会改变请求的URI，直接发送给前方持有资源的目标服务器（源服务器）。在http通信过程中，可级联多台代理服务器，转发时，需要附带via首部字段已标记经过的主机信息。使用代理的原因 利用缓存技术减少网络带宽的流量，组织内部针对特定

原创 返回结果的HTTP状态码

HTTP状态码的职责是当客户端向服务器发送请求时，描述返回的请求结果。2xx成功2xx的响应结果表明请求被正常处理。200 OK 请求已正常处理204 No Content 请求处理成功，但是没有资源可返回，一般在只需要从客户端向服务器端发送信息206 客户端（我只是想要其中一部分）——> 服务器端（明白，是对资源某一部分的请求）3xx 重定向表明浏览器需要执行某些特殊的处理以正确

原创 简单的http协议

http协议用于客户端和服务器端的通信 按照实际情况，客户端和服务器端的角色也是会互换。通过请求和响应的交换来达成通信 客户端：发送请求 服务器端：响应请求http无状态的协议 无状态也可以说成无记忆，就是说http协议不对请求和响应之间的通信状态进行保存。这是为了梗快的处理大量的事物，确保协议的可伸缩性。请求URI定位资源 用于定位互联网上的资源，因为URI的特定功能，在互联网的任

原创 webpack安装及使用

Webpack 什么是webpack：现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法：1、模块化，2、css预处理器等，通过这些改进大大提高了我们的开发效率，但是利用它们开发的文件往往需要进行额外的处理才能让浏览器识别,而手动处理又是非常繁琐的，这就为WebPack类的工具的出现提供了需求。

原创 git 上传项目到分支

- git init - git add . - git commit -m'代码描述' - git remote add origin 远程仓库地址 - git branch xxx # 创建新分支 - git checkout xxx # 转换到新建分支下，也可以一步到位 git checkout -b xxx - git push -u origin xxx补充：git br

原创 Ajax上传文件注意

这几天遇到了很多关于ajax上传文件的问题，都是别人询问我，请求帮忙解决的，但是自己最初在写文件上传的时候，机缘巧合及上传对了，所以也没在意这个问题。在最开始学习jsp的时候，这是一个很简单不过的问题了，就是使用form表单提交，name绑定后台数据，就可以实现，但是在前端里面我最初以为是不同的，所以就直接不管他的name和后台数据是否绑定，结果出错了找都找不到原因。首先 我们在使用ajax上传

原创 react组件挂载了解

react组件挂载概念 将组件渲染，并构建DOM元素然后插入页面的过程组件内部在挂载是进行的过程——constructor #初始化组件——render() # 挂载——构建DOM元素插入页面再进行挂载过程中还有一些具体的过程——constructor #初始化组件——componentWillMount() #在组件插入页面之前进行——render() #挂载——构建DOM元素插

原创 作用域新学习

作用域是什么当我们将变量引入程序后，这些变量住在哪里，当程序需要的时候如何找到他们？这些问题都需要一个规则来存储变量，并且之后可以方便的找到这些变量，这套规则就被称为 作用域 。（管理变量的规则）JavaScript的编译原理JavaScript语言类型：编译型语言、解释型语言编译 在传统的编译言语的流程中，程序中的一段源代码在执行前会经历三个步骤： （词法解析——语法分析——代码生成）

原创 React-数据列表渲染学习

数据列表渲染数据列表处理使我们常见的事物类型，到后台给你一串数据列表，你将如何展示在前端页面上呢，传统的我们都是通过循环来实现，那么在react里面我们又是怎样实现的呢？数据如下const books = [ { bookname: '1', time: '一号',}, { bookname: '2', time: '二号'}, { bookname: '3', time: '三号'}

原创 React.js入门杂记

入门前了解react是什么：react是负责将前端html组件化的一个javascript库，即我们看到的前端页面上的东西，都可以用react.js写的一个个组件组成，组件是react的核心。比如页面上的一个按钮也可以是一个组件。需要什么环境：webpack打包工具，他可以将react的每一个文件当作模块来进行打包。我最近也才入门了webpack，以后熟了再写一篇博客吧！还有就是需要安装node

原创 Windows下更新node版本

更新npm 在命令行执行npm install npm@latest -g更新node 在很多教程里面，他都是说下载node的版本管理器 n，然后执行 n stable，但是执行 npm install n -g是没有用的。所以我是直接去node的官网：https://nodejs.org/en/，下载最新版本的node，然后安装的时候路径选择和之前自己安装的路径相同就可以了，我的是C:\Pro

原创 node的异步I/O

node是单线程非阻塞异步I/O的模式。 - 阻塞I/O：完成整个数据获取的过程； - 非阻塞I/O：不带数据，直接立即返回，要获取数据，还需通过文件描述符再次读取。node完成整个异步I/O的有事件循环、观察者、请求对象、执行回调； - 事件循环：这是node自身的执行模式。在进程启动时，node会创建一个循环，每执行一次循环就会查看是否有事件处理，有，就取出事件及相关的回调函数。如果存在关