front end
zhangyingji
这个作者很懒,什么都没留下…
展开
-
js高级程序设计Note(ch1~ch3)
1 组成ECMAScriptDOM(Document Object Model)BOM(Browser Object Model)2 使用JS<script> defer=“defer”></script>异步脚本 async 文档模式 3 基本概念标识符 驼峰表示法注...原创 2018-03-22 21:33:22 · 139 阅读 · 0 评论 -
清除浮动、浏览器前缀
清除浮动给父元素加高度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 · 137 阅读 · 0 评论 -
瀑布流布局
思路固定列数的浮动布局: 1. 根据设备屏幕的宽度和加载图片的宽度来固定列数,之后又获取每一列图片的高度,将要加载的图片放在高度最小的那一列图片下面,循环数组不断的寻找高度最小的那一列图片,将图片放在下面实现基本的布局效果。 2. 创建一个滚动条监听事件(当最后一张图片距顶的高度 &amp;lt; 屏幕的高度+滚动条滚动的距离)时,就触发我们在页面动态的添加图片的事件(用JavasSript在Ht...原创 2018-07-22 20:50:39 · 616 阅读 · 0 评论 -
输入URL到页面加载完发生的那些事儿
1 浏览器解析URL,生成HTTP请求URL示例http://www.zhangyingji.cn/index.html对应如下:协议 + // + Web服务器名 + / + 文件路径名2 浏览器先查看浏览器缓存-系统缓存-路由器缓存 - 有:加载页面 - 没有:进行DNS解析,获取IP3 浏览器向服务器发起TCP连接TCP连接:三次握手 - 客户端发送SYN为...原创 2018-07-26 13:32:26 · 210 阅读 · 0 评论 -
最常见的HTTP状态码
状态码的第一位数字表示状态类型1: 告知请求的处理进度和情况2: 成功200: 成功,成功处理了请求201:已创建,成功并且服务器创建了新的资源202:已接受,服务器已接受请求,但尚未处理3: 表示需要进一步操作304:未修改,请求的网页未修改过4: 客户端错误400:错误请求,语法问题401:未授权,请求要求身份验证403:禁止,服务...原创 2018-07-26 13:30:05 · 193 阅读 · 0 评论 -
ajax在回调函数中嵌套ajax
问题项目需要在第一个请求执行成功取得一些参数后,立即执行第二个请求,而直接嵌套没有达到想要的的效果解决ajax中有一个async参数(异步属性),默认为true。故将其设置为false即可对异步、同步的不了解的请自行查阅资料...原创 2018-07-18 09:49:36 · 10191 阅读 · 1 评论 -
常用的水平垂直居中方法总结
下面分内联元素、块级元素总结,flex布局均适用于这两者,故独立出来内联元素// 水平text-align: center;// 垂直:设置两者相等 height: 100px;line-height: 100px;多行文字:利用table.parent { display: table;}.children { // 使其成为单元格 ...原创 2018-07-23 14:51:59 · 199 阅读 · 0 评论 -
bootstrap中的模态框和UEditor层次冲突
situation在bootstrap模态框中嵌入了UEditor点击UEditor的工具栏,工具界面显示在遮罩层之下解决方法查看模态框的z-index在UEditor.config.js文件中,定位到编辑器层级的基数,默认是900,取消注释,并将z-index的参数大于模态框的z-index...原创 2018-05-25 16:43:01 · 2058 阅读 · 0 评论 -
解决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 · 7197 阅读 · 0 评论 -
CSS实现表格内容过长时用省略号表示
table { /* 列宽由表格宽度和列宽度设定 */ table-layout: fixed;}td { /* 不换行 */ white-space: nowrap; /* 超出单元格的部分隐藏 */ overflow: hidden; /* 用省略号代替被隐藏的部分 */ text-overflow: ellipsis;}...原创 2018-05-14 22:33:06 · 1237 阅读 · 0 评论 -
Flex 布局
概要采用 Flex 布局的元素,称为 Flex 容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称”项目”。/* 任意容器 */.box{ display: flex;}/* 行内元素 */.box{ display: inline-flex;} 注意,设为 Flex 布局以后...转载 2018-05-18 17:15:39 · 172 阅读 · 0 评论 -
vertical-align无效
situationvertical-align无效任务子元素实现相对父元素垂直居中解决方法父元素设置 line-height,子元素设置 display: inline/inline-block父元素设置 display: table,子元素设置 display: table-cell...原创 2018-05-18 09:19:48 · 1291 阅读 · 0 评论 -
小程序部分机型请求200、返回数据为空
情景描述ssm+mysql+jdk1.7+tomcat7+centos7接口在网页端正常使用,在小程序端部分机型(魅族、乐视)的部分接口失效开发者工具调试正常真机上调试请求报200,传参成功,但无数据返回;tomcat并没有接收到请求测试更换服务器、数据库都无法解决任务解决这个谜一样的BUG解决方法发现失效的接口的共同点是传参包含中文,而接口的调用是在封装...原创 2018-04-25 00:15:37 · 2835 阅读 · 0 评论 -
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 · 1034 阅读 · 0 评论 -
项目中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 · 3115 阅读 · 0 评论 -
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 · 230 阅读 · 0 评论 -
JQuery基础
入口函数$(document).ready(function(){ // 事件不带on $("#btn").click(function(){;} }) // 效率大于JS的window.onload事件1 效果隐藏/显示hide()show()toggle() 切换淡入淡出fadeIn() 淡入已隐藏的元素$(sel...原创 2018-03-31 13:35:06 · 221 阅读 · 1 评论 -
前端代码规范
通用规范语义化、简洁省略图片、样式、脚本以及其他媒体文件 URL 的协议部分(http:,https:)注释代码:包含的模块,功能以及优点HTML在引用样式表和脚本时,不要指定 type 属性,除非不是 CSS 或 JavaScript属性值用双引号 CSSfont-size: .8em;color: 16进制; 分隔符 -按首字母顺序书写选择器...原创 2018-07-22 22:07:29 · 125 阅读 · 0 评论