
front end
前端
泗水六年
实践交流总结记忆。
展开
-
什么是浏览器同源策略?
什么是浏览器同源策略?协议名、IP地址、端口号一样即为同源,这三者有一个不同就会产生跨域问题。原创 2021-12-28 20:01:08 · 134 阅读 · 0 评论 -
Axios是什么?
Axios是什么?Axios其实就是一个用于发送ajax请求的HTTP库,本质上是对AJAX的封装。而且Axios支持 Promise操作, 让我们无需再使用传统callback方式来进行异步编程。(Promise 是JS中进行异步编程的一种解决方案。)...原创 2021-12-28 20:00:10 · 3366 阅读 · 0 评论 -
Vue的钩子函数是什么意思?Vue都有哪些钩子函数?
Vue的钩子函数是什么意思?Vue都有哪些钩子函数?Vue钩子函数就是指在一个Vue实例从创建到销毁的过程自动执行的函数。beforeCreate:在Vue实例创建之前执行。Created:在Vue实例创建之后执行。beforeMount:在Vue实例和DOM元素绑定之前执行。Mounted:在Vue实例和DOM元素绑定之后执行。beforeUpdate:在修改Vue实例Data中定义的数据之前执行。Updated:在修改Vue实例Data中定义的数据之后执行。beforeD原创 2021-12-28 19:58:10 · 3619 阅读 · 0 评论 -
什么是事件冒泡?如何阻止事件冒泡?
什么是事件冒泡?如何阻止事件冒泡?比如说在一个层层嵌套的HTML元素中,触发了最里面的那个HTML元素的某个事件,接下来会自里向外相继触发每一层HTML元素的相同事件,这就是事件冒泡。阻止事件冒泡可以在调用函数的时候传入event对象,然后在函数里调用event对象的stopPropagation方法。如果是Vue的话,直接在绑定事件的时候事件名后面加上个.stop就可以阻止事件冒泡了。...原创 2021-12-28 19:57:29 · 2507 阅读 · 0 评论 -
MVVM是什么?谈谈你对MVVM的理解?
MVVM是什么?谈谈你对MVVM的理解?我的理解MVVM它就是一种前端开发的架构模式,作用就是为了让前端业务逻辑和HTML代码更加分离。它的核心思想就是把每个页面分成了M(Model数据模型)、V(View视图)、VM(ViewModel视图模型)。其中VM是核心,时M和V之间的调度者。M和V不直接关联,通过中间的VM。VM还提供了数据双向绑定功能,也就说V发生改变M也跟这边,M发生改变V也会跟这变。这就是我对MVVM的简单理解。...原创 2021-12-28 19:56:45 · 6956 阅读 · 0 评论 -
Vue的常用指令有哪些,分别是什么作用?
Vue的常用指令有哪些,分别是什么作用?v-for指令用来遍历数组v-model指令用来实现表单元素的双向绑定v-if指令用来进行条件判断,可以根据表达式值的真假来插入或删除元素v-else指令配合v-if使用,而且用的时候必须紧挨着v-ifv-show指令用来进行条件渲染,与v-if不同的是,无论v-show的值为true或false,元素都会存在于HTML代码中;而只有当v-if的值为true,元素才会存在于HTML代码中。v-show指令只是设置了元素CSS的style值。v.原创 2021-12-28 19:56:06 · 1049 阅读 · 0 评论 -
Vue有什么优点?
Vue有什么优点?我来简单说几个吧,第一我感觉Vue极大的提高了前端页面的开发效率,不用我们再进行那些不必要的DOM操作;第二Vue里的双向数据绑定也很强大,我们可以通过Vue框架提供的v-model指令来实现视图和数据的双向数据绑定。也就是说一旦数据发生变化视图也会跟着变,视图发生改变数据也会发生改变。第三Vue中的组件化开发,不仅让我们可以对项目中某些可以进行复用的功能进行封装,另外还可以在页面逻辑过于复杂的情况下,将页面分为很多个业务组件分而治之,这样的话维护人员每次只需要改动对应的组件即可,降低原创 2021-12-28 19:55:34 · 3857 阅读 · 0 评论 -
Vue是什么?
Vue是什么?我理解的Vue它是一套用于构建用户界面的渐进式前端框架。和其它一些大型框架(比如React和Angular)不同的是,Vue被设计为可以自底向上逐层应用。也就是说你不用一次性接收并使用它的所有功能特性,你可以只去用那些你想用或者能用的功能特性,你不想用的部分功能可以先不用。Vue有很多优点,...【把下面Vue的优点也一块说了】...原创 2021-12-28 19:55:01 · 659 阅读 · 0 评论 -
jQuery的AJAX常用属性及解释
jQuery的AJAX常用属性及解释$.ajax({url: 请求路径,type: 请求方式默认为get,dataType:期望的返回值类型,常用的有text、json、html,data: {}发送请求时传递的参数,写法({“name”:name,"pwd":pwd}),async:true或者false异步加载的开启或者关闭,success:function(result){后台请求访问成功的回调函数},error:function(){后台请求访问失败的回调原创 2021-12-28 19:53:55 · 540 阅读 · 0 评论 -
jQuery常用方法
jQuery常用方法val():设置或获取选中元素的value值text():设置或获取选中元素的文本内容(会覆盖之前的文本内容)html():设置或获取选中元素的HTML内容(会覆盖之前的HTML内容)attr() / prop():设置或返回选中元素的属性和值。attr和prop的区别介绍:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。css(“属性”,”值”):设置选中元素的样式原创 2021-12-28 19:52:33 · 230 阅读 · 0 评论 -
jQuery对象和JS对象的区别
jQuery对象和JS对象的区别DOM对象是我们用传统的JS方法获得的对象,jQuery对象是我们用jQuery的选择器获得的对象。jQuery对象就是jQuery通过对DOM对象包装后产生的对象,它是jQuery独有的。jQuery对象中无法使用DOM对象的任何方法。同样DOM对象也无法使用jQuery对象的任何方法。jQuery提供了两种方法将一个jQuery对象转换成一个DOM对象,即[index]和get(index)。对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQu原创 2021-11-30 22:27:10 · 353 阅读 · 0 评论 -
jQuery常用选择器有哪些?
jQuery常用选择器有哪些?jQuery里面使用最频繁的选择器应该就是id选择器$('#element-id')class选择器$('.class-name')标签选择器$('element-name')了。另外还有:1.层次选择器(能者多劳)通过DOM元素间的层次关系获取元素,主要层次关系包括后代、父子、相邻、兄弟关系等。根据祖先元素匹配所有后代元素: $('ancestor descendant')根据父元素匹配所有的子元素: $('parent > child'原创 2021-11-30 22:26:23 · 3486 阅读 · 0 评论 -
什么是jQuery?
什么是jQuery?我感觉jQuery其实把我们JS常用的一些功能进行了封装,方便我们来调用,提高我们的开发效率。jQuery提供了强大的选择器可以帮助我们方便的去获取到网页中的HTML元素,另外jQuery提供了一些强大的API方便我们对HTML元素进行DOM操作。还有使用jQuery无需我们考虑JS代码浏览器兼容性问题。而且基于jQuery的第三方插件非常多,比如说树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件。...原创 2021-11-30 22:23:35 · 79 阅读 · 0 评论 -
什么是正则表达式?有什么用?常用的字符有哪些?
什么是正则表达式?有什么用?常用的字符有哪些?我理解的正则表达式就是一种记录文本规则的表达式,可以用于校验或匹配文本内容。在之前的工作里我用正则表达式最多的就是验证表单数据合法性和进行字符串查找和替换。方括号,方括号用于匹配某个范围内的字符[abc]匹配方括号之间的任何一个字符。[^abc]匹配任何不在方括号之间的任意一个字符。[0-9] 匹配任何一个从0至9的数字。[a-z] 匹配任何一个从小写a到小写z的字符。[A-Z] 匹配任何一个从大写A到大写Z的字符。[A-z] 匹原创 2021-11-30 22:22:46 · 308 阅读 · 0 评论 -
什么是事件?JS中都有哪些事件?
什么是事件?JS中都有哪些事件?事件就是用户对网页或浏览器做出的动作。通常来说,鼠标和键盘的动作称之为事件。当事件发生时,我们可以执行一些JS代码来实现某些功能或效果。鼠标事件:Onclick鼠标单击事件Ondblclick 鼠标双击事件Onmouseover 鼠标移上事件onmouseout 鼠标移出事件onmousemove鼠标移动事件onmousedown鼠标按下事件onmouseup 鼠标抬起事件页面事件:onload 页面加载事件 (用于body标签)这原创 2021-11-30 22:21:57 · 1037 阅读 · 0 评论 -
DOM介绍
DOMDOM就是文档对象模型,他下面提供了几个对象用于操作网页。Document对象代表整个网页forms获取html网页中所有的form表单数组body 获取网页中的body元素Title 返回或设置当前文档的标题getElementById(id) 通过id获取html元素getElementsByName(name) 通过name获取html元素数组getElementsByTagName(标签名) 通过标签名获取html元素数组write(内容) 向网页写入内容原创 2021-11-30 22:20:54 · 334 阅读 · 0 评论 -
BOM介绍
BOMBOM就是浏览器对象模型,它下面提供了几个对象用于操作浏览器。window对象代表浏览器窗口alert() 弹出警告框confirm() 弹出确认框prompt()弹出输入框open() 打开新窗口close() 关闭窗口history对象代表浏览器历史记录forward() 加载历史列表中的下一个url,相当于浏览器前进按钮功能back() 加载历史列表中的前一个url,相当于浏览器后退按钮的功能go() 加载历史列表中某个具体页面location对.原创 2021-11-30 22:19:53 · 235 阅读 · 0 评论 -
JS内置函数
JS内置函数isNaN() 判断一个值是否为数值,如果是数值返回false,否则返回trueNumber() 把指定值转换为数字,如果无法转换返回 NaNparseInt() 将指定值转为整数,如果无法转换返回 NaNparseFloat() 将指定值转为小数,如果无法转换返回 NaNeval() 将传入的字符串解析为JavaScript代码并执行...原创 2021-11-30 22:18:24 · 425 阅读 · 0 评论 -
JS内置对象及常用方法
JS内置对象及常用方法?数组对象及常用方法push(元素1,元素2,...) 向数组末尾添加一个或多个元素,并返回数组的新长度shift () 移除数组中第一个元素,并返回该元素unshift(元素,元素2,...) 向数组头部添加一个或多个元素,并返回数组的新长度pop() 移除数组最后一个元素,并返回该元素concat (数组1,数组2,...) 将多个数组拼接成一个新数组,并返回新数组slice (起始下标,结束下标) 以数组的形式返回起始下标到结束下标之间的元素,包前不包原创 2021-11-30 22:17:27 · 164 阅读 · 0 评论 -
JS有哪些数据类型?
JS有哪些数据类型?基本数据类型:字符串(string)、数值(number)、布尔(boolean)复合数据类型:数组(array)、对象(object)特殊数据类型:空(null)、未定义(undefined)原创 2021-11-30 22:16:15 · 202 阅读 · 0 评论 -
js设置控件的隐藏与显示的两种方法
js设置控件的隐藏与显示的两种方法:js设置控件的隐藏与显示,设置控件style的display和visibility属性就可以了,下面有个示例,需要的朋友可以参考下用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。当style.display="block"或style.visibility="visible"时控件或见,当style.display="none"或style.visibility="hidden"时控件不可原创 2021-06-03 13:50:52 · 4432 阅读 · 0 评论 -
比较=、==、===
一个等号是赋值操作,==先转换类型再比较,===先判断类型,如果不是同一类型直接为false。alert(1 ==“1”); // truealert(1 === “1”); // false原创 2021-06-01 14:11:54 · 171 阅读 · 0 评论 -
前端chrome浏览器调试总结??
前端chrome浏览器调试总结1、Console代码中Console.log(),在此处看打印结果。2、Network请求与回复,在此处查看。3、Sources代码中放debugger后,在此处调试。原创 2021-01-10 20:05:33 · 125 阅读 · 0 评论 -
模板引擎
概述:模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档。模板引擎不属于特定技术领域,它是跨领域跨平台的概念。在Asp下有模板引擎,在PHP下也有模板引擎,在C#下也有,甚至JavaScript、WinForm开发都会用到模板引擎技术。html 页面就是个字符串,模板引擎就是给了你模板引擎自定义的语法,用来对这个字符串进行变量 /表达式的替换最后还是得到 html 的字符串。.原创 2020-08-23 16:58:21 · 869 阅读 · 0 评论 -
css框架
css框架有:Boostrap、Foundation、Skeleton、UI Kit、TukTuk、语义UI、YAML、960网格系统等等15个2019年最佳CSS框架:Bootstrap、Foundation、Pure、Bulma、Semantic UI、UI kit、Materialize CSS、Materialize CSS、Skeleton、Tailwind CSS、Spectre、Base、Picnic CSS、Musta...原创 2020-08-23 16:26:31 · 507 阅读 · 0 评论 -
javascript框架
javascript框架有:Dojo 、baiScriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx、BackboneJS、three.js、Mocha、Next.js等等。目前十大热门的JavaScript框架和库:ReactJS(Star: 59989,Fork: 10992)、AngularJS(Star: 54769,Fork: 27292)、Vue.js(Star: 43608, Fork:.原创 2020-08-23 16:24:39 · 192 阅读 · 0 评论