网页制作
  • HTML5实现文件断点续传的方法
    2023-01-12

    HTML5实现文件断点续传的方法

    断点续传原理目前比较常用的断点续传的方法有两种,一种是通过接口进行文件上传,另一种是通过ajax,两种方法各有千秋,虽然听起来比较高端些,但是除了用了不同的协议外其他的算法基本上都是很相似的,并且服务端要开启ws接口,这里用相对方便的ajax来说明断点上传的思路。前台要把每一块的文件传给后台,成功之后前端和后端都要标识一下,以便后续的断点。  阅读全文>>
    标签:文件上传  上传文件  断点续传  
  • HTML5不支持frameset的两种解决方法
    2023-01-12

    HTML5不支持frameset的两种解决方法

    标签定义框架集,它用于组织多个窗口(框架)。HTML5中标签没有得到支持,本文将跟大家分享HTML5不支持的两种解决方法。解决方法如下:使用,但是目前使用的人已经越来越少了,而且在不同浏览器之间还有不兼容的情况。所以个人更倾向于这种方法。以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。  阅读全文>>
    标签:HTML5  frameset  
  • JS转换成数字类型Number()
    2023-01-12

    JS转换成数字类型Number()

    不会定义不同类型的数,比如整数、短的、长的、浮点的等等。在JS中浮点的算数,个人实际测试了几个,0.1+0.4+0.7+0.2,这种计算的数值就是不是很准确。字符串转换成数字类型的方法1:(需要转换的字符串)可以通过每个数乘以10,最后再整体除以10的方法,让这几个有问题的浮点数显示正常。例如,0.4+0.2的结是0.而使用(0.4*10+0.2*10)/10,结果就是0.6测试代码:图示:  阅读全文>>
    标签:数字类型  Number  JS转换数据类型  
  • 浏览器的User Agent Stylesheet解决方法
    2023-01-12

    浏览器的User Agent Stylesheet解决方法

    的优先级是很低的,经常被其他样式覆盖,这也是设置了CSS样式文件后能够起作用的原因。其实W3C的CSS标准中有一套完整的CSS样式的优先级规则,高优先级的样式覆盖低优先级,后面将逐步剖析这些优先级的规则,讲解怎样能做出高效能的CSS样式表。是浏览器默认的样式,浏览器的css样式渲染了你的html,所以才会出现这种问题,所以我们写前台页面的时候首先要对前台页面初始化  阅读全文>>
    标签:浏览器  
  • jQuery Migrate 插件用法
    2023-01-12

    jQuery Migrate 插件用法

    是应用迁移辅助插件,是用于高级版本兼容低级版本辅助插件。例如版本用的是1.x,就可以在页面删除1.x版本,如果有脚本错误,就引入-插件用于兼容低版本,同时也显示低版本方法替换成新版本方法的方案。点击按钮,弹出“3”。这时点击按钮,在浏览器开发者窗口中显示脚本错误:在页面再引入点击按钮,正常弹出“3”。同时提示size方法被弃用使用代替:js,点击按钮,弹出“3”。  阅读全文>>
    标签:jQuery插件  Migrate  jQuery  应用迁移辅助插件  
  • 2023-01-12

    js判断字符串中是否包含某个字符串

    对象的方法方法可返回某个指定的字符串值在字符串中首次出现的位置。-1。方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。-1。方法三:match()方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。对象方法方法四:test()方法用于检索字符串中指定的值。方法五:exec()方法用于检索字符串中的正则表达式的匹配。返回一个数组,其中存放匹配的结果。  阅读全文>>
    标签:字符串  JS  
  • 前端布局神器display:flex
    2023-01-12

    前端布局神器display:flex

    2009年,W3C提出了一种新的方案--Flex布局,可以简便、完整、响应式地实现各种页面布局。flex浏览器支持flex-flex-属性:决定主轴的方向(即项目的排列方向)flex-flexflex-属性:定义项目的缩小比例设置flex-为0的项目不缩小如果设置项目的flex-不为0的非负数效果同设置为1。flex属性是flex-grow,flex-和flex-basis的简写  阅读全文>>
    标签:前端  布局  
  • 简单实现一个手持弹幕功能+文字抖动特效
    2023-01-12

    简单实现一个手持弹幕功能+文字抖动特效

    生成一个铺满全屏的黑色背景,写上文字,然后内容居中实现文字抖动特效至此,一个包含抖动和滚动特效的手持弹幕功能就实现了。功能并不复杂,开始我是想着用画出来,但是在小程序里这样的原生组件层级比较高,要是想切换特效写个修改配置的弹窗啥的,不太好弄。最近自己做了个小程序,手持弹幕这个功能也加进去了,而且实现了更多功能,还能把自己配置好的内容分享给好友,欢迎大家扫码体验,支持…  阅读全文>>
    标签:JS  手持弹幕  文字抖动  特效  
  • 2023-01-12

    HTML5实现文件断点续传的方法_1

    断点续传原理目前比较常用的断点续传的方法有两种,一种是通过接口进行文件上传,另一种是通过ajax,两种方法各有千秋,虽然听起来比较高端些,但是除了用了不同的协议外其他的算法基本上都是很相似的,并且服务端要开启ws接口,这里用相对方便的ajax来说明断点上传的思路。前台要把每一块的文件传给后台,成功之后前端和后端都要标识一下,以便后续的断点。  阅读全文>>
    标签:文件上传  断点续传  
  • HTML5拖拉上传文件的简单实例
    2023-01-12

    HTML5拖拉上传文件的简单实例

    在HTML5的pc上面实现了相当多的功能,工作中也用到了拖拉上传,特地记录下该功能用户完成元素拖动后触发当被鼠标拖动的对象进入其容器范围内时触发此事件当被鼠标拖动的对象离开其容器范围内时触发此事件在一个拖动过程中,释放鼠标键时触发此事件该功能是可以将图片拖拉到左右两个div中的方法,我觉得没啥用,可以当作哈啤下面是拖拉上传代码,后端PHP获取到$之后就可以搞起来了  阅读全文>>
    标签:html5  拖拉上传  拖拽上传  上传文件  
  • 2023-01-12

    CSS清除浮动的三种方法

    下面来看看清除浮动的三种方式:1、使用clear:both清除浮动在代码中在放一个空的div标签,然后给这个标签设置clear:both来清除浮动对页面的影响。2、利用伪元素来清除浮动给父级元素添加了一个:after伪元素,通过清除伪元素的浮动,达到撑起父元素高度的目的  阅读全文>>
    标签:CSS浮动  清除浮动  CSS清除浮动  
  • HTML5+css3:3D旋转木马效果相册
    2023-01-12

    HTML5+css3:3D旋转木马效果相册

    效果图:嘿嘿,我把大学毕业时的一些照片,做成旋转木马,绕着我大文理旋转,不忘母校的培育之恩~2、然后为每个图片的容器设置,所有图片会从对应的角度向外移动,扩展成一个大圆,即上图效果。-3d其中flat值为默认值,表示所有子元素在2D平面呈现。一般情况下,此属性用于3D动画效果的执行元素,即就是它要应用3D动画效果,所以它的子元素都应该在3D空间。  阅读全文>>
    标签:相册  特效  旋转木马  HTML5  CSS3  
  • 使用JS将当前html网页导出为pdf教程
    2023-01-12

    使用JS将当前html网页导出为pdf教程

    很多网页都有一个导出pdf的按钮,点击后可以将网页内容导出为pdf文件下载下来,尤其是评测类的网站使用比较广泛,可以把评测报告导出为pdf下载下来,那么html网页导出为pdf是如何实现的呢,下面就一起来看看。需要引入三个js文件:是将当前页面转换成图片;0,650,1500);将转换后的图片放到pdf文档上,后面四个参数可根据实际效果灵活调整;一页pdf显示不完整的时候,新增一页;  阅读全文>>
    标签:JS  PDF  
  • 2023-01-12

    canvas与html5实现视频截图功能示例

    在使用制作这个截图功能时,首先必须保证页面上已经加载完成了这个视频,这样才能够方便的对其操作。所以我们在这里使用js构造video的方式来引入视频。这个函数可以判断浏览器对video支持的格式。2使用js动态加载video标签这里判断了浏览器的支持格式后,由于我用的是,所以我的浏览器支持mp4格式的视频,然后我们动态创建一个video标签。如何把video画在上,这里我们要使用一个函数。  阅读全文>>
    标签:Canvas  html5  视频截图  
  • in a frame because it set 'X
    2023-01-12

    in a frame because it set 'X

    今天在项目中用嵌套一个网页的时候,提示报错:X-Frame-是一个HTTP标头(),用来告诉浏览器这个网页是否可以放在内。第一个例子告诉浏览器不要(DENY)把这个网页放在内,通常的目的就是要帮助用户对抗点击劫持。第二个例子告诉浏览器只有当架设的网站与发出X-Frame-的网站相同,才能显示发出X-Frame-网页的内容。第三个例子告诉浏览器这个网页只能放在网页架设的内。  阅读全文>>
    标签:frame  iframe  X-Frame-Options  嵌套网页  iframe框架  
234568

  777777  666666