自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 Windows环境搭建gitblit服务器

一、场景部分公司主要用本机链接远程电脑进行开发,本地是没有网络的。但是当多名程序猿要在本地机器联调测试时,代码的互通性就很难。这时候可以用一台在局域网内的电脑配置gitblit来完成。二、安装包准备gitblit压缩包点此下载,点击网页右侧第一个按钮下载windows免安装压缩包。放到自己想要的目录下(注:目录不要有中文,否则后续将gitblit作为Windows sevice时会报错)...

2019-10-22 15:50:03 59

原创 React的antd的form组件结合redux使用出现onFieldChange触发多次的问题

场景:react+antd+redux项目,在使用表单时,无表单验证的表单元素change只触发一次,而有表单验证的表单元素会触发两次(有些是多次)问题原因(待商榷):以下为截取的部分解释:应该是getFieldProps 出的问题,我觉得有两个问题1、使用getFieldProps ,组件在有输入操作时其父页面整个都要render()应该是FORM组件维护了个内部state 任何get...

2019-09-19 14:49:36 1903

转载 webpack原理与实战

webpack是一个js打包工具,不是一个完整的前端构建工具。它的流行得益于模块化和单页应用的流行。webpack提供扩展机制,在庞大的社区支持下各种场景基本它都可找到解决方案。本文的目的是教会你用webpack解决实战中常见的问题。webpack原理在深入实战前先要知道webpack的运行原理webpack核心概念entry 一个可执行模块或库的入口文件。chunk 多个文件组成的一...

2019-06-21 21:27:06 81

原创 动态规划详解

1

2019-06-21 19:47:38 331

转载 Vscode 小白使用介绍

下载官网下载:https://code.visualstudio.com/汉化中文(官方下载默认为英文,英文好的小伙伴可直接跳过这步)点击插件按钮搜索 Chinese, 在弹出的选项中选择第一个中文简体然后右边会弹出如下图安装界面,接着点击 Install 安装安装完毕后会有如下提示(主要提醒你安装完中文简体汉化包后一定要重启方可生效)Vscode界面介绍(主要分为5个区域,...

2019-06-15 15:37:48 441

原创 JavaScript事件循环机制

一、线程和进程1、单线程和多线程2、GUI渲染线程3、JS引擎线程4、同步任务和异步任务二、入栈和出栈三、例子与解析setInterval和setTimeoutconsole.log('1');setTimeout(function(){ console.log('2');},0);setTimeout(function(){ console.log...

2019-06-15 11:35:08 82

原创 JS中的数据

数据类型基本数据类型:Undefined,Null,Boolean,Number,String复杂数据类型:Object数据的集合 : Array获取数据类型

2019-06-15 10:19:34 103

转载 如何对上万条数据进行展示

一、后端后端通过分页方法将所有数据分成n页,将前端需要展示的对应页数据返回二、前端1.懒加载(分批加载)前端实现分页功能 var count = 10;//10条数据一页 function sliceArray(getArr) { var totalArr = []; for (var i = 0; i < allArr.length;...

2019-05-30 09:55:39 788

原创 前端开发常用片段

一、预加载图像如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。$.preloadImages = function () { for (var i = 0; i < argument.length; i ++) { $('<imag>').attr('src', argument[i]); }};$.pr...

2019-05-29 14:22:38 1682 1

转载 JS 中原型和原型链

一、明确概念先明确一下几个概念:函数(function)函数对象(function object)本地对象(native object)内置对象(build-in object)宿主对象(host object)函数function foo(){//函数声明 }var foo = function(){//函数表达式 }typeof foo的结果都是f...

2019-05-29 11:46:15 92

转载 GET和POST的区别

一、w3school的GET 和 POST 的对比分类GETPOST后退按钮/刷新无害数据会被重新提交(浏览器应该告知用户数据会被重新提交)。书签可收藏为书签不可收藏为书签缓存能被缓存不能缓存编码类型application/x-www-form-urlencodedapplication/x-www-form-urlencoded 或 mu...

2019-05-28 17:33:09 350

原创 手机APP如何抓包

使用场景程序及其使用第一步:Fiddler抓取手机App的HTTP协议请求数据首先保证手机和Fiddler主机为同一网络Fiddler开启远程设备连接(确认Fiddler代理主机IP和端口号)手机端设置网络代理为Fiddler主机(设为Fiddler代理主机IP地址和端口号)验证:访问传智官网(http://www.itcast.cn)第一步:Fiddler抓取手机App的...

2019-05-28 16:58:57 16370 1

原创 grid栅格布局

一、使用.grid{ display: grid}.grid{ display: inline-grid}二、容器划分定义横、纵网格轨道。<style> .grid { display: grid; grid-template-columns: 60px 60px 60px 60px; grid-template-rows: 60px...

2019-05-27 17:18:35 342

原创 Flex布局

一、Flex布局Flex(Flexible Box),弹性布局。为盒状模型提供最大的灵活性。使用:.flex-box{ display: flex;}.flex-box{ display: inline-flex;}//Webkit内核的浏览器,必须加上-webkit前缀。.flex-box{ display: -webkit-flex; /* Safari */}注意...

2019-05-24 15:08:22 90

原创 响应式布局

viewport<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> //viewport是网页默认的宽度和高度,网页宽度默认等于屏幕宽度(...

2019-05-23 18:06:30 106

原创 CSS 模块化

一、文件结构CSS最基本结构: - base.css - common.css - pages.css复杂一点的结构: - base.css - header.css - footer.css - sidebar.css - forms.css - icons.css - buttons.css - dropdown.css - modals.css - layou...

2019-05-23 17:01:29 211

原创 盒子模型

盒子模型组成:由里向外content,padding,border,margin。种类:标准模型(box-sizing:content-box;)盒模型的宽高只是内容(content)的宽高,例如上图该盒模型的宽度和高度都是36pxIE模型(box-sizing:border-box;)盒模型的宽高是内容(content)+填充(padding)+边框(border)的总宽...

2019-05-23 15:28:37 80

原创 BFC机制

概念BFC(block formatting context),块级格式化上下文。是一种css盒模型的渲染规则。先了解视觉格式化模型这个概念。BFC渲染规则规则1: 创建了BFC的元素中,在垂直方向上的margin会发生重叠。根元素就是一个BFC元素 (这个可以解释margin重叠)规则2: BFC元素在页面上是一个独立的容器,外面的元素和里面的元素互不影响。规则3: BFC元素不会...

2019-05-23 14:55:14 320

原创 CSS三大特性及其选择器

目录一、CSS三大特性1.继承性2.层叠性3.优先级权重!important注意点例子二、CSS选择器项目项目一、CSS三大特性1.继承性子标签可以继承父类的标签的样式color,text-开头,line-开头,font-开头的 可以继承,关于文字样式的可以继承,但并不是所有的属性都可以继承的,比如所有关于盒子的,定位的,布局的属性不可以继...

2019-05-23 13:41:21 154

原创 HTML5常用API

页面可见性API——Page Visibility该API可以用来检测页面对于用户的可见性,即返回用户当前浏览的页面或标签tap的状态变化。 在最小化浏览器、切换tap页面时生效.(如需对app中几个webview进行切换操作时,可使用pageVisibility接口进行相应的事件监听和处理。)page visibility的介绍:document.hidden:表示page是否是可见的...

2019-05-23 10:01:27 2936

转载 H5新增属性及标签

H5标签变化目录新增的语义化标签结构标签(语义化标签)表单标签媒体标签其他标签删除废弃的标签H5属性变化表单属性新增的语义化标签一:结构标签(语义化标签)1.section。section标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。2.article。article标签装载显示一个独立的文章内容。还可以嵌套,则内层的...

2019-05-23 09:31:42 3631

原创 前端SEO优化

一.搜索引擎 搜索引擎(Search Engine)是指根据一定的策略、运用特定的计算机程序从互联网上搜集信息,在对信息进行组织和处理后,为用户提供检索服务,将用户检索相关的信息展示给用户的系统。搜索引擎包括全文索引、目录索引、元搜索引擎、垂直搜索引擎、集合式搜索引擎、门户搜索引擎与免费链接列表等。 简单来讲就是那些程序——“网络爬虫”(“蜘蛛”)在互联网上爬行,从一个链接到另...

2019-04-11 15:09:00 1926

原创 HTML结构化、语义化

Html常用最简格式<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0,user-scalable=0"/> <...

2019-04-11 13:42:51 413

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除