这次给大家带来vue+webpack异步加载方法总结，vue+webpack异步加载的注意事项有哪些，下面就是实战案例，一起来看一下。1.第一例const Home = resolve => {import("@/components/home/home.vue").then( module => {resolve(module)} }注：（上面import的时候可以不写后缀）export default [{path: /home,name:home,component: Home,meta: {requireAuth: true, // 添加该属性可以判断出该页面是否需要登录显示}, }]2.第二例const ro...
这次给大家带来jquery操作对象数组元素方法总结（附案例），jquery操作对象数组元素的注意事项有哪些，下面就是实战案例，一起来看一下。 <p id="p1"><span>a</span><span>b</span><span>c</span></p>1.错误方式:不能用[]方式取jquery对象数组,如下: $(function() {var p_span = $("#p1 span");for( var i = 0; i < p_span.length; i++ ) {p_span.[i].html(i);}});这样无效.2.可以用jquery的eq()方法来选择: for( var i = 0; i < p...
这次给大家带来jQuery获取页面宽高方法总结，jQuery获取页面宽高的注意事项有哪些，下面就是实战案例，一起来看一下。获取浏览器显示区域（可视区域）的高度 ： $(window).height();获取浏览器显示区域（可视区域）的宽度 ：$(window).width();获取页面的文档高度 $(document).height();获取页面的文档宽度 ：$(document).width();浏览器当前窗口文档body的高度： $(document.body).height();浏览器当前窗口文档body的宽度：$(d...
这次给大家带来jQuery操作Table方法总结，jQuery操作Table的注意事项有哪些，下面就是实战案例，一起来看一下。1.鼠标移动行变色方法一：jQuery中的hover(fun(),fun())方法，参数一：第一个方法是添加样式功能，参数二：第二个方法是取消样式功能$("#table1 tr").hover(function(){ $(this).children("td").addClass("hover") },function(){ $(this).children("td").removeClass("hover") })方法二：$("#table1 tr:gt(0)").hover(f...
这次给大家带来jquery获取时间方法总结，jquery获取时间的注意事项有哪些，下面就是实战案例，一起来看一下。这篇文章主要介绍了jquery获取当前时间，月份，年份等，涉及针对日期时间的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下。js(jQuery)获取时间的方法及常用时间类$(function(){ var mydate = new Date(); var t=mydate.toLocaleString(); /*alert(t);*/ $("#time").text(t); $("#time").load("Untitled-1.html"); ...
这次给大家带来jQuery入门须知总结，jQuery入门须知的注意事项有哪些，下面就是实战案例，一起来看一下。jQuery 对象?jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。?jQuery 对象是 jQuery 独有的。?只有 jQuery 对象才能使用 jQuery 的方法，在 jQuery 对象中无法使用 DOM 对象的任何方法，反之 DOM 对象也无法使用任何 jQuery 的方法。?约定：如果获取的是 jQuery 对象，那么要在变量前面加上 $?jQuery 对象中封装了多...
这次给大家带来jQuery代码性能优化方法总结，jQuery代码性能优化的注意事项有哪些，下面就是实战案例，一起来看一下。1、总是使用#id去寻找element.在jQuery中最快的选择器是ID选择器 ($(#someid)). 这是因为它直接映射为JavaScript的getElementById()方法。选择单个元素<p id="content"><form method="post" action="/"><h2>Traffic Light</h2><ul id="traffic_light"><li><input type="radio" class="on" name="light" value="re...
这次给大家带来!=、== 、!==、===使用总结，!=、== 、!==、===使用的注意事项有哪些，下面就是实战案例，一起来看一下。var num = 1; var str = 1; var test = 1; test == num //true 相同类型 相同值 test === num //true 相同类型 相同值 test !== num //false test与num类型相同，其值也相同, 非运算肯定是false num == str //true 把str转换为数字，检查其是否相等。 num != str //false == 的 非运算 num ...
这次给大家带来JS数组方法总结，使用JS数组方法的注意事项有哪些，下面就是实战案例，一起来看一下。前面的话 数组总共有22种方法，本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组方法、数组删改方法、数组位置方法、数组归并方法和数组迭代方法共10类来进行详细介绍对象继承方法 数组是一种特殊的对象，继承了对象Object的toString()、toLocaleString()和valueOf()方法【t...
这次给大家带来提高JS执行效率总结，提高JS执行效率的注意事项有哪些，下面就是实战案例，一起来看一下。1.使用逻辑符号&&或者||进行条件判断var foo = 10; foo == 10 && doSomething(); // 如果 foo == 10 则执行 doSomething(); foo == 5 || doSomething(); // 如果 foo != 5 则执行doSomething();“||”也可以用来设置函数参数的默认值Function doSomething(arg1){ Arg1 = arg1 || 10; // 如果 arg1为设置那么 Arg1=10 }2.使用...
这次给大家带来5年的js使用心得总结，js使用的注意事项有哪些，下面就是实战案例，一起来看一下。本人使用javascript时间有5年了，总结了几点心得，给与大家借鉴。1. 给未经声明的变量赋值在严格模式下会导致抛出 ReferenceError 错误（意思是，所有变量都必须用 var 去定义，不能在函数内部定义全局变量）；2. 在严格模式下，不能定义名为 eval 和 arguments 的变量，否则会导致语法错误；3. 判断一个变量值是否等于 undefined 是...
这次给大家带来JS调试debug方法总结，JS调试debug的注意事项有哪些，下面就是实战案例，一起来看一下。1. debugger;我以前也说过，你可以在JavaScript代码中加入一句debugger;来手工造成一个断点效果。需要带有条件的断点吗？你只需要用if语句包围它：if (somethingHappens) {debugger; }但要记住在程序发布前删掉它们。2. 设置在DOM node发生变化时触发断点 有时候你会发现DOM不受你的控制，自己会发生一些奇怪的变化，让你很难找...
JS的数组遍历是项目中必须用到的，为了写出优雅的代码，将方法用在对的地方，在这里将几种方法做个对比，这里用es6的方式展示出来，需要搭建转换es5环境，这不是这篇的重点，下一篇可以写这个。一、for循环使用频率最高，前端都会用，表示自己一开始只会用for循环。。。let arr = [123, 456, 789];for (let i = 0; i < arr.length; i ++) {console.log(arr[i]); }最常用，但是有优化空间：for (let i = 0, len = arr.length; i < l...
这篇文章介绍的内容是一些简单的Vue.js的指令总结，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下HTML页面： <p id="app">{{message}}</p>页面中的数据就是data中的数据模版指令：控制模块的内容v-text (控制元素的文本内容) eg： <p v-text="a"></p> --> a 是data中的av-html(控制元素的内容，包括内部结构 ）eg:<p v-html="a"></p>控制模块隐藏 v-if eg:<p v-if="isShow"></p> -->isShow的值是布尔...
这次给大家带来Vue.js提升知识点总结，使用Vue.js提升知识点的注意事项有哪些，下面就是实战案例，一起来看一下。对大部分人来说，掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发，成为Vue.js大师，那下面我要传授的这五招你一定得认真学习一下了。第一招：化繁为简的Watchers场景还原：created(){this.fetchPostList() }, watch: {searchInputValue(){this.fetchPostList()} }组件创...