摘要:如果项目很大,组件很多,怎么样才能准确的、快速的寻找到我们想要的组件了?? $refs 首先你的给子组件做标记。demo :<firstchild ref="one"></firstchild> 然后在父组件中,通过this.$refs.one就可以访问了这个自组件了,包括访问自组件的data里面的 阅读全文
posted @ 2019-06-04 21:18 精灵YJUI 阅读 (49) 评论 (0) 编辑
摘要:转载 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 阅读 (43) 评论 (0) 编辑
摘要://时间戳转日期 2017-04-30 13:20 //type=1--> 2017-04-30 13:20 //type=2-->2018年08月 //type=3-->2018-08-30 function time_conversion(stamp,type){ var date = new Date(stamp*1000), ... 阅读全文
posted @ 2019-02-14 16:03 精灵YJUI 阅读 (19) 评论 (0) 编辑
摘要:文章目录 1.模糊 2.灰度 3.亮度 4.对比度 5.饱和度 6.色相旋转 7.反色 8.阴影 9.透明度 10.褐色 1.模糊 2.灰度 3.亮度 4.对比度 5.饱和度 6.色相旋转 7.反色 8.阴影 9.透明度 10.褐色 1.模糊 2.灰度 3.亮度 4.对比度 5.饱和度 6.色相旋转 阅读全文
posted @ 2019-02-13 14:20 精灵YJUI 阅读 (42) 评论 (0) 编辑
摘要:效果如下: 阅读全文
posted @ 2019-02-13 11:54 精灵YJUI 阅读 (28) 评论 (0) 编辑
摘要:var source_platform = '' , pf_source = 2; //系统平台 //区别是否是 微信浏览器 , source_platform 系统平台 2018.12.6新增 var ua = navigator.userAgent, source_platform = ''; if (ua.match(/MicroMessenger/i) == '... 阅读全文
posted @ 2019-01-29 14:44 精灵YJUI 阅读 (63) 评论 (0) 编辑
摘要:1、在DIV中找某个CLASS $('.doc_input', 'div') 阅读全文
posted @ 2019-01-23 17:07 精灵YJUI 阅读 (18) 评论 (0) 编辑
摘要:今天在看文章时,看到了这篇文章。自己对搜索引擎优化了解并不是深入,以此分享给大家。 向搜索引擎提交网站地址:http://www.runoob.com/web/web-search.html 文章原文链接:掘金-志如 什么是SEO: 以下内容摘自百度百科: SEO(Search Engine Opt 阅读全文
posted @ 2019-01-23 10:04 精灵YJUI 阅读 (108) 评论 (0) 编辑
摘要:日常编程中,我们可能会碰到项目中的分享功能,各大平台都有分享接口和文档说明,当然也有一些一键分享插件,例如:sosh,iShare.js等等 但有些同学不想引用插件,那么我整理了一些常用的分享至平台功能,以供参考。 html结构: 注:分享至微信 您需要在css中将二维码隐藏,通过hover 微信图 阅读全文
posted @ 2019-01-23 09:54 精灵YJUI 阅读 (66) 评论 (0) 编辑
摘要:javascript: 阅读全文
posted @ 2019-01-22 17:32 精灵YJUI 阅读 (611) 评论 (0) 编辑
摘要:通过userAgent是否包含MicroMessenger来判断是否在微信内置浏览器打开网页 //区别是否是 微信浏览器 , source_platform 系统平台 var ua = navigator.userAgent , source_platform = ''; if (ua.match(/MicroMessenger/i) == 'MicroMessenger')... 阅读全文
posted @ 2019-01-22 10:40 精灵YJUI 阅读 (25) 评论 (0) 编辑
摘要:接口包含:添加收藏,删除收藏,检测收藏 前台传值:id与收藏页来源类型 获取网页数据ID值方法2种: 1:后台传值放隐藏域中 2:用JS方法取网址ID 调用: 实现收藏代码: 阅读全文
posted @ 2019-01-22 10:39 精灵YJUI 阅读 (28) 评论 (0) 编辑
摘要:一个函数中并列两个匿名函数,调用时根据条件执行对应函数1或2 check_collection( function(){ $('.collection').addClass('active'); console.log(1) } , function(){ $('.collection').removeClass('active'); ... 阅读全文
posted @ 2019-01-22 10:05 精灵YJUI 阅读 (27) 评论 (0) 编辑
摘要:返回上一页,在PC端我们可以使用:history.go(-1)或者history.back(),可以正常返回第一层。这样,我们不需要上一页的 url 具体是什么,只要使用 history 一般都没啥问题。 但是在移动端,如果想要返回上一页。比如从A页面跳到B页面,如果B页面想返回A页面,为了防止不会 阅读全文
posted @ 2019-01-21 14:23 精灵YJUI 阅读 (346) 评论 (0) 编辑
摘要:1:节点:nodeType,nodeValue,nodeName getAttributeNode() 方法从当前元素中通过名称获取属性节点。 元素节点nodeValue是null,属性节点nodeValue是名值 阅读全文
posted @ 2019-01-17 15:38 精灵YJUI 阅读 (28) 评论 (0) 编辑
摘要:var aLi = document.querySelectorAll('#tabs li'); for(var i = 0;i <p.length;i++){ //第一种方法,用classList这个H5 API,有兼容性问题 if(aLi[i].classList.contains('active')==true){ console.log(aLi[i]);... 阅读全文
posted @ 2019-01-03 16:14 精灵YJUI 阅读 (250) 评论 (0) 编辑
摘要:一、addEventListener语法 二、addEventListener与on的区别 三、addEventListener的IE9以下不兼容 阅读全文
posted @ 2019-01-03 13:55 精灵YJUI 阅读 (98) 评论 (0) 编辑
摘要:<!doctype html> <html> <head> <meta charset="UTF-8"> <title>实现带样式的表单验证 </title> <style> table{width:700px} /*父元素下的第1个,第n个,最后一个td子元素*/td:first-child{wi 阅读全文
posted @ 2018-12-25 15:25 精灵YJUI 阅读 (104) 评论 (0) 编辑
摘要:(1)JSON.parse函数 作用:将json字符串转换成json对象。 语法:JSON. parse(text[,reviver]). 参数:text 必须;一个有效的json字符串。 reviver 可选。 返回值:一个对象或数组。 example: (2)JSON.stringify()函数 阅读全文
posted @ 2018-12-21 11:44 精灵YJUI 阅读 (69) 评论 (0) 编辑
摘要:自有属性和共有属性: 自有属性:直接保存在对象本地的属性 共有属性:保存在原型对象中,被所有子对象共享的属性 获取时:都可用对象.属性方法 赋值时:自有属性,必须:对象.属性 = 值 共有属性,必须:构造函数.prototype.属性 = 值 鉴别自有还是共有: 自有:var bool = obj. 阅读全文
posted @ 2018-12-21 10:57 精灵YJUI 阅读 (117) 评论 (0) 编辑
该文被密码保护。
posted @ 2019-11-11 15:07 精灵YJUI 阅读 (0) 评论 (0) 编辑
该文被密码保护。
posted @ 2019-11-11 14:32 精灵YJUI 阅读 (1) 评论 (0) 编辑
摘要:HTML: //:ligit='ligit' 一致 <div id='app'> <template-swiper :ligit='ligit'></template-swiper> </div> <template id='tabs-list-t'> <ul> <li v-for='item,in 阅读全文
posted @ 2019-11-11 13:49 精灵YJUI 阅读 (6) 评论 (0) 编辑
摘要:http状态码406是服务器无法根据客户端请求的内容特性完成请求 //整站功能方法库封装ajax请求,这里只针对post var methods = { //全站ajax请求状态处理 ajax: function (url, data, successCallback, errorCallback) { $.ajax({ "type": "post",... 阅读全文
posted @ 2019-07-11 17:14 精灵YJUI 阅读 (60) 评论 (0) 编辑
摘要://修改页面title var pageTitle=document.getElementsByTagName("title")[0].innerHTML; if(location.href.indexOf("index.html")>-1 || location.href.indexOf("html")==-1){ document.getElementsByTagName("title")... 阅读全文
posted @ 2019-07-11 17:14 精灵YJUI 阅读 (16) 评论 (0) 编辑
摘要://获取浏览器url参数 var methods ={ getQueryString: function (name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = location.search.substr(1).match... 阅读全文
posted @ 2019-07-11 17:13 精灵YJUI 阅读 (68) 评论 (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 阅读 (13) 评论 (0) 编辑
摘要:$(function(){ // $.extend()拓展方法: $.extend({ backgroundColor:function(){ $('body').css('background','#ccc'); } }) $.backgroundColor();//----->就可以调用; }) $(function(){ // $.fn.extend() jq对... 阅读全文
posted @ 2019-07-11 17:08 精灵YJUI 阅读 (23) 评论 (0) 编辑
摘要:这里用的是jweixin-1.3.2.js trigger: function (res) { //判断分享的状态,好友、朋友圈 localStorage.setItem("share_type",1); }, //单独页面微信分享功能 var methods={ wxShare: function (shareImg, shareTitle, shareDes... 阅读全文
posted @ 2019-07-11 17:06 精灵YJUI 阅读 (144) 评论 (0) 编辑
摘要:(1)首页要有一个自己的微信测试号的appid和秘钥 (2)公司里都是后台传code(接口),获取openid(接口) 请求code接口:/Wechat/GetUserInfo/getCode //判断是否是移动设备打开 function Isweixin(){ var userAgentInfo = navigator.userAgent.toLowerCase(); ... 阅读全文
posted @ 2019-07-11 16:58 精灵YJUI 阅读 (24) 评论 (0) 编辑
摘要:前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么 ? 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。 2 阅读全文
posted @ 2019-06-17 21:08 精灵YJUI 阅读 (120) 评论 (0) 编辑
摘要:如果项目很大,组件很多,怎么样才能准确的、快速的寻找到我们想要的组件了?? $refs 首先你的给子组件做标记。demo :<firstchild ref="one"></firstchild> 然后在父组件中,通过this.$refs.one就可以访问了这个自组件了,包括访问自组件的data里面的 阅读全文
posted @ 2019-06-04 21:18 精灵YJUI 阅读 (49) 评论 (0) 编辑
摘要:子: 阅读全文
posted @ 2019-06-04 20:45 精灵YJUI 阅读 (30) 评论 (0) 编辑
摘要:转载 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 阅读 (43) 评论 (0) 编辑
摘要: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 阅读 (49) 评论 (0) 编辑
摘要:1、元素水平居中 当然最好使的是: 居中不好使的原因: 1、元素没有设置宽度,没有宽度怎么居中嘛! 2、设置了宽度依然不好使,你设置的是行内元素吧,行内元素和块元素的区别以及如何将行内元素转换为块元素请看我的另一篇文章! 示例 1: 方案1:position 元素已知宽度 父元素设置为:positi 阅读全文
posted @ 2019-06-03 08:53 精灵YJUI 阅读 (21) 评论 (0) 编辑
摘要:一般情况是因为Webpack与webpack-dev-server版本不兼容导致。 package.json 可以直接粘贴进去,如果还有错 npm install下 再npm run dev 一般情况是因为Webpack与webpack-dev-server版本不兼容导致。 像我也出现此问题,我电脑 阅读全文
posted @ 2019-05-13 19:43 精灵YJUI 阅读 (837) 评论 (0) 编辑
摘要:面试模拟与技巧如何看待面试什么是面试? 面试准备 业务分析与实战模拟 技术栈准备 自我介绍 一面二面 CSS盒模型 题目:谈谈你对CSS盒模型的认识 标准模型和IE模型之间的区别? CSS如何设置这两种模型? (1)”标准模式”下各个浏览器是没有区别的,以宽度为例:总宽度=marginLeft+bo 阅读全文
posted @ 2019-05-08 22:24 精灵YJUI 阅读 (68) 评论 (0) 编辑
摘要:在工作中有很多场景需要通过Ajax请求发送数据,像是注册、登录、提交用户反馈等。用户在点击了“确认”按钮之后有可能一段时间内没有收到反馈页面无任何反应,然后就接着连续多次点击“确认”按钮导致发送n个重复的请求,给服务器造成不小压力。 从前端解决重复发送请求的方法是有的。 1、点击“确定”之后禁用该按 阅读全文
posted @ 2019-05-08 17:59 精灵YJUI 阅读 (218) 评论 (0) 编辑
摘要:最近一直在研究JS,今天看到遍历模块的时候,看到了这个函数: $(selector).each(function(index,element)) 但是想想,这个函数和之前项目里面用到的遍历数据的函数不是同一个呀(项目里面用到的函数:$.each(dataresource,function(index 阅读全文
posted @ 2019-05-07 19:27 精灵YJUI 阅读 (29) 评论 (0) 编辑