web开发
sindlly
这个作者很懒,什么都没留下…
展开
-
渐进增强和优雅降级之间的不同
第一次接触到这两个设计范例,所以记录一下渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐转载 2015-09-22 09:58:09 · 1101 阅读 · 0 评论 -
表单信息的localStorage
用户在填写表单时,有可能会出现浏览器崩溃或不小心刷新的情况。如果表单填写的内容较多,势必给用户带来不便。因此,将表单信息及时的存入localStorage,在出现崩溃之后,表单已填写的内容就不会消失了。1.使用sisyphus.js插件 应用该插件后,只需添加一行代码即可: $( "#your_from_id" ).sisyphus(); 当我们希望点击提交之后,消除loca原创 2016-11-14 10:07:58 · 928 阅读 · 0 评论 -
webuploader兼容IE9注意事项
webuploader是非常好用的文件上传工具,支持HTML5和flash方式上传文件,并可以对文件的类型,大小等进行限定。但是在兼容IE9时需注意一下几点: 1、实例化时: var uploader = WebUploader.create({ // swf文件路径 swf: 'you_file_path/Uploader.swf',原创 2016-11-11 10:33:14 · 12406 阅读 · 5 评论 -
利用nodejs express mysql +boostrap构建一个博客
学习了一周的node.js 发现因为版本的原因,很多例子都无法使用,准备使用nodejs + express +mysql + boostrap构建一个简单博客。一、前期准备:1、自行安装nodejs、npm、mysql2、利用express 建立一个工程1) 首先cd到工程所在的文件夹2)运行 express - e myblog 生成工程文件3)cd 进入myblog原创 2016-09-27 16:03:53 · 2667 阅读 · 0 评论 -
设置居中
1、垂直居中top:50%;margin-top:height/2;原创 2016-07-19 16:58:51 · 437 阅读 · 0 评论 -
目前接触了的前端框架
经常被人问用过什么框架,虽然也用过一些,但是每次都说不清楚,所以记录整理一下。boostrap:大家都在用的,但是有人说他过时的,但是我觉得还可以Angular.JS:用于前后端数据的双向绑定。Vue.js:也用于前后端数据的双向绑定。H-ui:辉哥创的,集合了很多已有的东西,比如boostrap,jq。这其实也是自己的总结吧,优秀程序员的路线大概如此吧express:node原创 2016-09-21 15:39:17 · 500 阅读 · 0 评论 -
点击按钮 加载更多
页面代码: 加载更多 数据流模板 数据流展示 搜索 添加 数据流名称 单位名称 单位符号原创 2016-09-07 14:11:19 · 9161 阅读 · 0 评论 -
为什么加了overflow后父类的margin-top不随子类移动了
margin本来就是指两个非嵌套的div之间的间隔,你在里面那个div设置了margin,外面的div自然会执行margin了,解决方法有:1、修改父元素的高度,增加padding-top样式模拟(padding-top:1px;常用) 2、为父元素添加overflow:hidden;样式即可(完美) 3、为父元素或者子元素声明浮动(float:left;可用) 4、为父元素添加border(原创 2016-08-26 09:37:07 · 944 阅读 · 0 评论 -
CSS实现圆角,三角,五角星,五边形,爱心,12角星,8角星,圆,椭圆,圆圈,八卦等等
CSS实现圆角,三角,五角星,五边形,爱心,12角星,8角星,圆,椭圆,圆圈,八卦等等新出的html5新增了不少标签,性能更强,原来的很繁琐的功能几个标签就能实现,同时CSS3也推出,更是一大亮点,下面是css3的部分用法,在此总结一下,以供需要的朋友们,总共30个例子1.长方形#Rectangle{width: 200px;height: 50px;bac转载 2016-08-05 10:24:52 · 392 阅读 · 0 评论 -
杂七杂八
这是平时忽略的问题集中地1、CSS 提供了 text-indent 属性,该属性可以方便地实现文本缩进。p {text-indent: -5em;}2、text-transform 属性处理文本的大小写。这个属性有 4 个值:noneuppercaselowercasecapitalize默认值 none 对文本不做任何改动,将使用源文档原创 2016-07-18 16:53:52 · 195 阅读 · 0 评论 -
前端相关框架
1、js动画框架TweenMax原创 2016-07-19 08:44:21 · 260 阅读 · 0 评论 -
CSS中不能被继承的元素
background-color 不能继承,其默认值是 transparent。transparent 有“透明”之意。也就是说,如果一个元素没有指定背景色,那么背景就是透明的,这样其祖先元素的背景才能可见。background-image 也不能继承。事实上,所有背景属性都不能继承。原创 2016-07-18 15:59:21 · 691 阅读 · 0 评论 -
浏览器默认样式
1.页边距IE默认为10px,通过body的margin属性设置FF默认为8px,通过body的padding属性设置要清除页边距一定要清除这两个属性值body { margin:0; padding:0;}2.段间距IE默认为19px,通过p的margin-top属性设置FF默认为1.12em,通过p的margin-bottom属性设p默认翻译 2016-07-18 15:32:58 · 496 阅读 · 0 评论 -
第一次成功实现的WebSocket代码
服务器端代码:package MyfirstWebSocket;import java.io.IOException;import javax.websocket.OnClose;import javax.websocket.OnMessage;import javax.websocket.OnOpen;import javax.websocket.Session;import原创 2015-11-02 19:56:01 · 1434 阅读 · 0 评论 -
HTTP常见状态码
200OK请求成功。一般用于GET与POST请求301Moved Permanently永久移动。请求的资源已被永久的移动到新URI,返回信息会包括新的URI,浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替302Found临时移动。与301类似。但资源只是临时被移动。客户端应继续使用原有URI转载 2015-09-24 09:17:01 · 348 阅读 · 0 评论 -
display:none与visibility:hidden的区别是什么
display : 隐藏对应的元素但不挤占该元素原来的空间。visibility: 隐藏对应的元素并且挤占该元素原来的空间。 即是,使用CSS display:none属性后,HTML元素(对象)的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后,HTML元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在。转载 2015-09-22 15:41:40 · 899 阅读 · 0 评论 -
rgba()和opacity的透明效果有什么不同?
这是中移物联网面试的时候问过的一个问题,刚刚看见才想起来。与大家分享一下,同时也是一个很好的技巧!rgba()和opacity都能实现透明效果,但最大的不同是opacity作用于元素,以及元素内的所有内容的透明度,而rgba()只作用于元素的颜色或其背景色。(设置rgba透明的元素的子元素不会继承透明效果!)转载 2015-09-22 15:11:05 · 2296 阅读 · 0 评论 -
vue 打包之后的文件如何部署到express服务器上
1、vue经过webpack打包之后生成dist文件夹,里面有个index.html,他是前端页面和服务端的对接页面。2、在express中加入app.use(express.static(path.join(__dirname, 'dist')));app.js 代码如下:const express = require('express')const path = require('p原创 2017-08-09 09:38:17 · 12009 阅读 · 3 评论