
HTML+CSS+JAVASCRIPT
前端html+css+javascript
让我看看谁在学习
学无止境
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
es6数组去重
1、ES6——new Set方法const myArray = [1,1,2,2,3,33,4,4,5,5,7]console.log([...new Set(myArray )]);// [1, 2, 3, 4, 5, 7]2、Array.from(该方法可以将 Set 结构转为数组)function dedupe(array) { return Array.from(ne...原创 2019-08-27 10:09:04 · 255 阅读 · 0 评论 -
前端之BFC
BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么? 在解释 BFC 是什么之前,需要先...转载 2019-03-16 21:06:56 · 289 阅读 · 0 评论 -
浏览器兼容问题汇总
Firefox: -moz-Safari: -webkit-Opera: -o-IE: -ms-1 ie6.0横向margin加倍产生因素:块属性、float、有横向margin。解决方法:display:inline;2 ie6.0下默认有行高解决方法:overflow:hidden;或font-size:0;或line-height:xx px;3 在各个浏览器下...转载 2019-03-13 11:12:39 · 267 阅读 · 0 评论 -
json格式转换
1,关联数组数据转换为JSON数据格式时,将会转换为JSON的对象格式。string json_encode(value,option);升级PHP版本到5.4以上,json_encode(value,option)中第二个参数option设置为JSON_UNESCAPED_UNICODE即可转换为utf-8格式$json = json_encode($student1,JSON_U...原创 2018-12-24 08:46:10 · 1406 阅读 · 0 评论 -
js获取页面URL地址,判断URL是否包含具体值
window.location.pathname //设置或获取对象指定的文件名或路径window.location.href //设置或获取整个 URL 为字符串window.location.origin // 获取当前页面的域名window.location.port //设置或获取与 URL 关联的端口号码window.location.protocol //设置或获取 URL ...转载 2018-12-04 16:22:50 · 1993 阅读 · 0 评论 -
前端开发常见的缩写词中英文对照
原文地址:https://www.cnblogs.com/pelli/p/6105781.htmlAJAX ==[Asynchronous Javascript And XML]--[异步的javascript和XML]AMD ==[Asynchronous Module Definition]--[异步模块加载机制]API ==[Application Programmi...转载 2018-11-08 08:43:37 · 3951 阅读 · 0 评论 -
Ajax点击提交按钮时需要点击两次的问题
主要原因:Ajax的异步请求原代码://发送网络请求登录接口$.ajax({ url: "./service/login.php", type: "POST", data: { username: $scope.username, password: $scope.password }, success: func...原创 2018-11-05 10:00:36 · 2204 阅读 · 0 评论 -
ajax提交表单 404 (Not Found)
用户登录注册使用Ajax前后端分离时出现404 (Not Found)错误,最后发现相对路径错误导致:loginCtrl.js下的Ajax代码:$.ajax({ url: "../service/login.php", type: "POST", data: { username: $scope.username, password:...原创 2018-11-05 09:17:56 · 5963 阅读 · 0 评论 -
form表单提交与ajax提交的区别
原文地址:https://blog.youkuaiyun.com/yao302789/article/details/50954902Ajax提交是通过js来提交请求,请求与响应均由js引擎来处理,页面不会刷新,用户感觉不到实际上浏览器发出了请求。比如说我们希望网页总是显示最新的新闻,而又不想老是去点刷新按钮,我们就可以用Ajax机制来实现。网上的客服软件也是ajax请求的一个比较好的案例。传统的请...转载 2018-11-04 22:37:29 · 3166 阅读 · 1 评论 -
flex-box布局
flex-box布局:弹性布局任何一个容器都可以指定为Flex布局。.box{ display: flex;}行内元素也可以使用Flex布局。.box{ display: inline-flex;}容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做...转载 2019-04-14 16:31:51 · 310 阅读 · 0 评论 -
js等于号的区别
转载 2019-06-28 10:52:24 · 402 阅读 · 0 评论 -
js 小数向上取整,保留一位有效数字
向下取整:Math.floor()向上取整:Math.ceil()四舍五入:Math.round()保留一位有效数字:num.toFixed(1)原创 2019-07-23 11:12:43 · 8621 阅读 · 0 评论 -
css伪类before和after使用
给元素加一个下边框li{font-size: 15px; padding: 12px 15px; display: flex; justify-content: space-between; align-items: center; position: relative;}.aLink:before ...原创 2019-10-25 08:33:28 · 298 阅读 · 0 评论 -
css多行文本换行
overflow-wrap: break-word;word-break: break-all;overflow: hidden;原创 2019-09-25 14:55:31 · 1353 阅读 · 0 评论 -
文字超过两行显示省略号
display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;原创 2019-09-11 13:36:58 · 270 阅读 · 0 评论 -
CSS属性中的width:auto;或不设跟width:100%;的区别
width: auto或不设置宽度子元素(包括content+padding+border+margin)撑满整个父元素的content区域。 子元素有margin、border、padding时,会减去子元素content区域相对应的width值 父元素的content = 子元素(content + padding + border + margin )width: 10...原创 2019-01-06 14:31:27 · 942 阅读 · 0 评论 -
HTML中让表单input等文本框为只读不可编辑的方法
原文:https://blog.youkuaiyun.com/zengdeqing2012/article/details/50735542有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使input text的内容,中国两个字不可以修改有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" ...转载 2018-12-27 20:39:33 · 1634 阅读 · 0 评论 -
js 获取当前周所在的一周时间
// 一周时间 getWeekTime() { let that = this; this.userForm.TimeChoose = []; var currentFirstDate; var formatDate = function(date) { var year = date.getFullYear() + "-"...原创 2019-10-17 19:58:53 · 2424 阅读 · 0 评论 -
css box-shadow的使用
http://www.fly63.com/article/detial/4726转载 2019-11-22 09:43:46 · 170 阅读 · 0 评论 -
js 遍历效率比较
for(原始遍历方式) > for-of > forEach > filter > map > for-in转载 2019-11-29 09:55:48 · 639 阅读 · 0 评论