web前端
文章平均质量分 85
曩昔方
这个作者很懒,什么都没留下…
展开
-
移动端关于手机摇一摇(IOS13+一些问题)
一说到移动端H5的摇一摇,经过查阅资料很容易就找到shake.js这个封装好的api,具体的使用方法参考这个网址:https://www.npmjs.com/package/shake.js但是有些开发者会发现自己按照文档编写,拼命晃动手机还是没有触发晃动的事件,有可能的原因有二:1.项目的地址不是以https开头的,改为https开头即可;2.若改为https之后还是没有效果,那...原创 2020-02-12 10:40:29 · 2701 阅读 · 4 评论 -
用模板引擎Art-Template渲染空格或换行符引发的一场“命案”
一、绪论说实话,真的不知道如何给这篇博客命名,因为我觉得应该有一些小伙伴遇到跟我同样的问题正在抓耳挠腮中。二、导火索最近在做一个移动H5翻页的功能,类似于MAKA模板那种。假设大致框架如下第一页是首页,第二页开始就是要动态添加的地方,所以红框里面的样式类,是从2开始的,这是第一个伏笔。初始代码如下<!DOCTYPE html><html lang=...原创 2018-07-17 17:33:36 · 1812 阅读 · 0 评论 -
如何在github上实现预览
这个问题在网络上有很多答案,但是真正能解决的寥寥无几!接下来我就来尝试一下网络上疯传的几种方法。准备好了吗?我要开车了!!!PS:以下实验上传到github的demo采取导入本地css,js和网络上css,js的方法进行测试 demo目录结构 ----preview.html ----preview.css ----prev...原创 2018-07-16 16:03:44 · 5976 阅读 · 3 评论 -
中文字体@font-face的导入
由于英文字母只有26个,所以生成.eot、.woff、.ttf、.svg等文件是比较小的,但是对于汉字来说,常用的汉字就已经2500个了。生原创 2018-05-10 16:45:15 · 1668 阅读 · 0 评论 -
一个跑马灯插件(持续优化)
这是我写的一个粗略的跑马灯插件1.0,后面的版本将新增图片滚动的功能!!使用方法:一、HTML模板<div id="marquee-wrapper"> <div> <p> 这是我写的一个粗略的跑马灯,滚动方向可以设置,具体的宽高样式可以设置,速度可以设置,后面会持续优化。 </p> </div></div&g原创 2018-03-28 09:44:20 · 1730 阅读 · 0 评论 -
JS其他类型值转化为Boolean类型规则
由于最近在笔试的时候,发现好多关于其他类型转化为Boolean类型的题目,因此总结一下!一、String类型转化为Boolean1.转化j结果为true的情况①任何非空字符串PS:空白字符串也是返回true2.转化结果为false的情况①空字符串二、Number类型转化为Boolean1.转化结果为true的情况①任何非0数字值(包括无穷原创 2018-03-16 15:47:18 · 3541 阅读 · 0 评论 -
JavaScript编写棋盘覆盖
一、前言之前做了一个算法作业,叫做棋盘覆盖,本来需要用c语言来编写的,但是因为我的c语言是半桶水(哈哈),所以索性就把网上的c语言写法改成JavaScript写法,并且把它的覆盖效果显示出来二、关键代码算法作业2 #num{} #chess{ margin-top:20px; } 设置棋盘大小: 请输入特殊方格的位置: x原创 2017-08-28 16:34:37 · 793 阅读 · 0 评论 -
两个盒模型之间的空隙
html文档中的每个元素都被描绘成矩形盒子,这些矩形盒子通过一个模型来描述其占用空间,这个模型称为盒模型。盒模型通过四个边界来描述:margin(外边距),border(边框),padding(内边距),content(内容区域),这个大家都知道,那什么是两个盒模型之间的空隙呢?该怎么清除它呢?假设有一个class为content的父div,里面包含两个子div,这两个子div要同一行显示,我原创 2017-08-23 10:30:09 · 8718 阅读 · 0 评论