- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 GitHub Pages + Jekyll 快速搭建博客
前言在搭了新的博客（blog.zhangyingji.cn）,故在CSDN不再更新文章。下面简单概述一下GitHub Pages + Jekyll 快速搭建博客的过程。GitHub Pages开启本功能，首先新建仓库,仓库名为# 用户名 + .github.iozhangyingji.github.io则GitHub Pages的功能默认开启Jekyll环境配置...
2018-08-08 19:23:43
212
原创 输入URL到页面加载完发生的那些事儿
1 浏览器解析URL，生成HTTP请求URL示例http://www.zhangyingji.cn/index.html对应如下：协议 + // + Web服务器名 + / + 文件路径名2 浏览器先查看浏览器缓存-系统缓存-路由器缓存 - 有：加载页面 - 没有：进行DNS解析，获取IP3 浏览器向服务器发起TCP连接TCP连接：三次握手 - 客户端发送SYN为...
2018-07-26 13:32:26
181
原创 最常见的HTTP状态码
状态码的第一位数字表示状态类型1: 告知请求的处理进度和情况2: 成功200: 成功，成功处理了请求201：已创建，成功并且服务器创建了新的资源202：已接受，服务器已接受请求，但尚未处理3: 表示需要进一步操作304：未修改，请求的网页未修改过4: 客户端错误400：错误请求，语法问题401：未授权，请求要求身份验证403：禁止，服务...
2018-07-26 13:30:05
174
原创 常用的水平垂直居中方法总结
下面分内联元素、块级元素总结，flex布局均适用于这两者，故独立出来内联元素// 水平text-align: center;// 垂直：设置两者相等 height: 100px;line-height: 100px;多行文字：利用table.parent { display: table;}.children { // 使其成为单元格 ...
2018-07-23 14:51:59
172
原创 前端代码规范
通用规范语义化、简洁省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:）注释代码：包含的模块，功能以及优点HTML在引用样式表和脚本时，不要指定 type 属性，除非不是 CSS 或 JavaScript属性值用双引号 CSSfont-size: .8em;color: 16进制; 分隔符 -按首字母顺序书写选择器...
2018-07-22 22:07:29
118
原创 清除浮动、浏览器前缀
清除浮动给父元素加高度clear:both; 但会导致margin失效隔墙法<div class=”cl h10”></div> .cl {clear: both;} // 控制间距.h10 { height:10px} 给父元素增加overflow:hidden;IE6追加_zoom: 1;浏览器前缀webkit 以webk...
2018-07-22 21:48:29
128
原创 瀑布流布局
思路固定列数的浮动布局： 1. 根据设备屏幕的宽度和加载图片的宽度来固定列数，之后又获取每一列图片的高度，将要加载的图片放在高度最小的那一列图片下面，循环数组不断的寻找高度最小的那一列图片，将图片放在下面实现基本的布局效果。 2. 创建一个滚动条监听事件（当最后一张图片距顶的高度 &amp;lt; 屏幕的高度+滚动条滚动的距离）时，就触发我们在页面动态的添加图片的事件（用JavasSript在Ht...
2018-07-22 20:50:39
590
原创 ajax在回调函数中嵌套ajax
问题项目需要在第一个请求执行成功取得一些参数后，立即执行第二个请求，而直接嵌套没有达到想要的的效果解决ajax中有一个async参数（异步属性），默认为true。故将其设置为false即可对异步、同步的不了解的请自行查阅资料...
2018-07-18 09:49:36
10144
1
原创 bootstrap中的模态框和UEditor层次冲突
situation在bootstrap模态框中嵌入了UEditor点击UEditor的工具栏，工具界面显示在遮罩层之下解决方法查看模态框的z-index在UEditor.config.js文件中，定位到编辑器层级的基数,默认是900，取消注释，并将z-index的参数大于模态框的z-index...
2018-05-25 16:43:01
2024
转载 Flex 布局
概要采用 Flex 布局的元素，称为 Flex 容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称”项目”。/* 任意容器 */.box{ display: flex;}/* 行内元素 */.box{ display: inline-flex;} 注意，设为 Flex 布局以后...
2018-05-18 17:15:39
158
原创 vertical-align无效
situationvertical-align无效任务子元素实现相对父元素垂直居中解决方法父元素设置 line-height，子元素设置 display: inline/inline-block父元素设置 display: table,子元素设置 display: table-cell...
2018-05-18 09:19:48
1261
原创 解决button无法触发input类型为file的方法
situation默认input[type=file]太丑，做了个美化的button，对其添加click事件后发现只能选择文件，而点击提交按钮是无法真正上传文件的task进行伪装，当点击button时实际上点在input[type=file]上action通过CSS，使input[type=file] - 位于按钮上层 - 大小与button相同 - opacit...
2018-05-14 23:56:21
7134
原创 CSS实现表格内容过长时用省略号表示
table { /* 列宽由表格宽度和列宽度设定 */ table-layout: fixed;}td { /* 不换行 */ white-space: nowrap; /* 超出单元格的部分隐藏 */ overflow: hidden; /* 用省略号代替被隐藏的部分 */ text-overflow: ellipsis;}...
2018-05-14 22:33:06
1202
原创 MongoDB集群（副本集+分片）
Situation相关概念config(配置服务器） 数据和片的对应关系以及相应的配置信息 mongos(路由服务器) 负责把对应的数据请求请求转发到对应的shard服务器上 mongod(分片服务器) 环境准备windows10 + mongodb3.4 + matlab3台可以互相ping通的主机(单机下也可以建立不同的文件进行伪...
2018-05-12 23:31:14
825
原创 小程序部分机型请求200、返回数据为空
情景描述ssm+mysql+jdk1.7+tomcat7+centos7接口在网页端正常使用，在小程序端部分机型（魅族、乐视）的部分接口失效开发者工具调试正常真机上调试请求报200，传参成功，但无数据返回；tomcat并没有接收到请求测试更换服务器、数据库都无法解决任务解决这个谜一样的BUG解决方法发现失效的接口的共同点是传参包含中文，而接口的调用是在封装...
2018-04-25 00:15:37
2751
原创 IDEA热加载自动更新（Update classes and resources ）
问题描述初次使用IDEA，修改JSP页面后，渲染内容需要重启Tomcat后才更新任务实现热加载自动更新解决IDEA 菜单 &gt; Run &gt; Edit Edit Configurations… 在Deployment页面卡下，将Artifact类型改为exploded回到Server页面卡，将 On ‘Update’ action、On frame de...
2018-04-15 13:58:07
1656
原创 JSP格式化Date
问题描述前端从后台获取到的时间格式为 Thu Apr 05 10:30:00 CST 2018现在传参后台需要的时间格式为 2018-04-05 10:30解决方法jsp页面引用格式化标签库<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>...
2018-04-15 13:40:55
1019
原创 项目中babel-cli的使用
1.项目初始化npm init2.项目中安装babelnpm install babel-cli --save-dev3.安装相关babel插件# babel-preset-xxxxxxnpm install babel-preset-es2015 --save-dev4.改写package.json# src:源目录；lib:目标目录{ "devDepende...
2018-04-14 21:34:25
3080
原创 npm install 时 --save-dev 和 --save的区别
相同点省掉手动修改package.json文件的步骤–save-dev自动把模块和版本号添加到devdependencies部分–save自动把模块和版本号添加到dependencies部分npm install的时候会自动下载安装总结测试或transpilers转义器(babel, webpack, gulp, postcss…)使用 –save-de...
2018-04-14 17:50:54
202
原创 JQuery基础
入口函数$(document).ready(function(){ // 事件不带on $("#btn").click(function(){;} }) // 效率大于JS的window.onload事件1 效果隐藏/显示hide()show()toggle() 切换淡入淡出fadeIn() 淡入已隐藏的元素$(sel...
2018-03-31 13:35:06
171
1
原创 js高级程序设计Note(ch1~ch3)
1 组成ECMAScriptDOM(Document Object Model)BOM(Browser Object Model)2 使用JS&lt;script&gt; defer=“defer”&gt;&lt;/script&gt;异步脚本 async 文档模式 3 基本概念标识符 驼峰表示法注...
2018-03-22 21:33:22
128
前端代码规范
2019-03-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人