"),this.clsMode);const{body:t,scrollingElement:e}=document;I(t,this.clsContainer,this.clsFlip),h(t,"touchAction","pan-y pinch-zoom"),h(this.$el,"display","block"),h(this.panel,"maxWidth",e.clientWidth),I(this.$el,this.clsOverlay),I(this.panel,this.clsSidebarAnimation,this.mode==="reveal"?"":this.clsMode),tt(t),I(t,this.clsContainerAnimation),this.clsContainerAnimation&&tc()}},{name:"hide",self:!0,handler(){_(document.body,this.clsContainerAnimation),h(document.body,"touchAction","")}},{name:"hidden",self:!0,handler(){this.clsContainerAnimation&&ec(),this.mode==="reveal"&&x(O(this.panel),this.clsMode)&&He(this.panel),_(this.panel,this.clsSidebarAnimation,this.clsMode),_(this.$el,this.clsOverlay),h(this.$el,"display",""),h(this.panel,"maxWidth",""),_(document.body,this.clsContainer,this.clsFlip)}},{name:"swipeLeft swipeRight",handler(t){this.isToggled()&&se(t.type,"Left")^this.flip&&this.hide()}}]};function tc(){Qo().content+=",user-scalable=0"}function ec(){const t=Qo();t.content=t.content.replace(/,user-scalable=0$/,"")}function Qo(){return w('meta[name="viewport"]',document.head)||W(document.head,'
')}var ic={mixins:[st],props:{selContainer:String,selContent:String,minHeight:Number},data:{selContainer:".uk-modal",selContent:".uk-modal-dialog",minHeight:150},computed:{container:({selContainer:t},e)=>e.closest(t),content:({selContent:t},e)=>e.closest(t)},observe:dt({target:({container:t,content:e})=>[t,e]}),update:{read(){return!this.content||!this.container||!q(this.$el)?!1:{max:Math.max(this.minHeight,tt(this.container)-(g(this.content).height-tt(this.$el)))}},write({max:t}){h(this.$el,{minHeight:this.minHeight,maxHeight:t})},events:["resize"]}},sc={props:["width","height"],connected(){I(this.$el,"uk-responsive-width"),h(this.$el,"aspectRatio",`${this.width}/${this.height}`)}},nc={props:{offset:Number},data:{offset:0},connected(){oc(this)},disconnected(){rc(this)},methods:{async scrollTo(t){t=t&&w(t)||document.body,m(this.$el,"beforescroll",[this,t])&&(await bn(t,{offset:this.offset}),m(this.$el,"scrolled",[this,t]))}}};const ti=new Set;function oc(t){ti.size||$(document,"click",tr),ti.add(t)}function rc(t){ti.delete(t),ti.size||Ut(document,"click",tr)}function tr(t){if(!t.defaultPrevented)for(const e of ti)e.$el.contains(t.target)&&fe(e.$el)&&(t.preventDefault(),window.location.href!==e.$el.href&&window.history.pushState({},"",e.$el.href),e.scrollTo(Vi(e.$el)))}const Hs="uk-scrollspy-inview";var ac={args:"cls",props:{cls:String,target:String,hidden:Boolean,margin:String,repeat:Boolean,delay:Number},data:()=>({cls:"",target:!1,hidden:!0,margin:"-1px",repeat:!1,delay:0}),computed:{elements:({target:t},e)=>t?D(t,e):[e]},watch:{elements(t){this.hidden&&h(De(t,`:not(.${Hs})`),"opacity",0)}},connected(){this.elementData=new Map},disconnected(){for(const[t,e]of this.elementData.entries())_(t,Hs,(e==null?void 0:e.cls)||"");delete this.elementData},observe:be({target:({elements:t})=>t,handler(t){const e=this.elementData;for(const{target:i,isIntersecting:s}of t){e.has(i)||e.set(i,{cls:Z(i,"uk-scrollspy-class")||this.cls});const n=e.get(i);!this.repeat&&n.show||(n.show=s)}this.$emit()},options:({margin:t})=>({rootMargin:t}),args:{intersecting:!1}}),update:[{write(t){for(const[e,i]of this.elementData.entries())i.show&&!i.inview&&!i.queued?(i.queued=!0,t.promise=(t.promise||Promise.resolve()).then(()=>new Promise(s=>setTimeout(s,this.delay))).then(()=>{this.toggle(e,!0),setTimeout(()=>{i.queued=!1,this.$emit()},300)})):!i.show&&i.inview&&!i.queued&&this.repeat&&this.toggle(e,!1)}}],methods:{toggle(t,e){var i,s;const n=(i=this.elementData)==null?void 0:i.get(t);if(!n)return;(s=n.off)==null||s.call(n),h(t,"opacity",!e&&this.hidden?0:""),L(t,Hs,e),L(t,n.cls);let o;if(o=n.cls.match(/\buk-animation-[\w-]+/g)){const r=()=>_(t,o);e?n.off=z(t,"animationcancel animationend",r,{self:!0}):r()}m(t,e?"inview":"outview"),n.inview=e}}},lc={props:{cls:String,closest:Boolean,scroll:Boolean,target:String,offset:Number},data:{cls:"uk-active",closest:!1,scroll:!1,target:'a[href]:not([role="button"])',offset:0},computed:{links:({target:t},e)=>D(t,e).filter(i=>fe(i)),elements({closest:t}){return this.links.map(e=>e.closest(t||"*"))}},watch:{links(t){this.scroll&&this.$create("scroll",t,{offset:this.offset})}},observe:[be(),Ue()],update:[{read(){const t=this.links.map(l=>Vi(l)).filter(Boolean),{length:e}=t;if(!e||!q(this.$el))return!1;const i=Dt(t,!0),{scrollTop:s,scrollHeight:n}=i,o=at(i),r=n-o.height;let a=!1;if(s>=r)a=e-1;else{const l=this.offset+g(ds()).height+o.height*.1;for(let c=0;c
0);c++)a=+c}return{active:a}},write({active:t}){const e=t!==!1&&!x(this.elements[t],this.cls);this.links.forEach(i=>i.blur());for(let i=0;it&&w(t,e)||e},connected(){this.start=er(this.start||this.top),this.end=er(this.end||this.bottom),this.placeholder=w("+ .uk-sticky-placeholder",this.$el)||w(''),this.isFixed=!1,this.setActive(!1)},beforeDisconnect(){this.isFixed&&(this.hide(),_(this.target,this.clsInactive)),Ws(this.$el),Q(this.placeholder),this.placeholder=null},observe:[bs(),Ue({target:()=>document.scrollingElement}),dt({target:({$el:t})=>[t,Fi(t),document.scrollingElement],handler(t){this.$emit(this._data.resized&&t.some(({target:e})=>e===Fi(this.$el))?"update":"resize"),this._data.resized=!0}})],events:[{name:"load hashchange popstate",el:()=>window,filter:({targetOffset:t})=>t!==!1,handler(){const{scrollingElement:t}=document;!location.hash||t.scrollTop===0||setTimeout(()=>{const e=T(w(location.hash)),i=T(this.$el);this.isFixed&&ni(e,i)&&(t.scrollTop=Math.ceil(e.top-i.height-G(this.targetOffset,"height",this.placeholder)-G(this.offset,"height",this.placeholder)))})}}],update:[{read({height:t,width:e,margin:i,sticky:s},n){if(this.inactive=!this.matchMedia||!q(this.$el)||!this.$el.offsetHeight,this.inactive)return;const o=tt(window),r=Math.max(0,document.scrollingElement.scrollHeight-o);if(!r){this.inactive=!0;return}const a=this.isFixed&&n.has("update");a&&(Rs(this.target),this.hide()),this.active||({height:t,width:e}=g(this.$el),i=h(this.$el,"margin")),a&&this.show();const l=G("100vh","height");let c=this.position;this.overflowFlip&&t>l&&(c=c==="top"?"bottom":"top");const u=this.isFixed?this.placeholder:this.$el;let[d,f]=[this.offset,this.offsetEnd].map(Nt=>G(Nt,"height",s?this.$el:u));c==="bottom"&&(tT(f).top+(l?Math.min(a,r):a),offsetParentTop:T(f.offsetParent).top,overflowScroll:K(s+K(u,n,o)-K(t,n,o),0,i)}},write(t,e){const i=e.has("scroll"),{initTimestamp:s=0,dir:n,prevDir:o,scroll:r,prevScroll:a=0,top:l,start:c,below:u}=t;if(r<0||r===a&&i||this.showOnUp&&!i&&!this.isFixed)return;const d=Date.now();if((d-s>300||n!==o)&&(t.initScroll=r,t.initTimestamp=d),!(this.showOnUp&&!this.isFixed&&Math.abs(t.initScroll-r)<=30&&Math.abs(a-r)<=10))if(this.inactive||rr&&(At.cancel(this.$el),this.hide());return}if(this.animation&&u){if(x(this.$el,"uk-animation-leave"))return;At.out(this.$el,this.animation).then(()=>this.hide(),A)}else this.hide()}else this.isFixed?this.update():this.animation&&u?(this.show(),At.in(this.$el,this.animation).catch(A)):(Rs(this.target),this.show())},events:["resize","resizeViewport","scroll"]}],methods:{show(){this.isFixed=!0,this.update(),this.placeholder.hidden=!1},hide(){const{offset:t,sticky:e}=this._data;this.setActive(!1),_(this.$el,this.clsFixed,this.clsBelow),e?h(this.$el,"top",t):Ws(this.$el),this.placeholder.hidden=!0,this.isFixed=!1},update(){let{width:t,scroll:e=0,overflow:i,overflowScroll:s=0,start:n,end:o,offset:r,offsetParentTop:a,sticky:l,below:c}=this._data;const u=n!==0||e>n;if(!l){let d="fixed";e>o&&(r+=o-a+s-i,d="absolute"),h(this.$el,{position:d,width:t,marginTop:0},"important")}h(this.$el,"top",r-s),this.setActive(u),L(this.$el,this.clsBelow,c),I(this.$el,this.clsFixed)},setActive(t){const e=this.active;this.active=t,t?(ri(this.target,this.clsInactive,this.clsActive),e!==t&&m(this.$el,"active")):(ri(this.target,this.clsActive,this.clsInactive),e!==t&&(Rs(this.target),m(this.$el,"inactive")))}}};function Ls(t,e,i,s){if(!t)return 0;if(vt(t)||H(t)&&t.match(/^-?\d/))return i+G(t,"height",e,!0);{const n=t===!0?Fi(e):et(t,e);return T(n).bottom-(s&&(n!=null&&n.contains(e))?S(h(n,"paddingBottom"))+S(h(n,"borderBottomWidth")):0)}}function er(t){return t==="true"?!0:t==="false"?!1:t}function Ws(t){h(t,{position:"",top:"",marginTop:"",width:""})}const js="uk-transition-disable";function Rs(t){x(t,js)||(I(t,js),requestAnimationFrame(()=>_(t,js)))}function Fi(t){for(;t=O(t);)if(q(t))return t}var cc={mixins:[Go],args:"src",props:{src:String,icon:String,attributes:"list",strokeAnimation:Boolean},data:{strokeAnimation:!1},observe:[ki({async handler(){const t=await this.svg;t&&ir.call(this,t)},options:{attributes:!0,attributeFilter:["id","class","style"]}})],async connected(){v(this.src,"#")&&([this.src,this.icon]=this.src.split("#",2));const t=await this.svg;t&&(ir.call(this,t),this.strokeAnimation&&dc(t))},methods:{async getSvg(){return F(this.$el,"img")&&!this.$el.complete&&this.$el.loading==="lazy"&&await new Promise(t=>z(this.$el,"load",t)),Jo(await uc(this.src),this.icon)||Promise.reject("SVG not found.")}}};function ir(t){const{$el:e}=this;I(t,k(e,"class"),"uk-svg");for(let i=0;i{if(t){if(mt(t,"data:"))return decodeURIComponent(t.split(",",2)[1]);{const e=await fetch(t);if(e.headers.get("Content-Type")==="image/svg+xml")return e.text()}}return Promise.reject()});function dc(t){const e=po(t);e&&h(t,"--uk-animation-stroke",e)}const qs=".uk-disabled *, .uk-disabled, [disabled]";var sr={mixins:[Xt],args:"connect",props:{connect:String,toggle:String,itemNav:String,active:Number,followFocus:Boolean,swiping:Boolean},data:{connect:"~.uk-switcher",toggle:"> * > :first-child",itemNav:!1,active:0,cls:"uk-active",attrItem:"uk-switcher-item",selVertical:".uk-nav",followFocus:!1,swiping:!0},computed:{connects:{get:({connect:t},e)=>Be(t,e),observe:({connect:t})=>t},connectChildren(){return this.connects.map(t=>N(t)).flat()},toggles:({toggle:t},e)=>D(t,e),children(t,e){return N(e).filter(i=>this.toggles.some(s=>i.contains(s)))}},watch:{connects(t){this.swiping&&h(t,"touchAction","pan-y pinch-zoom"),this.$emit()},connectChildren(){let t=Math.max(0,this.index());for(const e of this.connects)N(e).forEach((i,s)=>L(i,this.cls,s===t));this.$emit()},toggles(t){this.$emit();const e=this.index();this.show(~e?e:t[this.active]||t[0])}},connected(){this.$el.role="tablist"},observe:[Si({targets:({connectChildren:t})=>t}),Pn({target:({connects:t})=>t,filter:({swiping:t})=>t})],events:[{name:"click keydown",delegate:({toggle:t})=>t,handler(t){!C(t.current,qs)&&(t.type==="click"||t.keyCode===B.SPACE)&&(Et(t),this.show(t.current))}},{name:"keydown",delegate:({toggle:t})=>t,handler(t){const{current:e,keyCode:i}=t,s=C(this.$el,this.selVertical);let n=i===B.HOME?0:i===B.END?"last":i===B.LEFT&&!s||i===B.UP&&s?"previous":i===B.RIGHT&&!s||i===B.DOWN&&s?"next":-1;if(~n){t.preventDefault();const o=this.toggles.filter(a=>!C(a,qs)),r=o[rt(n,o,o.indexOf(e))];r.focus(),this.followFocus&&this.show(r)}}},{name:"click",el:({$el:t,connects:e,itemNav:i})=>e.concat(i?Be(i,t):[]),delegate:({attrItem:t})=>`[${t}],[data-${t}]`,handler(t){t.target.closest("a,button")&&(Et(t),this.show(Z(t.current,this.attrItem)))}},{name:"swipeRight swipeLeft",filter:({swiping:t})=>t,el:({connects:t})=>t,handler({type:t}){this.show(se(t,"Left")?"next":"previous")}}],update(){var t;for(const e of this.connects)F(e,"ul")&&(e.role="presentation");k(N(this.$el),"role","presentation");for(const e in this.toggles){const i=this.toggles[e],s=(t=this.connects[0])==null?void 0:t.children[e];i.role="tab",s&&(i.id=Zt(this,i),s.id=Zt(this,s),i.ariaControls=s.id,k(s,{role:"tabpanel","aria-labelledby":i.id}))}k(this.$el,"aria-orientation",C(this.$el,this.selVertical)?"vertical":null)},methods:{index(){return xt(this.children,t=>x(t,this.cls))},show(t){const e=this.toggles.filter(r=>!C(r,qs)),i=this.index(),s=rt(!Pe(t)||v(e,t)?t:0,e,rt(this.toggles[i],e)),n=rt(e[s],this.toggles);this.children.forEach((r,a)=>{L(r,this.cls,n===a),k(this.toggles[a],{"aria-selected":n===a,tabindex:n===a?null:-1})});const o=i>=0&&i!==s;this.connects.forEach(async({children:r})=>{const a=ne(r).filter((l,c)=>c!==n&&x(l,this.cls));await this.toggleElement(a,!1,o)&&await this.toggleElement(r[n],!0,o)})}}},fc={mixins:[st],extends:sr,props:{media:Boolean},data:{media:960,attrItem:"uk-tab-item",selVertical:".uk-tab-left,.uk-tab-right"},connected(){const t=x(this.$el,"uk-tab-left")?"uk-tab-left":x(this.$el,"uk-tab-right")?"uk-tab-right":!1;t&&this.$create("toggle",this.$el,{cls:t,mode:"media",media:this.media})}};const pc=13,gc=32;var mc={mixins:[Ci,Xt],args:"target",props:{href:String,target:null,mode:"list",queued:Boolean},data:{href:!1,target:!1,mode:"click",queued:!0},computed:{target:{get:({target:t},e)=>(t=Be(t||e.hash,e),t.length?t:[e]),observe:({target:t})=>t}},connected(){v(this.mode,"media")||(ci(this.$el)||(this.$el.tabIndex=0),!this.cls&&F(this.$el,"a")&&(this.$el.role="button"))},observe:Si({targets:({target:t})=>t}),events:[{name:ut,filter:({mode:t})=>v(t,"hover"),handler(t){this._preventClick=null,!(!pt(t)||re(this._showState)||this.$el.disabled)&&(m(this.$el,"focus"),z(document,ut,()=>m(this.$el,"blur"),!0,e=>!this.$el.contains(e.target)),v(this.mode,"click")&&(this._preventClick=!0))}},{name:`mouseenter mouseleave ${qt} ${ce} focus blur`,filter:({mode:t})=>v(t,"hover"),handler(t){if(pt(t)||this.$el.disabled||document.readyState==="loading")return;const e=v(["mouseenter",qt,"focus"],t.type),i=this.isToggled(this.target);if(!e&&(!re(this._showState)||t.type!=="blur"&&C(this.$el,":focus")||t.type==="blur"&&C(this.$el,":hover"))){i===this._showState&&(this._showState=null);return}e&&re(this._showState)&&i!==this._showState||(this._showState=e?i:null,this.toggle(`toggle${e?"show":"hide"}`))}},{name:"keydown",filter:({$el:t,mode:e})=>v(e,"click")&&!F(t,"input"),handler(t){(t.keyCode===gc||t.keyCode===pc)&&(t.preventDefault(),this.$el.click())}},{name:"click",filter:({mode:t})=>["click","hover"].some(e=>v(t,e)),handler(t){let e;(this._preventClick||t.target.closest('a[href="#"], a[href=""]')||(e=t.target.closest("a[href]"))&&(!this.isToggled(this.target)||e.hash&&C(this.target,e.hash)))&&t.preventDefault(),!this._preventClick&&v(this.mode,"click")&&this.toggle()}},{name:"mediachange",filter:({mode:t})=>v(t,"media"),el:({target:t})=>t,handler(t,e){e.matches^this.isToggled(this.target)&&this.toggle()}}],methods:{async toggle(t){if(!m(this.target,t||"toggle",[this]))return;if(Pt(this.$el,"aria-expanded")&&(this.$el.ariaExpanded=!this.isToggled(this.target)),!this.queued)return this.toggleElement(this.target);const e=this.target.filter(s=>x(s,this.clsLeave));if(e.length){for(const s of this.target){const n=v(e,s);this.toggleElement(s,n,n)}return}const i=this.target.filter(this.isToggled);await this.toggleElement(i,!1)&&await this.toggleElement(this.target.filter(s=>!v(i,s)),!0)}}},vc=Object.freeze({__proto__:null,Accordion:Ho,Alert:Rl,Close:Bh,Cover:Vl,Drop:jo,DropParentIcon:te,Dropdown:jo,Dropnav:qo,FormCustom:Ql,Grid:th,HeightMatch:nh,HeightPlaceholder:ah,HeightViewport:lh,Icon:zs,Img:ua,Inverse:qh,Leader:Yh,Margin:_n,Marker:Nh,Modal:Gh,Nav:Jh,NavParentIcon:Ah,Navbar:Kh,NavbarParentIcon:te,NavbarToggleIcon:Dh,Offcanvas:Qh,OverflowAuto:ic,OverlayIcon:te,PaginationNext:Fh,PaginationPrevious:Hh,Responsive:sc,Scroll:nc,Scrollspy:ac,ScrollspyNav:lc,SearchIcon:Oh,SlidenavNext:Zo,SlidenavPrevious:Zo,Spinner:Mh,Sticky:hc,Svg:cc,Switcher:sr,Tab:fc,Toggle:mc,Totop:zh,Video:Lo});return ae(vc,(t,e)=>ht.component(e,t)),Fl(ht),ae(zl,(t,e)=>ht.component(e,t)),ht});![MISTER KNOW - RESPONSIVE SEO WEB DESIGN MISTER KNOW - RESPONSIVE SEO WEB DESIGN]()
สารบัญภาพ รับทำเว็บไซต์ รับทำ SEO
มิสเตอร์โนว์ ประสบการณ์ SEO ต่อเนื่อง 10+ปี "บริการหลังการขาย" ระดับ VVIP ให้บริการครบ "จบได้ในที่เดียว" ลูกค้าแทบไม่ต้องทำสิ่งใด นอกจาก ชำระค่าบริการ ส่งข้อมูลจดทะเบียน ข้อมูลทำเว็บไซต์ ตัวอย่างเว็บไซต์ที่ชื่นชอบ แฮปปี้ตลอดระยะเวลาที่ใช้บริการ
MISTER KNOW SECURE RESPONSIVE SEO WEB DESIGN
AUTHENTIC FAST POWERFUL SOLID SECUREมิสเตอร์โนว์ ไม่ใช่แค่ รับทำเว็บไซต์เท่านั้น แต่ยังเป็น 'พาร์ทเนอร์แห่งความสำเร็จ' สำหรับธุรกิจของคุณในทุกหนทุกแห่ง ด้วยประสบการณ์ที่ยาวนาน มิสเตอร์โนว์พร้อมสร้างเว็บไซต์ที่ไม่เพียงแค่สวย แต่ยังช่วยคุณ "ทำมาหากิน" ได้จริง ด้วยการทำให้เว็บไซต์ของคุณติดหน้าแรกเพื่อช่วยทำให้ลูกค้าจากทุกแห่งหนหาคุณพบ
เบื่อไหมที่เว็บไซต์ของคุณ อย่างมาก....เป็นได้แค่ "นามบัตร-โปสเตอร์ดิจิตอล" ถ้าต้องการเปลี่ยนเว็บไซต์ของคุณให้เป็นเครื่องมือช่วยหาลูกค้า เครื่องมือช่วยเพิ่มลูกค้าใหม่ๆ นี่คือเวลาทำให้ เว็บไซต์ของคุณ ธุรกิจของคุณ โดดเด่นอยู่บนหน้าค้นหาของ Google และ สร้าง-เพิ่มยอดขายอย่างที่ไม่เคยมีเคยเป็นมาก่อน
ธุรกิจคุณ กำลังพลาดลูกค้าอีกกี่รายที่ค้นหาข้อมูลจากอินเตอร์เน็ตแล้วไม่เจอข้อมูลเว็บไซต์ของคุณ? อย่ารอช้า! มิสเตอร์โนว์พร้อมเนรมิตรเว็บไซต์ที่ดึงดูดลูกค้าตรงกลุ่ม และพาเว็บไซต์ของคุณติดหน้าแรก Google ในเร็ววัน เพื่อคว้าโอกาสทางธุรกิจก่อนใคร
อยากมีเว็บไซต์ทันสมัย ดูดี ดูเป็นมืออาชีพ ติดอันดับเร็ว และเข้าถึงลูกค้าได้ตรงจุดใช่ไหม? มิสเตอร์โนว์-ผู้เชี่ยวชาญด้านรับทำเว็บไซต์ที่เข้าใจ SEO อย่างลึกซึ้ง ไม่ต้องปวดหัวเรื่องเทคนิค แค่บอกสิ่งที่คุณต้องการ แล้วรอดูผลงานจากเว็บไซต์ของคุณได้เลย!