HTML
关注
分享
扫一扫
文章平均质量分 50
开发仔XG
小小程序猿...
展开
-
HTML开发 Vue2.x + Element-UI 动态生成表单项并添加表单校验
基于vue2.x 和element-ui 动态生成表单项并添加表单校验；原创 2024-06-06 13:53:57 · 541 阅读 · 0 评论 -
HTML开发 结合Charles，处理app/小程序的H5本地代理
线上/生产h5代理到本地打开Charles，打开你自己的手机，然后设置代理到你的电脑上；抓包出你要代理的h5的地址；然后点击Charles的【Tools】，选择 【Map Remote Setting】，勾选【Enable Map Remote】，点击【Add】新增代理；1、小程序代理这个是小程序的代理截图；上部分是小程序生产的url，主要这里不能加路径，就是/xxx/xxxx/等服务器写的固定路径；下部分就是你本地服务的地址；对应的小程序开发工具上也要代理下，具体找小程序开发工具的代理功能；2原创 2020-07-13 11:23:31 · 1064 阅读 · 0 评论 -
HTML开发 js经纬度正则
经度范围 -180到180纬度范围 -90到90const longitudeRegular = /^[+-]?((\d|[1-9]\d|[1][1-7]\d)(\.\d{1,6})?|180(\.0{1,6})?)$/const latitudeRegular = /^[+-]?((\d|[1-8]\d)(\.\d{1,6})?|90(\.0{1,6})?)$/以经度正则为例解析：1、[+-]?：[+-]代表取值 +或者-其中的一个值，?代表+或者-个数至多一个；2、(\d|[1-9]\d原创 2020-06-18 16:32:17 · 343 阅读 · 0 评论 -
HTML开发 url参数转object，object转为url参数
url参数转object// url参数转object（？后面的参数）function paramStringToObject (paramString) { if (!paramString || paramString.length === 0) { return {} } let paramList = [] let paramObj = {} if (paramString.indexOf('&') >= 0) { paramList = par原创 2020-06-11 13:58:12 · 1820 阅读 · 0 评论 -
HTML开发 vue中的插槽使用小栗子
vue中的插槽，一直觉得很费劲，刚刚看vue的时候，满脑袋都是问号。最后发现，其实也就是APP端理解的，自定义view，这就很好理解了。vue官方插槽讲解其实，看官方讲解，对于我这种小白来讲，还不如给个常用的例子来，比较清晰。下面就把我在项目中的使用，掏出来给大家看看。<!-- 自定义组件，插槽定义的地方 --> <div> <slot name="a-slot" :row="123"> <!-- 插槽内默认显示的内容 --> <原创 2020-05-09 15:16:58 · 397 阅读 · 0 评论 -
vue爬坑 div中使用v-html，里面的图片溢出问题；
最近项目中，有这样一个需求，点击按钮弹出框显示详情内容，内容是html，我使用的是div的v-html，来显示；最初，只是测试的纯文字，在开发完毕自测的时候，顺手添加了几张图片，这才发现，图片溢出；最初的代码如下：<div class="dialog-content" v-html="dialogContent"></div>对应的css代码如下：<style...原创 2019-07-30 10:35:05 · 8809 阅读 · 0 评论 -
HTML开发 完美解决移动端H5页面pop弹出蒙版后底层滑动问题
html 弹出蒙版后禁止底层滑动在对应的最外层（蒙版父视图），添加cssposition: relative;蒙版层使用position: fixed;然后点击弹出蒙版和关闭蒙版 调用下面的方法// 处理弹出/关闭pop的时候，使背景图不滚动fixedBody: function () { var _body = document.body if (_body.style...原创 2020-03-07 11:57:09 · 1663 阅读 · 1 评论 -
HTML开发 h5引入vue和Swiper
项目要求写一个静态文件，web小白，只会点vue，于是使用了vue框架，写了一个页面；组长说简单的静态可以使用HTML引入vue来写。实际操作的时候，遇到了问题，就是里面用了Swiper，直接把vue里面写好的代码拿过来，Swiper不起作用；搞了好久，终于在vue-awesome-swiper的GitHub上看到了一段栗子，尝试了下，搞定；vue-awesome-swiper地址栗子代码：...原创 2020-02-29 16:10:16 · 2251 阅读 · 3 评论 -
HTML 禁止网页复制文字图片，右键保存图片，拖拽图片
在body里面添加 <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" οncοpy="return false">在head里面添加全局样式<style> *{ -webkit-touch-callou...原创 2020-02-24 10:19:15 · 2288 阅读 · 0 评论 -
HTML 网页移动端适配大小屏幕
在head里面先添加<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=0"> 然后再添加：<!-- 小屏幕处理 --><script> // 设置fontSiz...原创 2020-02-24 10:14:41 · 2848 阅读 · 0 评论