html css js
Pruett
这个作者很懒,什么都没留下…
展开
-
浏览器内核
今天学习Web前端了解了一下主流浏览器的内核,做一下记录1.Trident (IE):兼容模式, window10发布后,IE将内置浏览器命名为Edge,Edge显著特点是新的内核EdgeHTML2.Gecko(firebox) 3.webkit(Safari,苹果电脑浏览器)4.Chromium/Bink(chrome和Opera) Opera以前的内核是Presto ,原创 2017-08-23 15:32:37 · 256 阅读 · 0 评论 -
url中的参数显示为中文,取出来就乱码了的问题解决
function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg);//search,查询?后面的参数,并匹配正则 ...原创 2018-11-18 20:55:21 · 4822 阅读 · 1 评论 -
js使用动态添加的方式传函数参数不能调用函数的问题
问题:使用jquery动态的添加页面元素,但是传参数的时候不能传中文,传中文的时候函数调用不了出现错误.原因:网上查了一下,感觉是没有加引号导致的自己的情况:但是自己是加了引号的,自己用的是在双引号里面加单引号. 举个例子: $("#body").append( " <a href='javascript:woid(0)' onclick= \" jsfunction(" + 1...原创 2018-11-14 10:15:47 · 1295 阅读 · 0 评论 -
使用layui的时候form表单中的select等不能渲染
1.使用的是动态的添加一些内容到表单里面去,然后就出现了原始的html标签样式,看了问题的解决也有,尝试了一下,以为是将form.render放到html页面里的script里就可以了,但是通过实验发现,不能放在页面里的script标签里面,应该放在你动态添加的元素的方法的后面,也就是添加的代码写完,放在这之后.主要问题中说的要将select等标签放在 class=“layui-form” 的标...原创 2018-11-11 15:41:25 · 9320 阅读 · 0 评论 -
网页前端CSS之选择器
1.类选择器以 " . "开头,在标签中使用,在HTML标签中调用的使用使用class属性,使用如下: .red { color : red;} 123 2.ID选择器 以 " # "开头, 在标签中使用,在HTML标签中调用的使用使用class属性,使用如下: #red { color : red;} 123原创 2017-09-06 17:35:44 · 421 阅读 · 0 评论 -
伸缩布局等份flex
响应式的布局,跟着浏览器的变化而变化1.给父元素设置flex布局<section> <div></div> <div></div> <div></div></section>//CSSsection { display: flex; width:800px; height: 100px;}section div:nth-child(1) {原创 2018-03-12 15:50:40 · 2541 阅读 · 0 评论 -
CSS滑动门技术
1.背景制作网页时,为了美观,会制作设置特殊形状的背景, 里面的字数不一样,,为了使各种特殊形状能够自适应元素中文本内容的多少,出现了Css滑动门技术.是各种特殊形状的背景能够根据文本内容的多少拉伸滑动,可用性更强.最常见的是各种导航栏的滑动门.2.原理使用精灵技术(主要是背景位置)和padding撑开盒子,找一很长的背景图,使用两个盒子,<a> <spa...原创 2018-03-06 16:06:36 · 461 阅读 · 0 评论 -
CSS3 动画 animation
动画就是在html页面上让一个盒子动起来。 如下是animation的属性; 这里简单介绍几个属性的内部属性,animation-timing-function animation-iteration-count 1.可以使用总的写法animation: 动画名称 动画时间 运动曲线 何时开始 播放次数 是否反方向;/*不一定按照顺序前面的必须有才能写后面的但是前两个...原创 2018-03-12 11:07:42 · 587 阅读 · 0 评论 -
CSS字体图标
1.优点可以做出跟图片一样可以做的事情,改变透明度,旋转度等. 本质是文字,可以随意的改变颜色,产生阴影,透明效果等. 本身体积更小, 但携带的信息不变. 几乎支持所有浏览器,,,移动端必备的2.使用流程1.UI人员实际字体图标效果图(svg) 2.前端人员上传生成兼容性字体文件包,下面这两个网站可以将svg文件转化为相应的字体.也可以从这两个网站上找现成的下载来用 http...原创 2018-03-04 17:22:14 · 2644 阅读 · 0 评论 -
CSS精灵技术
1.原理:为了有效地减小服务器接受和发送请求的次数,提高页面的加载速度,出现了CSS精灵技术(也称CSS Sprites ,CSS雪碧)2.本质一种处理网页背景图像的方式(主要是背景图片),将一个页面的涉及的所有零星背景图像都集中到一张大图中去,将大图应用于网页,当用户访问该页面时,只需要向服务器发送一次请求,,网页中的背景图像就会全部显示出来。3.使用background 控...原创 2018-03-03 21:21:05 · 1200 阅读 · 0 评论 -
CSS用户界面样式
1.鼠标样式cursor属性: 1.default 小白 原始的箭头形状 2.pointer 小手形状 3.text 文本的形式,形如 I 的形状 4.move 拖动的效果2.轮廓 outline轮廓线和边框是两种线,不是同一种,一般情况下outline是不需要的,默认是有的,比如input中,...原创 2018-03-01 15:31:29 · 1033 阅读 · 0 评论 -
CSS3过渡、2D变形 3D变形
一个小的属性介绍:backface-visibility:hidden; //不是正面就将其隐藏,在屏幕上翻转超过90度,就不是正面了1.过渡1.介绍:像一个flash小动画一样,可以实现补间动画,并且当前元素只要有属性发生变化时,就可以实现平滑的过渡,可以使用hover来实现两种状态,但不仅仅局限于hover状态来实现过渡。(谁做动画,过渡写在谁里面) 2.属性trans...原创 2018-03-07 17:02:12 · 520 阅读 · 0 评论 -
清除浮动的方法
1.原因父元素不加高度,则父元素的高度会随着子元素的高度而变化,如果多个子元素都浮动了,又父元素没有高度,原创 2017-09-14 14:33:54 · 244 阅读 · 0 评论 -
CSS之盒子模型的浮动
1.CSS盒模型盒子模型,如div等的宽和高的计算都是通过 content width + border + padding + margin(外盒加,内盒不加), 打个比方:本来盒子的width是200px , 加上了 2px的border之后 总的宽度 width 就成了 204px,为了避免在添加了padding和border属性后盒子的高度变化,在写盒子的样式的时候在CSS中添加 :原创 2017-09-14 14:31:26 · 597 阅读 · 0 评论 -
CSS背景及选择器的优先级
1.背景1) background-color 背景颜色,可以使用的背景颜色方式有英文单词,如red,blue等;其次十六进制数,如#eee,#7c7c7c等;RGB颜色.background-color:red;background-color:#ccc;background-color:rgb(0,0,0); //数值在0-255之间,可随便变换background-co原创 2017-09-11 16:02:53 · 1528 阅读 · 0 评论 -
CSS样式之复合选择器
1.交集选择器交集选择器使用的方法是其中一个为HTML的标签,另外一个是类选择器,示例如下:p.one 解释: p是HTML中的标签 , .one 是一个类选择器的书写方式,使用 1232.并集选择器多个选择器用逗号分开,所有选择器都能实现后面的样式 ,示例如下:a , p , .one , #id {}3.后代选择器外层的标签写在前面,内层标签写在后面 ,示原创 2017-09-09 11:16:57 · 3273 阅读 · 0 评论 -
CSS显示与隐藏,overflow
1.display (主要) 1.1 display:none; 隐藏元素,但是元素还存在,只是不显示,占有的位置也没有了。 1.2 display: block; 转换为块元素,显示元素。 2.visibility 2.1visibility: hidden; 隐藏元素, 和1.1 最大的区别是 ,这个保留位置。 2.2 visibility: visible;原创 2018-02-26 17:01:10 · 459 阅读 · 0 评论 -
CSS样式之定位
1.定位的边偏移 top 顶端偏移量,定义元素相对于其父元素上边线的距离 bottom 底部偏移量,定义元素相对于其父元素下边线的距离 left 左侧偏移量,定义元素相对于其父元素左边线的距离 right 右侧偏移量,定义元素相对于其父元素右边线的距离PS:偏移量的使用,根据先上再下,先左后右的要求,使用了左边的偏移,右边就没必要加了,上下也是如此,使用...原创 2018-02-26 16:03:01 · 954 阅读 · 0 评论 -
关于ajax跨域问题
1.没进行跨域,ajax请求发不出去对于前后端的分离,如果不是在同一个IP,同一个端口的情况下可能就需要进行跨域, 使用的是nginx进行跨域,nginx是服务器端跨域解决,下载nginx,然后安装好之后进行文件的配置,然后启动nginx进行了,(在自己的电脑上进行nginx配置),给出我的配置文件的serverserver { listen 8099; ...原创 2018-11-16 19:55:38 · 213 阅读 · 0 评论