- 博客(22)
- 资源 (14)
- 收藏
- 关注
RSS订阅原创 js对象转字符串
需求：对象转为字符串并以 | 拼接data: { id: 1, id2: 3}解决方法：//第一步 先转成数组 var list=[];for(var i in data){ list.push(i) list.push(data[i]) }console.log(list)//第二步 数组转为字符串拼接 var listStr="";listSt...
2019-10-30 17:19:43
734
原创 vue如何导入外部js文件（自测可用）
一、ES5var JSElement=document.createElement("script");JSElement.setAttribute("type","text/javascript");JSElement.setAttribute("src","https://g.alicdn.com/dingding/dingtalk-jsapi/2.7.13/dingtalk.op...
2019-10-30 17:17:14
915
1
原创 使用jQuery 正则验证email邮箱格式
var reg1 = /([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)/; if (reg1.test($('input[name=email]').val()) == false) { $.dialog.aler...
2019-10-30 14:11:49
935
原创 前端开发修改本地项目的访问域名 替换localhost为xxx
需求： VUE的项目本来是http://localhost:8080才能访问的，现在想改成http://jay.com:8080就能访问。操作步骤打开如下图的目录：按照这个路径找到hosts文件，右键打开方式使用记事本打开，在localhost下面加上想要的任意域名。因为不能直接保存，所以需要全选复制hosts文件的内容，新建一个txt文件，粘贴到里面，然后强制...
2019-10-23 15:57:05
7247
原创 web前端js使用window.print()实现局部打印（自测可用）
<div id="printPage"> 打印内容</div><button class="btn-common btn-search" @click="btn_sendmsg" id="print-btn">打印</button>var newstr = document.getElementById("printPage")...
2019-10-22 21:47:44
980
原创 前端vue.js实现点击复制功能（完美解决移动端可用）
效果图：粘贴图：源码：<div class="box_m form_conter"> <span class="box_p lader">社会信用代码:</span> <input type="text" value="form_tone" id="form_tone"> <span class...
2019-10-22 14:35:42
4499
原创 前端实现图片转base64（自测可用）
使用canvas新建个canvas标签然后用css隐藏。之后获取此canvas元素，使用toDataURL方法转换。var canvas = document.createElement('canvas')var ctx = canvas.getContext('2d');var base64=canvas.toDataURL('image/jpeg',licenseUrl...
2019-10-21 15:32:22
6662
原创 vue radio单选框，获取当前项的value值并给后台传值（自测可用）
话不多说，直接上代码：<label v-for="(item,index) in radioData" :key="index"> <input type="radio" :value="item.value" @click="getRadioVal(item.value)"> {{item.value}}</label>...
2019-10-16 21:33:56
9309
1
转载 js小测验（题目来源于W3School）
题目来源：http://www.w3school.com.cn， 如下答案都是正确的：1.我们可以在下列哪个 HTML 元素中放置 Javascript 代码？您的回答：<script>2.写 "Hello World" 的正确 Javascript 语法是？您的回答：document.write("Hello World")3.插入 Javacrip...
2019-10-13 22:30:21
1354
原创 html中id和class的区别，命名需要注意那些？
id是唯一的，也就是说同一页面中不允许出现同样名字的id；class是可多用性的，比如三个div都命名同一个class，然后你只需要对这一个class设置样式即可，然而id不可以。开发当中命名需要注意那些呢？ 1.最好用驼峰命名法，命名规范，入门级的程序员都是以拼音或者首拼来命名，这样不规范，在正规点的公司是不允许这么命名的。 2.不管是cl...
2019-10-13 22:28:32
1170
原创 怎么利用js正则表达式判断ip地址的合法性（附源码）
话不多说，直接上源码<html><head></head> <body><input id="xxx" οnblur="fun();" /> <script>function isValidIP(ip) { var reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25...
2019-10-13 22:17:26
247
转载 html测验小题目（来源于W3School）
1.HTML 指的是？您的回答：超文本标记语言（Hyper Text Markup Language）2.Web 标准的制定者是？您的回答：万维网联盟（W3C）3.在下列的 HTML 中，哪个是最大的标题？您的回答：<h1>4.在下列的 HTML 中，哪个可以插入折行？您的回答：<br>5.在下列的 HTML 中，哪个可以添加背景颜色？您...
2019-10-13 22:14:08
468
原创 html微信内置浏览器点击图片放大，双指缩放，附源码（自测可用）
本人用的是vue框架引用微信的JS<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>/*调用微信预览图片的方法*/ funcReadImgInfo() { let imgs = []; //获取图文中全部的im...
2019-10-13 21:05:42
2366
2
原创 html移动端鼠标长按事件
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>长按</title> <meta name="viewport" content="wid...
2019-10-13 17:43:27
1370
原创 web前端开发常用单词汇总
methods 方法mounted 创建完成export 输出default 默认的install 安装components 组件template 模板 params 参数route 路线;途径package 包;盒子;袋 ;toutes 路由器plugin 插件local host 本地require 需要;依赖;storage 储存...
2019-10-12 17:08:50
3403
原创 怎么使用vue动态绑定class的方法？
第一种：通过一个布尔值判断样式类是否生效//isActive 是在data里面布尔值， rotateRight 是 class 样式类//isActive 为true时样式类 rotateRight 生效<div :class="{rotateRight:isActive}">aaa</div>第二种：通过三元运算符判断使用哪个样式类//isAct...
2019-10-12 17:07:38
372
原创 iframe与父页面之间通讯跨域问题(from accessing a cross-origin frame.at HTMLIFrameElement.iframe.onload)
当我们想通过iframe中的内容自动改变iframe的高度时可能会想到使用load方法获取到iframe页面中的高度：<iframe name="web" width="100%" frameborder=0 height="0" src="http:xxx.com" id="web" onload="this.height=web.document.body.sc...
2019-10-11 10:09:40
8349
原创 HBuilder怎么真机联调iPhone手机
1.设备连接电脑（连接iPhone需下载iTunes，保证手机与iTunes相连）iTunes下载地址：https://www.apple.com/cn/itunes/下载后安装一直next就可以2.安装好之后在HBuilder里点击真机运行，手机上会提示未受信用的企业级开发者解决方法：设置→通用→设备管理→点击Digtial Heaven….→信任”Digtial Heave...
2019-10-10 19:56:18
693
原创 如何修改input 默认样式
/* 修改input选中的默认边框样式 */outline: none;/* 修改input的选中时的光标颜色 */caret-color:red;/* 修改input的选中时的默认边框 */border: none;/* 修改input的提示文字的默认样式 */input::-webkit-i...
2019-10-10 19:47:48
1904
原创 怎么判断ifame是否加载完成
var iframe = document.createElement("iframe"); iframe.src = "https://etax.shaanxi.chinatax.gov.cn/app/assets/user_sx/qysmz2.html?FxAppId=5355086dce34445ab5412cb054b876b7&debug=false"; if (ifr...
2019-10-10 15:28:12
344
原创 html怎么取消iframe自带的边框
<iframe src="index.html" id="iframe" frameborder="0"></iframe>frameborder设为0即可
2019-10-10 14:48:17
1785
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人