![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 77
InnerXuan
这个作者很懒,什么都没留下…
展开
-
从MVC到Vue(一)——MVC
MVC是什么?MVC是一种设计模式M即Model, 表示数据,负责数据的相关操作V即View,即数据层,负责视图的操作C即Controler,即控制器,负责其他伪代码演示://数据层 Modelclass Model{ data:数据, getDate(){ 获取数据操作 } update(data){ 数据更新操作 }}//视图层 ViewClass View{ ele: 视图元素, //把视图元素渲染到页面中 render()}/原创 2020-09-19 15:08:12 · 990 阅读 · 0 评论 -
DOM事件委托
DOM事件委托把一个元素的响应事件,比如click的函数委托到另一个元素:一般,会把一个或一组元素的事件委托到它的父层或者更外层元素上,真正绑定事件是外层元素,当事件响应到需要绑定的元素上时,会通过事件冒泡机制从而触发它的外层元素的绑定事件上,然后再外层元素上执行函数比如,一次考试后,很多童鞋想知道成绩,一个个的来问,班主任很烦,直接把成绩单给了班长,那每个童鞋的成绩结果就委托到了班长身上。班长就是外层元素。其他童鞋成绩就可以通过委托方知道委托有什么好处?1.减少内存消耗一个div里面有100个原创 2020-08-26 13:18:51 · 189 阅读 · 0 评论 -
DOM事件机制小记
DOM事件模型事件捕获:从外到内找监听函数事件冒泡:从内到外找监听函数历史上网景:事件捕获IE5:事件冒泡W3C同时支持,先捕获再冒泡相关函数ele.addEventListenr(eventType,(e)=>{},useCapture)最后一个参数为false或者不填,表示在冒泡阶段调用处理函数,true表示在捕获阶段调用处理函数...原创 2020-08-26 11:02:54 · 150 阅读 · 0 评论 -
从用法到设计模式-解析jQuery
从用法到设计模式-解析jQueryjQuery这一个库从2006年诞生,至今仍然在使用,必定是有其精妙之处,且累计80%的网站,至今还是用jQuery来维护,其学习价值不亚于Vue和React目录选择元素改变结果集链式操作元素的操作:取值和赋值,元素的操作:移动选择元素将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。选择表达式可以是:css选择器jQuery('#test')$(document) //选择整个文档对象$('#test原创 2020-08-24 20:26:41 · 204 阅读 · 0 评论 -
二次回顾JS原型
JS三大定理定理1:JS公式对象.__proto__ ===其构造函数.prototype公理二:根公理Object.prototype是所有对象(间接或直接)原型公理三:函数公理所有的函数都是由Function构造的任何函数.__proto__===Function.prototype任意函数有Object/Array/Function易错点1:xxx的原型 {name:'xuansining'}的原型 [1,2,3].原型 Object的原型xxx.原型 === xxx原创 2020-08-13 13:11:32 · 145 阅读 · 0 评论 -
JS 函数的执行时机
JS 函数的执行时机一个经典的面试题let i=0for(i=0;i<5;i++){ setTimeout(()=>{ console.log(i) },0)}它的结果是6个6而不是0,1,2,3,4,5是因为函数的调用时机不同setTimeout函数是表示即刻去执行,但不代表当前就马上执行,这种情况就相当于,你打lol的时候,你妈喊你去吃饭,你当前却要把游戏打完,再去吃饭把问题简化let i=1;function fn(){ setTimeout(()=原创 2020-07-24 18:14:44 · 211 阅读 · 0 评论 -
JS对象的基本用法(结合ES6)
JS对象的基本用法1.声明对象的两种方法let obj ={ 'gender' : 1,'age' : 18 }let obj = new Object({'gender' : 1,'age' : 18})细节键名是字符串,不是标识符,可以含任何字符引号可省略,省略了之后就只能写标识符就算引号省略了,键名也还是字符串如何用变量做属性名let p1='name'let obj={p1:'frank'} //属性名就是'p1'let obj={[p1]:'frank'} //属性原创 2020-07-04 13:02:13 · 244 阅读 · 0 评论 -
JS语法详解
JS语法博客JS版本ES6是最低要求历史版本ES3, IE6支持,总体评价:不推荐使用,太旧ES5,总体评价:不推荐使用,太旧ES 6: 大部分浏览器支持,总体评价:一半垃圾一半好ES2019 与 ES 6 差别不大ES6不好的地方因为ES不能删除以前的特性,要兼容旧网站但有一个好处:稳定怎么面对JS取其精华,去其糟粕一门语言的价值是由其产生的价值决定的JS是世界上使用最广泛的语言JS是门槛极低的语言JS是一门能产生价值的语言JS之父怎么评价JS?它的优秀之处原创 2020-05-10 21:01:50 · 212 阅读 · 0 评论 -
JavaScript检查设备是否支持触屏
网上找了很多,发现好多都是扯淡,下面这代码真正有效var isTouchDevice='ontouchstart' in document.documentElement;console.log(isTouchDevice)chrome开发者工具,当转化为手机时,isTouchDevice为true,当为PC的时候,isTouchDevice为false;...原创 2020-05-03 12:22:34 · 961 阅读 · 2 评论 -
浅谈JS引擎和JS内存(图解)
从chrome的进程说起当你双击chrome快捷方式打开chrome,计算机就多了一个chrome的进程,chrome进程,会分多个子进程,包括:扩展应用程序子进程,GPU子进程new Tab的子进程…在new Tab的子进程中会有多个线程,线程是比进程更轻量级的一个概念,包括:渲染引擎JS引擎用户界面存储我们可以了解到,JavaScript其实是单线程执行的,那我们...原创 2020-05-02 12:00:53 · 478 阅读 · 0 评论 -
HTML常用标签简明教程
HTML常用标签本文主要讲三个重点标签:a标签img标签form标签看之前一定要看!!一定要看!!一定要看!!怎么专业的预览HTML页面?a标签作用跳转到外部页面跳转到内部锚点发邮箱,打电话属性hreftargetdownloadrel=noopenerhref网址<a href="https://google.com">google&...原创 2020-04-25 15:18:13 · 195 阅读 · 0 评论 -
还在使用文件预览HTML页面吗?介绍一种专业的预览方式
前言:许多同学前端学习HTML,做HTML页面的时候,通常是按ctrl+s直接保存,然后双击index.html直接打开,或者使用某一种快捷键打开,反正本质也是文件预览,但是种方式是不规范的,会造成许多问题前端工程师专业预览方式,是在线预览,这样可以从用户的角度去看页面,因为用户的习惯是,输入网址,然后浏览网页,同时文件的路径问题,也会更加清晰下面介绍一个工具http-server,可以...原创 2020-04-25 15:14:28 · 385 阅读 · 0 评论 -
HTML入门(学习方法+概述)
HTML5概述万维网wwwWorld Wide Web其实等于 URL + HTTP +HTML万维网的发明人 Tim Berner-Lee自己写了第一个浏览器自己写了第一个服务器用自己写的浏览器访问了自己写的服务器发明了WWW,同时发明了HTML,HTTP和URL内容共享是互联网的本质我们应该学习那些知识呢?如何制作出网页域名知识HTTP服务器知识HTML知识...原创 2020-04-25 12:55:44 · 326 阅读 · 0 评论 -
hugo 搭建个人博客最详细的教程
如何用 hugo 搭建个人博客?2020/4/241安装Hugo首先打开官方教程 Hugo如果你是mac用户使用以下命令行安装brew install hugohugo versionbrew需要按教程先安装如果你是window用户,个人推荐使用以下步骤点开hugo下载链接 下载 hugo_0.69.1_Windows-64bit.zip如果版本更新了,就下载最新版本...原创 2020-04-24 11:37:38 · 1906 阅读 · 0 评论