前端
前端基础
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继承机制
prototype 1. 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 · 217 阅读 · 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.css html, 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 评论