- 博客(31)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【react】---antd表格表单组件的二次封装，数据的形式改变样式
封装的目的当一个系统中有很多相似的组件时，封装一个无状态组件，然后将需要的方法和数据都抛出去，当外部需要此组件时，将组件中需要的方法利用父子组件传值的方式传进来。提升开发效率效果图直接上代码吧以数据驱动显示的方式，将数据进行抽取import React from 'react'const Breadcrumb = [ { id: '1', href: '', ...
2019-05-16 22:41:43
5090
1
原创 【GraphQL】---GraphQL的基本使用
GraphQL介绍GraphQL是Facebook开发的一种数据查询语言，并于2015年公开发布。它是REST API的替代品。GraphQL既是一种用于API的查询语言也是一个满足你数据查询的运行时。GraphQL对你的API的数据提供了一套易于理解的完整描述，使得客户端能够准确地获得它需要的数据，而且没有任何冗余，也让API更容易地随着时间推移而演进。官网：https://graphq...
2019-04-28 00:01:01
2188
原创 公司求职面试类型
针对不同发展阶段企业的求职策略B轮往后的企业就不错了。前端：后端==1:1.5/1:2vue/react生命周期必问习惯说专业术语职业规划路径：技术路线管理路线初创型企业初创型企业招聘人才的侧重点1.对工作经验要求比较多，基本没有“闲钱”养活不能马上干活的人；2.注重来之则战的能力；3.对于学历、学校基本不看重。初创型企业面试官的特点1.大多没有太专业的背景，人力资源部...
2019-02-12 22:34:56
362
1
原创 输入url地址按下回车发生了什么？
输入url地址按下回车发生了什么？ 1.输入url地址后，首先进行DNS解析，将相应的域名解析为IP地址；2.客户端根据IP地址去寻找相应的服务器；3.与服务器进行TCP的三次握手； 所谓三次握手就是客户端在请求与服务器相连接时，彼此共计发送了三次数据包，就好比以下的对话： 首先，需要明确的是，三次握手是客户端先发起请求。...
2019-01-19 23:04:00
2069
原创 图解tcp三次握手与四次挥手——【北杨】
图解tcp三次握手与四次挥手——【北杨】 TCP/IP、UDP协议简单介绍TCP三次握手TCP四次挥手【附上学习链接】https://www.bilibili.com/video/av21816559/?p=2 posted @ 2019-01-12 20:17 北...
2019-01-12 20:17:00
154
原创 图解细说http和https——【北杨】
图解细说http和https——【北杨】 HTTP协议（请求报文和响应报文）https【附上学习的网址】https://tv.sohu.com/v/dXMvMjQ0NjMzMzI5LzkxOTA5NzA1LnNodG1s.html pos...
2019-01-12 20:08:00
317
原创 我所了解的前后端分离——【北杨】
我所了解的前后端分离——【北杨】 前言最近这一段时间由于Nodejs的逐渐成熟和日趋稳定，越来越多的公司中的前端团队开始尝试使用Nodejs来练一下手，尝一尝鲜。一般的做法都是将原本属于后端的一部分相对于业务不是很重要的功能迁移到Nodejs上面来，也有一些公司将NodeJS作为前后端分离的一个解决方案去施行。而像淘宝网这类的大型网站也很早...
2019-01-11 19:32:00
283
原创 express__深入理解express的中间件与next()——【北杨】
express__深入理解express的中间件与next()——【北杨】 开发中间件——编写用于Express应用程序的中间件概念中间件函数是可以访问请求对象（req），响应对象（res）以及next应用程序请求 - 响应周期中的函数的函数。该next功能是Express路由器中的一个功能，当被调用时，它将执行当前中间件之后的...
2019-01-11 13:58:00
1016
转载 【北杨】---这一次，彻底弄懂 JavaScript 执行机制
今天进行了人生中的第一次面试。结果凉凉了。但是还是学到了很多东西。其中在面试时面试官问了我一道题setTimeout(function(){ console.log('1') }); new Promise(function(resolve){ console.log('2'); }).then(function(){ console.log(...
2018-12-13 16:17:03
288
转载 【北杨】---谈一谈正向代理和反向代理
什么是代理服务器（Proxy Serve）？提供代理服务的电脑系统或其它类型的网络终端,代替网络用户去取得网络信息。为什么使用代理服务器？提高访问速度由于目标主机返回的数据会存放在代理服务器的硬盘中，因此下一次客户再访问相同的站点数据时，会直接从代理服务器的硬盘中读取，起到了缓存的作用，尤其对于热门网站能明显提高访问速度。防火墙作用由于所有的客户机请求都必须通过代理服务器访问远程站点，...
2018-12-13 16:11:55
192
原创 【北杨】---踩过的小坑---【ajax】
1.在和前后端做数据交互时，get方法一直获取到缓存数据。answer：在get方法后面连接了一个时间戳 $.ajax({ url: OL_Action_Root+'/uploadImage', type: 'POST', data: formData, cache: false, //get方法默认缓存机制，若请求ur...
2018-12-10 20:01:08
156
原创 【北杨】---pipe管道操作--文件复制/粘贴/压缩---【NodeJS】
将文件写入至指定的文件中// 读写流配合pipeconst fs=require('fs')let read=fs.createReadStream('./events.js')// 创建可读的流let writestream=fs.createWriteStream('./events4.js')//// 创建可写的流read.pipe(writestream)文件压缩后写入c...
2018-12-03 19:13:26
511
原创 【nodejs】---封装一个发送邮件的模块---【北杨】
/*封装一个发送邮件的模块调用通过传递参数的方式 来到达到简化调用*/const nodemailer = require(‘nodemailer’);let transporter = nodemailer.createTransport({service: ‘qq’, // 运营商 qq邮箱 网易//port: 465,secure: true,auth: {user:‘...
2018-12-03 16:02:15
663
1
原创 【nodejs】---最简单的用nodejs爬取数据的方法---【北杨】
将www.baidu.com的页面内容copy至index.html中const http=require('https');const fs=require('fs');//发起服务器短的请求http.get('https://www.baidu.com/', (res) => { // console.log(res) // console.log(res.statusC...
2018-12-03 15:56:25
954
原创 【nodejs】---写一个方法，可以删除一个文件夹---【北杨】
const fs=require("fs");const path=require("path");function deletePath(dir){ if(!~fs.existsSync(dir))return; var dirs=fs.readdirSync(dir); dirs.forEach(function(file){ var nowPath...
2018-12-03 15:40:29
330
1
原创 【nodejs】---写一个模块，打印当前的目录树---【北杨】
分析：读取目录 目录有文件，有文件夹，区分文件或者文件夹，文件的话直接打印，文件夹继续读取目录//加载node中fs、path的内置模块const fs=require("fs");const path=require("path");let target=path.join(__dirname,"./");function loadTre
2018-12-03 15:37:34
353
转载 BrowserSync的安装和使用
BrowserSync真是前端必备神器，浏览器同步工具。简单来说就是当你保存文件的同时浏览器自动刷新网页，省去了手动的环节，大大的节省了开发时间，这个工具是基于nodejs的，可以通过npm安装，不在啰嗦安装Node后，通过npm安装BrowserSync：npm install -g browser-sync然后，就可以开始使用了。打开控制台进入项目所在的目录，然后输入像这样的命令：br...
2018-11-28 12:00:11
382
转载 超实用的 npm anywhere 和 npm now，网页随时真机测试
之前开发手机端界面都是在 Chrome 上进行调试，然后上传到服务器才能在实体机上看到效果，直到发现 anywhere，简直不要太好用！下面讲一下如何安装及其优势。1.首先安装 anywhere 配置：$ npm install anywhere -g2.然后在你的根目录下运行 anywhere：$ anywhere// 通过端口$ anywhere -p 8000// 开始但是保持...
2018-11-28 11:54:48
3621
转载 node03
复习1.昨天所学内置模块fs/http/querystring/path2.path.join的作用是什么获取某一个路径，用来获取绝对路径3.__dirname在path中的作用当前文件夹的绝对路径4.5.url的全称，包含哪些部分统一资源定位符，6.文件操作7.文件夹操作8.url的方法homework目录树分析：1）获取目标文件夹的目录内容2）将文件或者文件夹进...
2018-11-28 11:04:18
301
转载 node01
node 01nvm 使用 便于我们切换版本nvm -v version nvm的版本nvm -ls 展示当前通过nvm 管理的node 版本 默认没有nvm install [email protected] 安装node版本nvm uninstall [email protected] 进行卸载nvm use 版本号 表示切换到某一个node版本浏览器的方法 在node中 都不不能用...
2018-11-28 08:03:36
270
转载 node02
昨天的回顾作业：根据自己的需求来完善发送验证码的需求，群发的功能常用的内置模块urlquerystringhttpeventpathfsstreamhttp模块跨域创建服务器爬虫 获取数据 获取图片 获取音频爬虫通过获取网页的源代码1） 用http接口的get方法进行获取源码：http.get()；2）cheerio插件：实现将一堆字符串进行处理；...
2018-11-27 10:58:33
291
原创 Javascript Review 2
第六天数组基础字面量创建：var arr1=[2,1,3,6,5,4,7,9,8];对象实例化创建：var arr2=new Array(“a”,“b”);对象创建法：var arr3=new Object([1,2,3,4]);//一般不这么使用，数组是由对象创建完成1.数据添加删除时，length将会时时产生改变；2.如果new Array(参数)，参数有且仅有一个，并且是一个...
2018-11-13 15:38:36
1037
原创 Javascript Review 1
第一天：一.变量命名规则1.变量名不能数字起头，必须用英文字母或者下划线起头；2.变量必须使用驼峰式命名法，如：getNumberSum；3._num，下划线起头定义临时变量或者函数中参数；4.不能使用关键字，保留字；5.在script中直接定义的变量实际上是window的属性。某些变量不能重复； var x=5===window.x=5 status=...
2018-11-13 15:37:46
292
转载 HTML5 storage事件
分析引用《h5移动web开发指南》上的话：“当同源页面的某个页面修改了localStorage,其余的同源页面只要注册了storage事件，就会触发”所以，localStorage的例子运行需要如下条件：同一浏览器打开了两个同源页面其中一个网页修改了localStorage另一网页注册了storage事件很容易犯的错误是，在同一个网页修改本地存储，又在同一个网页监听，这样是没有效...
2018-11-13 15:13:12
176
原创 小技巧：去掉每一行最后一个li的外边框/是否准许用户调整文本域的大小
去掉每一行最后一个li的外边框1.给每个li起类名单独去掉；（不建议使用）2.将ul稍微多设置一点宽度，在ul的父容器中设置正常宽度、高度，并写overflow：hidden；3.ul无父元素时可给li写margin-left：-value；在ul中写overflow：hidden。是否准许用户调整文本域的大小<textarea>设置resize属性：none（...
2018-09-09 16:14:33
1097
原创 图片整合&浏览器兼容
CSS Sprites原理（图片整合技术）又称为CSS精灵/雪碧图一、将导航背景图片、按钮背景图片等有规则的合并成一张背景图，即将多张图片合为一张，用background-position实现背景图片的定位技术。二、优势1.通过图片整合减少对服务器的请求次数，提高页面加载速度；2.减少图片体积注：背景图写给li。图片整合原则1.边切图边整合；2.定位时避免使用bot...
2018-09-09 16:06:37
196
原创 定位与锚点
定位只能用定位来实现层叠的效果absolute默认为浏览器窗口一.position定位属性position:static/absolute/relative/fixed/inherit1.static:默认定位方式；2.absolute：绝对定位，将对象从文档流中完全脱离出来，使用left/right/top/bottom进行定位，如父元素无定位属性，依据浏览器定位，其层叠...
2018-09-09 10:43:25
278
原创 实现垂直居中的六种方法
1.dispaly:inline-block需有参照空元素； 例如：空元素为<span></span>，span应和需居中元素（img等）为平级标签，将span设置宽度为0，高度为父容器高度，居中方式为vertical-align：middle； 同时将需居中元素设置为vertical-align：middle。 注：为避免部分块状元素拥有默认高度，应给元素...
2018-09-09 10:05:39
554
原创 css盒模型和元素类型
1.盒模型margin:0 auto;一个有宽度的元素在浏览器中横向居中。input{outline：none;}去掉input在鼠标点击时显示的外边线。padding:用来调整子元素在父元素中的位置，padding需加在父元素上； padding是额外加载元素原有大小之上的，添加了padding值需对原有的盒子大小进行删减。margin值的解析：两个盒子左右边界累加，正常...
2018-09-05 16:09:43
309
原创 用CSS还原静态风车，导航栏小三角标记制作！
题目：用CSS还原静态图。代码如下：<!doctype html><html><head><meta charset="utf-8"><title>border</title><style type="text/css">body{ bac
2018-08-26 09:34:21
1145
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人