YJUI

2019年7月11日

摘要： //修改页面title var pageTitle=document.getElementsByTagName("title")[0].innerHTML; if(location.href.indexOf("index.html")>-1 || location.href.indexOf("htm 阅读全文

posted @ 2019-07-11 17:14 YJUI 阅读(181) 评论(0) 推荐(0)

封装ajax库，post请求

摘要： http状态码406是服务器无法根据客户端请求的内容特性完成请求 //整站功能方法库封装ajax请求，这里只针对post var methods = { //全站ajax请求状态处理 ajax: function (url, data, successCallback, errorCallback) 阅读全文

posted @ 2019-07-11 17:14 YJUI 阅读(976) 评论(0) 推荐(0)

获取浏览器url参数

摘要： //获取浏览器url参数 var methods ={ getQueryString: function (name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = location.search.sub 阅读全文

posted @ 2019-07-11 17:13 YJUI 阅读(1791) 评论(0) 推荐(0)

身份证验证

摘要： var methods = { //身份证号验证 idCardVerify: function (idCard) { if (/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(idCard)) { return true; } else { return false; } 阅读全文

posted @ 2019-07-11 17:09 YJUI 阅读(160) 评论(0) 推荐(0)

jq封装插件

摘要： $(function(){ // $.extend()拓展方法： $.extend({ backgroundColor:function(){ $('body').css('background','#ccc'); } }) $.backgroundColor();// >就可以调用； }) $(f 阅读全文

posted @ 2019-07-11 17:08 YJUI 阅读(442) 评论(0) 推荐(0)

页面分享功能，分享好友、朋友圈判断，用share_type做标记这里用的是jweixin-1.3.2.js

摘要：这里用的是jweixin-1.3.2.js trigger: function (res) { //判断分享的状态，好友、朋友圈 localStorage.setItem("share_type",1); }, //单独页面微信分享功能 var methods={ wxShare: function 阅读全文

posted @ 2019-07-11 17:06 YJUI 阅读(1397) 评论(0) 推荐(0)

微权获取openid信授

摘要：（1）首页要有一个自己的微信测试号的appid和秘钥（2）公司里都是后台传code（接口），获取openid（接口）请求code接口：/Wechat/GetUserInfo/getCode //判断是否是移动设备打开 function Isweixin(){ var userAgentInfo 阅读全文

posted @ 2019-07-11 16:58 YJUI 阅读(264) 评论(0) 推荐(0)

2019年6月17日

前端性能优化方案都有哪些？

摘要：前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ? 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 2 阅读全文

posted @ 2019-06-17 21:08 YJUI 阅读(6927) 评论(0) 推荐(0)

2019年6月4日

($children,$refs，$parent)的使用

摘要：如果项目很大，组件很多，怎么样才能准确的、快速的寻找到我们想要的组件了？？ $refs 首先你的给子组件做标记。demo ：<firstchild ref="one"></firstchild> 然后在父组件中，通过this.$refs.one就可以访问了这个自组件了，包括访问自组件的data里面的阅读全文

posted @ 2019-06-04 21:18 YJUI 阅读(440) 评论(0) 推荐(0)

watch监听变化

摘要： <template> <div> 父级 <childCom1 @click.native="fn()"></childCom1> {{a}} </div> </template> <script> import childCom1 from './childCom1.vue' export defa 阅读全文

posted @ 2019-06-04 20:45 YJUI 阅读(339) 评论(0) 推荐(0)

vue组件间通信六种方式（完整版）

摘要：转载 http://developer.51cto.com/art/201905/596394.htm?from=singlemessage https://cn.vuejs.org/v2/api/#vm-attrs 组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不阅读全文

posted @ 2019-06-04 18:17 YJUI 阅读(446) 评论(0) 推荐(0)

2019年6月3日

CSS水平垂直居中常见方法总结2

摘要： 1、文本水平居中line-height,text-align:center(文字)元素水平居中 margin:0 auo 方案1：position 元素已知宽度父元素设置为：position: relative; 子元素设置为：position: absolute; left: 50%;top: 阅读全文

posted @ 2019-06-03 09:01 YJUI 阅读(208) 评论(0) 推荐(0)

CSS水平垂直居中常见方法总结

摘要： 1、元素水平居中当然最好使的是： margin: 0 auto; 居中不好使的原因： 1、元素没有设置宽度，没有宽度怎么居中嘛！ 2、设置了宽度依然不好使，你设置的是行内元素吧，行内元素和块元素的区别以及如何将行内元素转换为块元素请看我的另一篇文章！示例 1： <div class="box"> 阅读全文

posted @ 2019-06-03 08:53 YJUI 阅读(340) 评论(0) 推荐(0)

2019年5月13日

Uncaught SyntaxError: Unexpected identifier 报错 import Vue from 'vue';

摘要：一般情况是因为Webpack与webpack-dev-server版本不兼容导致。 package.json 可以直接粘贴进去，如果还有错 npm install下再npm run dev 一般情况是因为Webpack与webpack-dev-server版本不兼容导致。像我也出现此问题，我电脑阅读全文

posted @ 2019-05-13 19:43 YJUI 阅读(3784) 评论(0) 推荐(0)

2019年5月8日

前端跳槽面试必备

摘要：面试模拟与技巧如何看待面试什么是面试？答：面试时测查和评价人员能力素质的一种考试活动。具体地说，面试时一种经过组织者精心设计，在特定场景下，以考官对考生的面对面交谈与观察为主要手段，又表及里测评考生的知识、能力、经验等有关素质的一种考试活动。面试准备职位描述分析看公司的要求业务分析与实战模阅读全文

posted @ 2019-05-08 22:24 YJUI 阅读(417) 评论(0) 推荐(0)

防止重复发送Ajax请求问题

摘要：在工作中有很多场景需要通过Ajax请求发送数据，像是注册、登录、提交用户反馈等。用户在点击了“确认”按钮之后有可能一段时间内没有收到反馈页面无任何反应，然后就接着连续多次点击“确认”按钮导致发送n个重复的请求，给服务器造成不小压力。从前端解决重复发送请求的方法是有的。 1、点击“确定”之后禁用该按阅读全文

posted @ 2019-05-08 17:59 YJUI 阅读(1963) 评论(0) 推荐(0)

2019年5月7日

JQuery中的$().each 以及 $.each的区别

摘要：最近一直在研究JS，今天看到遍历模块的时候，看到了这个函数： $(selector).each(function(index,element)) 但是想想，这个函数和之前项目里面用到的遍历数据的函数不是同一个呀（项目里面用到的函数：$.each(dataresource,function(index 阅读全文

posted @ 2019-05-07 19:27 YJUI 阅读(188) 评论(0) 推荐(0)

2019年5月6日

数组中的forEach和map的区别

摘要：大多数情况下，我们都要对数组进行遍历，然后经常用到的两个方法就是forEach和map方法。先来说说它们的共同点相同点都是循环遍历数组中的每一项 forEach和map方法里每次执行匿名函数都支持3个参数，参数分别是item（当前每一项），index（索引值），arr（原数组）匿名函数中的th 阅读全文

posted @ 2019-05-06 20:15 YJUI 阅读(1121) 评论(0) 推荐(0)

js中数组的循环与遍历forEach,map

摘要：对于前端的循环遍历我们知道有针对js数组的forEach()、map()、filter()、reduce()方法针对js对象的for/in语句(for/in也能遍历数组，但不推荐) 针对jq数组/对象的$.each()方法在语法和参数上他们有什么不同呢？ 1.forEach: array.fo 阅读全文

posted @ 2019-05-06 16:37 YJUI 阅读(34122) 评论(0) 推荐(1)

2019年5月4日

JS中的call、apply、bind方法

摘要：一、call()和apply()方法 1.方法定义call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数阅读全文

posted @ 2019-05-04 20:21 YJUI 阅读(729) 评论(0) 推荐(0)

未来的你一定会感谢现在努力的你

公告