- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 GitHub Pages + Jekyll 快速搭建博客
前言 在搭了新的博客（blog.zhangyingji.cn）,故在CSDN不再更新文章。下面简单概述一下GitHub Pages + Jekyll 快速搭建博客的过程。 GitHub Pages 开启本功能，首先新建仓库,仓库名为 # 用户名 + .github.io zhangyingji.github.io 则GitHub Pages的功能默认开启 Jekyll环境配置 ...
2018-08-08 19:23:43
216
原创 输入URL到页面加载完发生的那些事儿
1 浏览器解析URL，生成HTTP请求 URL示例 http://www.zhangyingji.cn/index.html 对应如下： 协议 + // + Web服务器名 + / + 文件路径名 2 浏览器先查看浏览器缓存-系统缓存-路由器缓存 - 有：加载页面 - 没有：进行DNS解析，获取IP 3 浏览器向服务器发起TCP连接 TCP连接：三次握手 - 客户端发送SYN为...
2018-07-26 13:32:26
184
原创 最常见的HTTP状态码
状态码的第一位数字表示状态类型 1: 告知请求的处理进度和情况 2: 成功 200: 成功，成功处理了请求 201：已创建，成功并且服务器创建了新的资源 202：已接受，服务器已接受请求，但尚未处理 3: 表示需要进一步操作 304：未修改，请求的网页未修改过 4: 客户端错误 400：错误请求，语法问题 401：未授权，请求要求身份验证 403：禁止，服务...
2018-07-26 13:30:05
182
原创 常用的水平垂直居中方法总结
下面分内联元素、块级元素总结，flex布局均适用于这两者，故独立出来 内联元素 // 水平 text-align: center; // 垂直：设置两者相等 height: 100px; line-height: 100px; 多行文字：利用table .parent { display: table; } .children { // 使其成为单元格 ...
2018-07-23 14:51:59
175
原创 前端代码规范
通用规范 语义化、简洁 省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:） 注释代码：包含的模块，功能以及优点 HTML 在引用样式表和脚本时，不要指定 type 属性，除非不是 CSS 或 JavaScript 属性值用双引号 CSS font-size: .8em; color: 16进制; 分隔符 - 按首字母顺序书写 选择器...
2018-07-22 22:07:29
119
原创 清除浮动、浏览器前缀
清除浮动 给父元素加高度 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
129
原创 瀑布流布局
思路 固定列数的浮动布局： 1. 根据设备屏幕的宽度和加载图片的宽度来固定列数，之后又获取每一列图片的高度，将要加载的图片放在高度最小的那一列图片下面，循环数组不断的寻找高度最小的那一列图片，将图片放在下面实现基本的布局效果。 2. 创建一个滚动条监听事件（当最后一张图片距顶的高度 &amp;lt; 屏幕的高度+滚动条滚动的距离）时，就触发我们在页面动态的添加图片的事件（用JavasSript在Ht...
2018-07-22 20:50:39
593
原创 ajax在回调函数中嵌套ajax
问题 项目需要在第一个请求执行成功取得一些参数后，立即执行第二个请求，而直接嵌套没有达到想要的的效果 解决 ajax中有一个async参数（异步属性），默认为true。故将其设置为false即可 对异步、同步的不了解的请自行查阅资料...
2018-07-18 09:49:36
10160
1
原创 bootstrap中的模态框和UEditor层次冲突
situation 在bootstrap模态框中嵌入了UEditor 点击UEditor的工具栏，工具界面显示在遮罩层之下 解决方法 查看模态框的z-index 在UEditor.config.js文件中，定位到编辑器层级的基数,默认是900，取消注释，并将z-index的参数大于模态框的z-index ...
2018-05-25 16:43:01
2032
转载 Flex 布局
概要 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称”项目”。 /* 任意容器 */ .box{ display: flex; } /* 行内元素 */ .box{ display: inline-flex; } 注意，设为 Flex 布局以后...
2018-05-18 17:15:39
159
原创 vertical-align无效
situation vertical-align无效 任务 子元素实现相对父元素垂直居中 解决方法 父元素设置 line-height，子元素设置 display: inline/inline-block 父元素设置 display: table,子元素设置 display: table-cell ...
2018-05-18 09:19:48
1267
原创 解决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
7171
原创 CSS实现表格内容过长时用省略号表示
table { /* 列宽由表格宽度和列宽度设定 */ table-layout: fixed; } td { /* 不换行 */ white-space: nowrap; /* 超出单元格的部分隐藏 */ overflow: hidden; /* 用省略号代替被隐藏的部分 */ text-overflow: ellipsis; }...
2018-05-14 22:33:06
1209
原创 MongoDB集群（副本集+分片）
Situation 相关概念 config(配置服务器） 数据和片的对应关系以及相应的配置信息 mongos(路由服务器) 负责把对应的数据请求请求转发到对应的shard服务器上 mongod(分片服务器) 环境准备 windows10 + mongodb3.4 + matlab 3台可以互相ping通的主机(单机下也可以建立不同的文件进行伪...
2018-05-12 23:31:14
832
原创 小程序部分机型请求200、返回数据为空
情景描述 ssm+mysql+jdk1.7+tomcat7+centos7 接口在网页端正常使用，在小程序端部分机型（魅族、乐视）的部分接口失效 开发者工具调试正常 真机上调试请求报200，传参成功，但无数据返回；tomcat并没有接收到请求 测试更换服务器、数据库都无法解决 任务 解决这个谜一样的BUG 解决方法 发现失效的接口的共同点是传参包含中文，而接口的调用是在封装...
2018-04-25 00:15:37
2800
原创 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
1690
原创 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
1022
原创 项目中babel-cli的使用
1.项目初始化 npm init 2.项目中安装babel npm install babel-cli --save-dev 3.安装相关babel插件 # babel-preset-xxxxxx npm install babel-preset-es2015 --save-dev 4.改写package.json # src:源目录；lib:目标目录 { "devDepende...
2018-04-14 21:34:25
3089
原创 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
204
原创 JQuery基础
入口函数 $(document).ready(function(){ // 事件不带on $("#btn").click(function(){;} }) // 效率大于JS的window.onload事件 1 效果 隐藏/显示 hide() show() toggle() 切换 淡入淡出 fadeIn() 淡入已隐藏的元素 $(sel...
2018-03-31 13:35:06
177
1
原创 js高级程序设计Note(ch1~ch3)
1 组成 ECMAScript DOM(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
134
前端代码规范
2019-03-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人