前端
故事很多坐下说
这个作者很懒,什么都没留下…
展开
-
vue 组件的 prop 验证
如果传入的数据不符合规格,Vue会发出警告。当组件给其他人使用时,这很有用。Vue.component('example', { props: { propA: Number, // 数字类型 (`null` 意思是任何类型都可以) propB: [ String, Number ], // 多种类型:字符串、数字类型 propC: { type: String, required: true }, // 字符串、必传 propD: { type: Number原创 2020-07-03 16:24:37 · 318 阅读 · 0 评论 -
前端遮罩层的用法(点击图片触发)
var originalLeft=originalTop='';$('.sec_item img').click(function(){ var globalBackground = document.getElementById('globalBackground'); //遮罩层Id if(globalBackground.style.opacity!=0.5){ lobalBackground.style.width=window.screen.width+'px';原创 2020-06-29 18:04:50 · 5433 阅读 · 0 评论 -
ASP页面通过Repeater控件可以实现数据与界面绑定
.aspx// <%# Eval("SellerName")%>表示要替换的变量,注意引号<asp:Repeater ID="SellerRpt" runat="server"> <ItemTemplate> <li> <a href='<%# Eval("SellerName")%>' target="_blank"> <%# Eval("Com原创 2020-06-18 17:09:24 · 148 阅读 · 0 评论 -
JS根据不同浏览器加载不同样式或JS
function getBrowser() { var ua = window.navigator.userAgent; var isIE = window.ActiveXObject != undefined && ua.indexOf("MSIE") != -1; var isIEEdge = ua.indexOf("Windows NT 6.1; WOW64; Trident/7.0;") != -1; ...原创 2020-06-17 17:00:36 · 852 阅读 · 0 评论 -
通过html和css自定义table边框
<!DOCTYPE html> <head> <meta charset="utf-8"/> <style type="text/css"> td { /*画出整个表格的上线和左线*/ border-top: 1px solid #666; border-left: 1px solid #666; } .原创 2020-06-16 17:53:49 · 268 阅读 · 0 评论 -
相邻兄弟结合符,一看就懂
<!DOCTYPE HTML> <html> <head> <style type="text/css"> h1 + p {margin-top:50px;} </style> </head> <body> <h1>This is a headin...原创 2020-06-12 15:24:39 · 178 阅读 · 0 评论 -
访问WebService方法(不跨域)
前台: $('#AjaxPost').on('click', function () { $.ajax({ type: 'post', url: 'WebServiceFunc.aspx/SayHello', contentType: 'application/json;charset=utf-8', dataType: 'json',原创 2020-06-09 11:11:39 · 121 阅读 · 0 评论 -
vue父子组件传值思路
父向子: 1.子组件在props中创建属性,用以接收父组件传过来的值; 2.父组件中注册子组件; 3.在子组件标签中添加子组件props中创建的属性; 4.把需要传给子组件的值赋给该属性 子向父: 1.子组件以某种方式(如点击事件)方法触发一个自定义事件; 2.将需要传的值作为$emit的第二个参数传给响应自定义事件的方法; 3.在父组件中注册子组件并在父组件绑定对自定义事件的监听...原创 2020-06-08 11:03:50 · 95 阅读 · 0 评论 -
登陆算数验证码,后台验证,相对前台验证更安全
前台: <div class="form-group verificationcode"> <img style="width: 140px; vertical-align: middle;margin: auto;" /> </div> $(".verificationcode img").on('click', function () { $(this).attr('src', '/RIPSP/原创 2020-06-04 11:00:05 · 309 阅读 · 0 评论 -
iframe嵌套页面中的父子页面通信
同域: 获取标签: parent.document.getElementById("parentId"); 和 window.frames["subIframe"].contentDocument.getElementById("subDiv"); 获取参数(参数需为所在页面的全局参数): parent.parentParam; 和 window.frames["subIframe"].contentWindow.subParam; 调用方法(方法需为所在页面的全局方法):原创 2020-06-04 09:46:39 · 363 阅读 · 0 评论 -
JS根据不同浏览器加载不同样式或JS,来处理浏览器兼容问题
<script type="text/javascript"> function getBrowser() { var ua = window.navigator.userAgent; var isIE = window.ActiveXObject != undefined && ua.indexOf("MSIE") != -1; var isIEEdge = ua.indexOf("Windows NT 6.1;原创 2020-06-04 09:44:17 · 453 阅读 · 0 评论 -
单页程序前进、后退的实现
addPushState()实现添加记录,oppopstate()每次点击前进后退按钮执行。 addPushState()要在每次执行完方法后执行,因为oppopstate()会弹出最后一个,此时history.state已经是倒数第二个。 function addPushState() { var obj = { tab_tit: $(".tab_tit").html(), news_list02: $(".news_list02").html(), pa...原创 2020-06-02 16:15:55 · 324 阅读 · 0 评论 -
常用的meta标签针对移动网页优化
<!-- 宽度为设备宽度,放大倍数1倍 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 禁止百度在移动端对网站转码,有时候不起作用 --> <meta http-equiv="Cache-Control" content="no-siteapp"/> <!-- 是否删除默认的苹果工具栏和菜...原创 2020-06-02 11:44:08 · 289 阅读 · 0 评论 -
常见HTML标签
HTML标签 <title>标题栏</title> <hx>字体大小。x为1-6,越来越小</hx> <p>分段(有行距)</p> <br>换行标记(无行距) <center>内容居中/center> <pre>原版显示</pre> <!--注释--> <b>加粗</b><原创 2020-06-02 10:33:55 · 127 阅读 · 0 评论