![](https://img-blog.csdnimg.cn/351cfa78a88e42ed9d991e0722df8bc7.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
前端基础
ChenJieYaYa
这个作者很懒,什么都没留下…
展开
-
自定义Vue
data的取值原理html<div id="app"> <p>{{name}}</p></div><script type="text/javascript" src="1.data的取值.js" ></script><script> var app = new QVue({ el:"#app", data:{ name:"name", age:12 } })</scr原创 2021-12-27 17:05:49 · 252 阅读 · 0 评论 -
VUE基础知识
vue一套用于构建用户界面的渐进式框架(用什么加什么)解耦视图与数据 view view-model model可复用的组件前端路由状态管理虚拟DOM原创 2021-12-22 16:12:05 · 380 阅读 · 0 评论 -
Ajax+Axios基础知识
同步一步接着一步,等前面完成后才可以执行这个食堂排队打饭consolo.log("a");consolo.log("b");consolo.log("c");异步食堂排队打饭,我忘记带饭卡,先让后面同学先,我的饭卡到了我再排队打饭consolo.log("a");consolo.log("b");consolo.log("c");//异步操作setTimeout(()=>{consolo.log("我的饭卡拿到了!")},2000);consolo.log("d原创 2021-12-31 16:35:52 · 682 阅读 · 0 评论 -
ES6基础知识
类型1.const作用:声明常量注意事项 1.一定要赋初值 2.常量一般使用大写 3.常量的值不能修改 4.块级作用域 { const PLAYER='UZI'; } console.log(PLAYER);//PLAYER is not defined 5.对于数组和对象的元素修改,不算做对常量的修改,不会报错(原因与Java中同) const TEAM=['UZI','MLXG','Letme','Ming']; TEAM.push('xiaohu'原创 2021-12-24 09:29:42 · 211 阅读 · 0 评论 -
高阶函数基础知识
/* * 编程范式:命令式编程/声明式编程 面向对象编程(第一公民:对象)/函数式编程(第一公民:函数) * filter map reduce */const nums = [10,20,111,222,444,40,50];//===================================================传统写法//1.取出所有小于100的数字let newNums1 = [];for(let n of nums){ if(n<10原创 2021-12-23 14:50:37 · 396 阅读 · 0 评论 -
正则表达式
概述正则表达式是一种描述文本规则的代码作用模式验证(文本匹配)文本搜索文本替换从文本中提取字符串声明var reg = /...pattern.../[flags]var reg = new RegExp("pattern","[flags]") pattern:必选项---可以是要查找的内容 flag:可选项 g:全文查找 i:忽略大小写 m:多行查找匹配RegExp test(): exec():String match(): search():原创 2021-12-11 19:00:45 · 165 阅读 · 0 评论 -
前端优化方案
雪碧图将小图放在一张大图网络流量耗费最多的就在请求和响应时CDN将一些公共的框架转到cdn,而不需要在本机下载原创 2021-12-21 15:30:54 · 49 阅读 · 0 评论 -
JS继承机制
prototype1. prototype属性本身又是一个object类型的 对象,因此可以给这个prototype对象添加任意的属性和方法2. prototype是对象的“原型”(父类),那么由该函数构造出来的对象应该都会具有这个“原型”的特性---会有父类的特征3. prototype提供了一群同类对象共享属性和方法的机制---继承1.设置父类-----类似构造函数 function Person(name){ this.name=name; }2.Person的prot原创 2021-11-25 20:45:54 · 284 阅读 · 0 评论 -
JS实现网页效果
树形菜单onclick事件改变display属性来控制子树的显示function clickShow(id){ //console.log("事件添加成功"); if(document.getElementById(id).style.display=='block'){ document.getElementById(id).style.display="none"; }else{ document.getElementById(id).style.display="block";原创 2021-12-17 16:36:55 · 1398 阅读 · 0 评论 -
JS中兼容浏览器的问题
事件兼容event = event||window.event取出文本方式兼容function txt(obj){ if(navigator.appName=='Netscape'){//返回所使用的浏览器名称 但Gecko(Firefox)和WebKit(Chrome 和 Safari)返回的浏览器名称都是“Netscape” return obj.textContent; }else{ return obj.innerText; }}取屏幕宽高兼容function原创 2021-12-17 15:58:15 · 215 阅读 · 0 评论 -
JS基础知识
JavaScript概述跨平台的,基于对象的,弱类型的,事件驱动(Event Driven)的脚本语言 弱类型语言:开始时明确是数据不明确数据类型--不是不声明数据类型js官方js浏览器兼容方法(项目中遇到总结)js实现的网页效果作用与HTML超文本标记语言,Java脚本语言一起实现在一个Web页面中链接多个对象-------交互JavaScript和Java的区别js:解释型 函数最大 脚本语言 弱类型 源代码传递给客户端前无需编译,将文本格式的字符代码发送给客户编由浏览器解原创 2022-01-12 12:35:59 · 108 阅读 · 0 评论 -
html+css自适应窗口+禅意花园
效果clearall.csshtml,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,.原创 2021-11-14 19:41:14 · 883 阅读 · 0 评论 -
CSS基础知识
选择器标签类.intro 选择所有class="intro"的元素id#firstname 选择所有id="firstname"的元素伪类父子p:first-of-type 选择每个p元素是其父级的第一个p元素p:last-of-type 选择每个p元素是其父级的最后一个p元素p:only-of-type 选择每个p元素是其父级的唯一p元素p:only-child 选择每个p元素是其父级的唯一子元素p:nth-child(2) 选择每个p元素是其父级的第二个子元素原创 2021-11-10 21:23:23 · 218 阅读 · 0 评论 -
HTML基础知识
基本介绍html是超文本标记语言html是不严格的语言基本框架<!DOCTYPE html><!--文本类型,一般有默认--><html><!--容器--> <head><!--头部--> <mate charset="utf-8"><!--规定编码格式,防止乱码 --> <meta name="keywords" content="gg,hh" /> <!--搜索时的关原创 2021-11-07 19:44:40 · 205 阅读 · 0 评论