HTML5
guxiansheng1991
1.接近2年的前端工作经验,能够熟练使用前端技术完成项目功能,能够熟练使用原生js,html,css实现前后端数据交互和页面交互。<br>2.能够独立进行项目开发,熟练使用Vue.js进行项目开发。<br>3.能够解决各个浏览器兼容性问题。<br>4.沟通能力较强,能很好的理解需求,有较强的自学能力和团队合作能力。
展开
-
表单的设计
表单的设计 http://www.webjx.com/web/xindejiqiao-34339.html原创 2016-08-09 09:58:22 · 355 阅读 · 0 评论 -
html网页布局总结
html布局应该总体遵循从上到下,最好使用原来的布局方式,即position:relative使用position:absolute布局方式的时候,注意苹果手机浏览器,chrome手机浏览器的滑动中会不会出现乱布局布局的时候,最好能保证每一个dom有自己的高度,即使是父容器也要随子容器的大小而变化,这样不容易出现乱原创 2017-11-08 14:28:07 · 388 阅读 · 0 评论 -
前端左右列表联动,目前没有找到好的插件,以后使用到的话自己使用原生的js,html,css写
记录时间:2017-10-24原创 2017-10-24 15:50:34 · 700 阅读 · 3 评论 -
解决,当列表进入详情页的时候,操作完使用浏览器的返回,状态依然是之前的,需要手动刷新的问题
解决方法,参考如下文章: http://blog.csdn.net/panruifang/article/details/46328863 由于window.name在浏览器刷新后会仍然保存,所以可以用window.name来判断页面是否已经刷新过.if(window.name!="hasLoad"){ location.reload(); window.na转载 2017-11-21 11:47:03 · 2204 阅读 · 0 评论 -
前端实际开发使用框架的建议
前端开发会面临选用各种框架的问题,这里我自己做一下总结. 2017-08-30分为以下几类(目前我遇到的)1.能够使用如Vue.js,angular等框架的2.不能使用1中的框架(本文介绍重点)1.能够使用如Vue.js,angular等框架的这种框架本身具有内置的模板引擎,js模块化,状态管理等,不需要外界其他框架的介入就能开发(最多再加一个UI框架).2.不能使用1中的框架(本文介原创 2017-08-30 14:12:12 · 771 阅读 · 0 评论 -
localstorage模拟数据库的简化版本
;(function(window){//一些常量var CONSTPARAMS = { ZERO:0, MINUS1:-1, POSITIVE1:1, MYTRUE:true, MYFALSE:false, MYNULL:null, LTableCANROWDELETE:false, //表中记录是否可以删除 LTableCAN原创 2018-01-02 18:21:22 · 332 阅读 · 0 评论 -
HTML5拖放
1.拖放实现逻辑开始拖动 ===> 拖动中 ===> 拖动结束(放手) ondragstart ===> ondragover ===> ondrop ondragstart 绑定在需要被拖动的dom上 ondragover和ondrop绑定在接受被拖动dom进...原创 2018-03-22 21:17:20 · 143 阅读 · 0 评论 -
html事件传播和各个浏览器的处理方式
一.html事件传播机制event.eventPhase 常量值 Event.CAPTURING_PHASE 1 , 捕获阶段 Event.AT_TARGET 2 , 目标元素阶段 Event.BUBBLING_PHASE 3 , 冒泡阶段(1)事件冒泡事件触发顺序从最外层到最内层的顺序,(2)事件捕获事件触发顺序是从最内层到最外层元素二.各个...原创 2018-03-22 11:09:57 · 220 阅读 · 0 评论 -
HTML5学习之video
一.video浏览器支持参考 http://www.w3school.com.cn/html5/html_5_video.asp 为保持最大兼容,需要提供mp4和Ogg两种格式的视频1.video属性和方法参考 http://www.w3school.com.cn/html5/html_5_video.asp2.使用html <video id="v" s...原创 2018-03-22 11:43:17 · 251 阅读 · 0 评论 -
fullPage.js使用
原文链接: https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese关于fullpageFullpage.js是一个基于jquery的插件,他可以非常方便、很轻松的制作一个全屏网站:1.支持鼠标滚动2.多个回调函数3.支持手机、平板等触摸事件4.支持css3动画5.支持窗口缩放6.窗口缩放时自动调整...转载 2018-04-30 16:46:23 · 807 阅读 · 0 评论 -
自己实现一套tip
开发中很多比如alert,confirm等等原生的都是不符合设计要求的,需要自己写思路有2中,一种是单例模式(只能弹出来一个框) ; 另一种是多例模式(能弹出来多个框,并依次关闭)(1)单例模式不困难,从下面myAlert方法中可以简单的看到(2)多例模式 难点在能够不出差的情况下,依次删除掉弹出的多个框 这里使用了闭包(见toast方法)exp...原创 2018-05-27 12:47:02 · 290 阅读 · 0 评论 -
网页兼容iPhone X
参考网址 https://aotu.io/notes/2017/11/27/iphonex/index.htmliPhone X中安全区域的概念 设计的兼容要求: 在Vue项目中应用如下(共2步): 1. 设置meta中viewport-fit=cover<meta name="viewport" content="width=device-width,init...原创 2018-05-28 16:59:16 · 823 阅读 · 0 评论 -
火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
参考网址转载 2017-11-08 12:11:13 · 282 阅读 · 0 评论 -
vue+webpack+bootstrap使用
亲测可用,引用自: https://www.ctolib.com/docs-webpack-vue-cli-c-104539.html转载 2017-09-04 19:03:14 · 1379 阅读 · 0 评论 -
markdown 基本语法
标题#(1个)-#(6个) 分别表示1-6级标题加粗/斜体**加粗字体***倾斜字体****加粗倾斜字体***分割线--- 在需要分割的地方三个短横线列表无序列表在短横线后加1个空格,也可以多层嵌套- aaa- bbb - ccc有序列表数字之后加点再加1个空格,也可以多层嵌套,类似上面的无序列表1. aaa2. bbb 1. ccc引用'>' 号后加1个空格,不能嵌套使用> a原创 2016-12-21 17:45:24 · 285 阅读 · 0 评论 -
认识HTML5的WebSocket
文章摘自博客园,博主:晓峰 博主主页:http://www.cnblogs.com/wei2yi/http://www.cnblogs.com/wei2yi/archive/2011/03/23/1992830.html认识HTML5的WebSocket 在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术,以替代我转载 2017-02-15 10:47:14 · 276 阅读 · 0 评论 -
移动端页面布局
一.使用rem1.宽度自适应:<script type="text/javascript"> (function (doc,win){ var docEl=doc.documentElement; console.log(docEl); var run=function () {原创 2017-06-22 18:04:30 · 478 阅读 · 0 评论 -
使用原生的JavaScript代替jQuery的操作DOM
转自 http://www.bcty365.com/content-146-3661-1.html (已修改)选择元素//jq $(‘.el’); //js document.querySelector(“div”); div.querySelectorAll(‘.el’); //mui mui(“.el”)[0];父、兄弟元素//jq (‘.el′).parent();(‘.el’转载 2017-07-04 16:29:19 · 904 阅读 · 0 评论 -
html 横排展示,不换行
实现思路:父元素overflow:auto;white-space:nowarp; /*不换行*/子元素display:inline-block; /*行内元素,所以才需要父元素的white-space设置*/ html<div class="d"> <div class="s1"></div> <div class="s1"></div>原创 2017-07-06 11:11:29 · 6303 阅读 · 0 评论 -
阻止微信网页缓存
转自: http://www.cnblogs.com/zx3707/p/5893516.html做微网站建设的童鞋都知道,微网站就是一个普通的手机网站,只不过是适应的屏幕的大小,其它的与普通网站没有什么区别,现在市场有的微信网站就有数的那几种,完全只是选板,还没有普及到跟做网站的一样普及的地步,再说能不能普通还是两说的事,看看企鹅怎么修行了 闲话少说,本人对微信网站没有多大深入了解只是知道一点,转载 2017-07-20 11:11:00 · 681 阅读 · 0 评论 -
div 内容居中
div大小一定,内容如下: 1.一个img标签 2.多个p标签一个img标签主要使用模拟table方式**html**<div id="d"> <div> <img id="img" src="../images/飞机.png"> </div></div>**css**#d{ width: 60%; height: 300px;原创 2017-07-18 16:32:38 · 590 阅读 · 0 评论 -
CSDN Markdown操作
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2017-07-24 11:38:47 · 255 阅读 · 0 评论 -
JavaScript 时间操作
一.Date 初始化1. var date=new Date();二.Date 对象的时间初始化设置date.setTime() -------以毫秒设置时间date.setDate() -------设置月中某一天(1-31)date.setMonth() -------设置年中某一月(0-11)date.setFullYear() ----设置年份(4位数,2位数不支持了)date.原创 2017-07-24 15:53:24 · 2096 阅读 · 0 评论 -
gulp学习笔记
写在前面1. gulp 使用要用node环境2. gulp 很好用一.安装gulp npm install gulp -g二.创建项目> npm init> 安装项目中的gulp (install gulp --save-dev)> 项目结构推荐如下(推荐用模块化开发,每一个大的功能放在一个文件夹中,不要讲项目中的所以css放在一个文件夹下,js放在一个文件夹下): - app原创 2017-08-02 16:50:11 · 481 阅读 · 0 评论 -
将select中的option全部删除
select 下拉框用中的option得到的是一个js数组清空optionvar cTime=document.getElementById("cTime");cTime.options.length=0;操作option得到option的数组,就像操作正常数组一样进行操作.原创 2017-07-18 16:37:19 · 10185 阅读 · 2 评论 -
Hbuilder 打包IOS的应用的大体步骤
1.申请成为苹果开发者,获得一个苹果开发者账号和密码(听说是15天审批时间) 2.申请苹果开发测试证书(得到2个文件,Profiles和描述文件) 3.使用hbuilder打包ipa(应用使用了个推,要登录开发者网站选中使用的APP IDs,将推送功能选中,过程可以百度之). 4.打包ipa原创 2017-07-28 14:51:44 · 2200 阅读 · 0 评论 -
js 弹层下面的body禁止滚动
当弹出出现的时候,设置body的position为fixed,并设置overflow为hiddendocument.body.style.position = 'fixed';document.body.style.overflow = 'hidden';当弹层取消document.body.style.position = 'relative';document.body.sty...原创 2018-05-29 22:57:18 · 5062 阅读 · 1 评论