Web前端
tb3706666
有志者自有千方百计,无志者只感千难万难。不怕苦,吃苦三五年;怕吃苦,吃苦一辈子。任何业绩的质变都来自于量变的积累。
展开
-
【无标题】
VS Code加载 Web 视图时出错: Error: Could not register service workers: InvalidStateError: Failed to register a ServiceWorker: The document is in an invalid state解决方法关闭所有运行的VS Code打开cmd输出以下code --no-sandbox会自动打开vscode,Could not register service workers问题就原创 2022-04-30 12:07:50 · 1438 阅读 · 0 评论 -
颜色值rgb与16进制color转换
颜色值之间的转换js代码。十六进制与RGB转换//十六进制颜色值的正则表达式var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;/*RGB颜色转换为16进制*/String.prototype.colorHex = function(){ var that = this; if(/^(rgb|RGB)/.test(that...转载 2018-07-13 15:24:27 · 2975 阅读 · 0 评论 -
3种方法实现CSS隐藏滚动条并可以滚动内容
隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。方法1:计算滚动条宽度并隐藏起来代码如下:<div class="outer-container"> <div class="inner-container">...转载 2018-07-13 15:50:38 · 1670 阅读 · 0 评论 -
localStorge本地存储-更新中....
在H5中,由于提供了相应的web客户端存储数据的方法,所以不用利用传统的追踪cookie的方法,实现更加高效,简单。 HTML5中两种web存储的方法: localStorge-提供没有时间限制的web存储,每次访问网页都会被记录存储 sessionStorage-针对一个session的web存储,只记录当前session的访问记录,关闭网页即恢复 利用local...转载 2018-08-01 15:10:04 · 728 阅读 · 0 评论 -
Hbuilder集成控制台
Hbuilder集成控制台原创 2018-09-03 10:21:51 · 760 阅读 · 0 评论 -
递归取JSON数据
示例一:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> ..转载 2018-10-16 15:56:21 · 1322 阅读 · 0 评论 -
Agile框架
组件互调框架地址:https://github.com/nandy007/project_h5路由部分{path: ‘/hllr’,component: HLLRPage,//设置缓存cache:true, },static get tag(){return ‘hllr’;}页面一跳转,并重新加载组件router.go({path: ‘/selectman’, isFor...原创 2018-11-07 11:05:18 · 668 阅读 · 1 评论 -
Git使用教程
上传至Git1、(先进入项目文件夹)通过命令 git init 把这个目录变成git可以管理的仓库git init2、 把文件添加到版本库中,使用命令 git add .添加到暂存区里面去,不要忘记后面的小数点“.”,意为添加文件夹下的所有文件git add .3、 用命令 git commit告诉Git,把文件提交到仓库。引号内为提交说明git commit -m 'first co...原创 2018-10-21 20:51:44 · 205 阅读 · 0 评论 -
手机端页面在项目中遇到的一些问题及解决办法
1.解决页面使用overflow: scroll在ios上滑动卡顿的问题?首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是: (1) 看是否能把body和html的height: 100%去除掉。 (2) 在滚动的容器中增加:-webkit-overflow-scrolling: touch或者给body增加:bo...转载 2018-07-13 15:05:30 · 1088 阅读 · 0 评论 -
移动前端适配方法总结
所谓前端适配,就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果,目前比较流行的方法有两种。各有利弊,使用第一种在某些浏览器的webview里面会出现兼容问题,而且对于1像素会无法渲染。而用rem的方案在背景和字体上也会有某些问题。方案一:强制meta viewport的宽度为设计稿的宽度把下面的代码放在头部,然后制作稿跟PC上一样的制作就行// 根据设计稿的宽度来传参...转载 2018-07-13 14:52:26 · 341 阅读 · 0 评论 -
前端jQuery搜索
jQuery实现搜索功能HTML部分<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">...原创 2018-03-11 18:06:46 · 315 阅读 · 0 评论 -
生成32位,16进制的UUID
点击生成UUID原创 2017-11-21 18:27:49 · 5033 阅读 · 0 评论 -
关于响应式页面
原来总是在想响应式布局效果怎么实现的,然后今天研究了一下,查看一些响应式网站的源码,总结下收获关键代码方法一$(function(){ //遍历你想找的元素 $('').each(function () { //offset()获取匹配元素在当前视口的相对偏移,返回的对象包含两个整形属性:top 和 left。此方法只对可见元素有效;原创 2017-11-23 12:53:08 · 264 阅读 · 0 评论 -
HTML打字机和字体发光效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Ty原创 2017-10-31 16:45:06 · 1416 阅读 · 2 评论 -
获取电脑日期时间代码段
获取电脑日期时间代码段原创 2017-10-26 14:47:44 · 2175 阅读 · 0 评论 -
键位对应的数字以及倒序排列
主要代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Conten原创 2017-11-24 00:35:37 · 684 阅读 · 0 评论 -
获取鼠标位置,以及字体样式
翻看了很久百度,库之类的,找了一些常用的字体样式整合了很久,做了个小页面,后期会继续更新的,希望尊重劳动成果主要代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://w原创 2017-11-24 00:47:40 · 326 阅读 · 0 评论 -
Web Server配置介绍
名称:XAMPP更改端口方法(默认是80端口,若不冲突无需更改)会打开一个httpd.conf的文件查找Listen更改为端口号即可更改默认站点文件夹在httpd.conf文件中找到documentroot更改“ ”内容即可,我这里设置的是D盘的test文件夹(D:/test)DW创建局域网内站点访问配置多站点访问(更改完重启Apache)1:在httpd.conf文件中找到Include c原创 2017-12-07 19:39:37 · 1275 阅读 · 0 评论 -
js获取当前页面的url网址信息
js获取当前页面的url网址信息小汇总在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)转载 2017-11-21 11:46:01 · 358 阅读 · 0 评论