- 博客(36)
- 收藏
- 关注
RSS订阅原创 （2020-12-29）谈谈vue.js中inheritAttrs和$attrs的用法
inheritAttrs和$attrs的简介 首先我们可以先参考一下官方文档中对它们两个的介绍：attrs的介绍 包含了父作用域中不作为prop被识别(且获取)的特性绑定(class和style除外)。当一个组件没有声明任何prop时，这里会包含所有父作用域的绑定(class和style除外)，并且可以通过v−bind="attrs" 传入内部组件——在创建更高层次的组件时非常有用。 inheritAttrs的介绍 默认情况下父作用域的不被认作 props 的特性绑定 (attr..
2020-12-29 21:58:15
480
2
原创 （2020-12-04）JS高级部分杂谈
创建对象的方法创建对象的工厂模式：function createObj(){ var obj = new Object(); obj.name = name; obj.age = age; return obj;}优点：可以大批量创建对象；缺点：一种数据类型；var man1 = createObj('小明',20);...
2020-12-25 10:11:32
133
原创 （2020-11-17）javascript DOM对象
知识梳理：Dom概念：是w3c组织推荐可扩展标记语言编程接口。文档：就是单个网页文件。节点：就是网页中所有的内容（标签，内容，注释，属性）元素：标签属性：
2020-11-18 17:05:38
215
2
原创 （2020-11-04）javascript内置对象
知识梳理： 内置对象 javascript的对象分为3种：内置对象、浏览器对象、自定义对象。javascript提供多个内置对象：
2020-11-04 22:44:49
270
1
原创 （2020-11-02）探索javascript对象
知识梳理： 对象 为什么要有对象：function printPerson(name, age, sex....) {}// 函数的参数如果特别多的话，可以使用对象简化function printPerson(person) {console.log(person.name);……}什么是对象：描述：现实生活中：万物皆对象，对象是一个具体的事物，一个具体的事物就会有行为和特征。举例：一部车，一个手机车是一类事物，门口停的那辆车才是对象特征：红色、四个轮子行
2020-11-04 16:10:26
157
原创 （2020-10-30）javascript函数的补充
知识梳理： 函数其他 arguments的使用：javascript中，argunments对象是比较特别的一个对象，实际上是当前函数的一个内置属性。也就是说所有函数都内置了一个arguments对象，arguments对象中存储了传递的所有的实参。arguments是一个伪数组，因此及可以进行遍历。案例：求任意个数的最大值匿名函数： 描述：没有名字的函数。使用方法：将匿名函数赋值给一个变量，这样就可以通过变量进行调用，匿名函数自调用。关于自执行函数（匿名函数自调用）的作.
2020-11-04 14:43:24
140
原创 （2020-10-21）学习css3动画
概念整理 CSS3动画是什么？动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。请用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% 和 100%。0% 是动画的开始，100% 是动画的完成。为了得到最佳的浏览器支持，您应该始终定义 0% 和 100% 选择器。CSS3的动画属性@keyframes 规定动画。 animation 所有动画属性的简写属性。 animation-name..
2020-10-29 23:00:41
248
原创 （2020-10-22）CSS3多列属性和弹性盒子
CSS3 多列 CSS3 可以将文本内容设计成像报纸一样的多列布局。 CSS3 多列属性 column-count 指定元素应该被分割的列数 column-fill 指定如何填充列 column-gap 指定列与列之间的间隙 column-rule 所有column-rule-属性的简写 column-rule-color 指定两列间边框的颜色 column-rule-style 指定两列间边框的样式 column-rule-wi..
2020-10-29 23:00:21
342
原创 （2020-10-20）一起学习H5
<!DOCTYPE html>告诉浏览器 当前文档 按照 H5的文档规范进行解析和展示。h5中新增的表单元素label
2020-10-29 22:59:44
196
原创 （2020-10-29）javascript二维数组和函数
知识梳理： 二维数组 定义二维数组：var arr=[[],[],[]];初始化二维数组：var arr=[ [1,2,3], [3,4,5,5], [6,7,8], ]获取二维数组中所有的数据：for循环嵌套for(var i=0;i<arr.length;i++){ for(var j=0;j<arr[i].length;j++){ console.log(
2020-10-29 22:58:36
348
原创 （2020-10-28）javascript代码调试和数组
知识梳理： 调试 过去调试javascript的方式：alert()和console.log()。断点调试：是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。调试步骤：浏览器中按F12--->sources--->找到需要调试的文件--->在程序的某一行设置断点调试中的相关操作：watch 监视，通过watch可以监视变量的值的变化
2020-10-28 21:10:41
119
原创 （2020-10-27）javascript循环语句和跳出循环
知识梳理： do...while语句 描述：do..while循环和while循环非常像，二者经常可以相互代替，但是do..while的特点是不管条件成立不成立，都会执行一次。语法：do {// 循环体;} while (循环条件);案例：求100以内所有3的倍数的和var i=0; var sum=0; do{ if(i%3==0){ sum+=i; }.
2020-10-27 21:45:14
311
原创 （2020-10-26）初探javascript结构语句
知识梳理： 条件语句 条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句。这些语句是代码的“决策点”，有时称为“分支”。如果说javascript解释器是按照代码的“路径”执行的，条件语句就是这条路径上的分叉点，程序执行到这里时必须选择其中一条路径继续执行。 if语句 描述：根据表达式的值，有条件地执行一组语句。if(条件语句){ 执行语句1}else if{ 执行语句2}else{ 执行语句3}条件语句 可以强制转换成布尔表达式的表
2020-10-26 23:36:08
116
原创 （2020-10-26）面试题整理
一、数据类型转换（1）将字符串类型转换为数字类型；var a="123";alert(Number(a));（2）将数字类型转换成为字符串类型；var a=123;console.log(a.toString());二、简答题（3）解释null类型是什么？以及undefined是什么？答：null是空字符的意思，但是它并不代表没有，而是独立占一个空字符的意思，会占内存。undefined是未定义的含义，代表变量未定义实际的值，系统找不到变量值。（4）javascr
2020-10-26 10:51:32
96
原创 （2020-10-23）初探javascript
知识梳理： Web网站: 三大技术 (1)HTML(骨骼): 设计网站基本结构; 超文本标记语言(2)CSS(肉体): 对于结构一种美化/装饰; 层叠样式表(3)JavaScript(JS)(灵魂): 提供了用户和界面之间的一种交互行为; 行为。 JavaScript介绍: JS是运行在客户端(浏览器)的脚本语言,是基于事件驱动的弱类型的脚本语言;浏览器的内核: 渲染引擎和JS引擎。脚本语言: 是一种解释型的语言 解释性语言是指它常用的执行机制是...
2020-10-23 21:19:38
122
原创 （2020-10-10）CSS补充
设置边框 设置一边的边框，比如顶部边框，可以按如下设置：border-top-color:red;/* 设置顶部边框颜色为红色 */border-top-width:10px; /* 设置顶部边框粗细为 10px */border-top-style:solid; /* 设置顶部边框的线性为实线，常用的有：solid(实线)dashed(虚线) dotted(点线); */上面三句可以简写成一句：border-top:10px solid red;设置其他三个边的方法和上面..
2020-10-20 16:39:28
83
原创 （2020-10-09）CSS盒子模型
CSS2(层叠样式表)1, CSS的添加方式(三种)(1)行内样式: 是指 将样式 通过style属性 添加到 标签内;(2)内嵌样式: 是指 将样式通过style标签 添加 到 head中;(3)外联/外部样式: 是指 将样式 封装在css文件中,然后在页面的head中引入 (link)2, CSS选择器 (内嵌和外部)(1)id选择器: 给元素设置id属性 以及 属性值;(2)class选择器: 给元素设置class属性以及属性值;(3)标签选择器: 会选中界面中 所有逇
2020-10-09 10:10:26
78
原创 （2020-09-29）HTML框架
Frameset框架 frameset标签替代了页面中的body标签，使用了frameset框架就替代了body 这个时候 就不能直接 编写标签或者文本。使用方式：给每一个横向或者纵向的框架添加src属性 从而设置该模块框架要展示的页面。HTML 网页的架构（结构） 骨架 CSS 对结构的美化 肉体 JS 提供用户和界面交互行为 灵魂 所谓框架便是网页画面分成几个框架，同时取得多个URL。只要即可，而所有框架标记要放在一个总起的html档，...
2020-09-30 16:02:50
320
原创 （2020-09-28）HTML
HTML简介 介绍 超文本标记语言，只有浏览器可以解析的语言（内核 渲染引擎）。超文本：除了文本以外还包含有视频，音频 链接 图片，列表，表格...标记语言：是指由标签组成的语言<></>。两种标签类型：单标签和双标签。<标签名称></标签名称>；<标签名称/> 网页的基本结构 文档声明(H5声明)<html> <head></head> <body>...
2020-09-28 21:56:51
144
原创 （2020-09-25）一起学习HTML
归纳：表单标签：form 表单区域属性： 常用输入标签：input 属性： type text 文本框 password 密码框 radio 单选按钮，配合input的另外一个属性name一起来用，一组单选按钮的name值必须一致 checkbox 复选按钮 file 选择文件 默认只能选择一个文件，配合mutiple属性可以选择多个文件 button 按钮，按钮显示名可以通过value属性 设置 submit 提交按钮，提交到actio...
2020-09-25 19:10:49
81
原创 （2020-09-25）一起学习css3
归纳： CSS 的概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一。 CSS 解决了什么问题? HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签，HTML 的初衷是
2020-09-25 18:51:17
391
原创 （2020-09-18）jquery_4（AJAX）
jquery-AJAX简介 ajax是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。load（） 从服务器加载数据，并把返回的数据放置到指定的元素中 语法：$(selector).load(url,data,function(response,status,xhr))url 必需。规定您需要加载的url data 可选。规定连同请求发送到服务器的数据。 function（response，status，xhr） ..
2020-09-18 15:05:32
104
原创 （2020-09-17）jquery_3
jquery-添加元素 append（）-在被选中元素中插入内容【由下往上】。preend（）-在选中元素中插入内容【由上往下】。after（）-在被选元素之后插入内容。before（）-在被选元素之前插入内容。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #div1{ ..
2020-09-17 14:55:39
91
原创 （2020-09-16）jquery_2
jquery效果-隐藏和显示 javascript控制隐藏和显示（通过控制css样式的display属性） <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> window.onload=function(){ document.getElementById("but1").oncl
2020-09-16 16:46:58
68
原创 （2020-09-15）jquery_1
1.jquery是一个javascript库。【.js】2.jquery极大的简化了javascript编程。3.jquery很容易学习。jquery简介jquery库可以通过一行简单的标记被添加到网页中。例如：<script src=”js/jquery.js”></script>您需要具备的基础知识在您开始学习jquery之前，您应该对以下知识有基本的了解：HTMLCSSjavascript什么是jquery？jquery是
2020-09-15 16:51:44
96
原创 （2020-09-12）get和post获取方式的区别
1.get和post获取方式的区别1.1get获取是不安全的，因为是在传输过程中，数据被放在请求url中。 post将请求数据放在请求的http协议中。1.2get请求数据可见，post请求数据用户不可见。1.3get传输的数据量较小，post传输数据的量基本不受限； 所以get不能上传文件，post能上传文件。1.4get限制表单的数据集的值为ASCll码，而post支持整个ISO106646字符集。1.5get执行效率高，post执行效率相对get低一些。...
2020-09-15 09:28:29
104
原创 （2020-09-11）AJAX后台数据异步交互和跨域操作
跨域后台java平台处理代码示例： <!--配置跨域请求处理的过滤器 --><filter> <filter-name>AllowOriginFilter</filter-name> <filter-class>com.wangxing.filter.AllowOriginFilter</filter-class> </filter> <filte...
2020-09-11 20:35:22
111
原创 （2020-09-10）javascript_9
1.javascript 异步编程 【javascript AJAX】简单来理解就是：同步按你的代码顺序执行，异步不按照代码顺序执行，异步的执行效果更高。什么时候用异步编程在前端编程中（甚至后端有时也是这样），当一个事件没有结束时，界面将无法处理其他请求。现在有一个按钮，如果我们设置它的onclick事件为一个死循环，那么当这个按钮按下，整个网页将失去响应。为了避免这种情况的发生，我们常常用子线程来完成一些可能消耗时间足够长以至于被用户察觉的事情，比如读取一个大文件或者发出一
2020-09-10 19:37:49
180
原创 （2020-09-09）javascript_8
1.javascript browser bombom-----浏览器对象模型1.1javascript window 对象所有浏览器都支持wundow对象。它代表浏览器的窗口。所有全局javascript对象，函数和变量自动成为window对象的成员。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <..
2020-09-09 20:14:23
146
原创 （2020-09-08）javascript_7
1.javascripit HTML DOMHTML------html标记javascript------javascript对象/变量我们现在需要通过javascript来改变html标记所呈现的样子/样式/位置等等。那么这时我们就需要将html标记转换成javascript对象将html标记转换成javascript对象---HTML DOM对象DOM（文档对象模型）当网页被加载时，浏览器会创建页面的文档对象模型（Document Obiect Model）。通过.
2020-09-08 19:53:27
88
原创 （2020-09-05）javascript_6
1.javascript条件判断语句在javascript中，我们可使用如下条件语句：1.if（判断条件）{被执行的javascript代码块}2.if（判断条件）{被执行的javascript代码块1}else{被执行的javascript代码块2}3.if(判断条件1){被执行的javascript代码块1}else if(判断条件2){被执行的javascript代码块2}.....Else if(判断条件n){被执行的javascript代码块n}else{全
2020-09-05 16:06:45
144
原创 （2020-09-04）javascript_5
1.javascript 数组数组就是能够一次保存多个数据值的变量。var a=100; var b=”hello”;var c=[100,”hello”]; //数组2.数组的创建格式1：var arr=[数据值1,数据值2,...数据值n];格式2：var arr=new Array() ;var arr=new Array(数据值1,数据值2,...数据值n) ;以上两个例子效果完全一样。无需使用new Array（）。出于简洁、可读性和执行速
2020-09-04 20:10:38
134
原创 （2020-09-03）javascript_4
1.javascript数字javascript只有一种数值类型。【没有整数和小数之分】实例：var x = 3.14; // 带小数点的数值var y = 3; // 不带小数点的数值超大或超小的数可通过科学计数法去写：实例：var x = 123e5; // 12300000var y = 123e-5; // 0.00123javascript数值始终以双精度浮点数来存储。整数（不使用指数或科学计数法）会被精确到15位。小数的
2020-09-03 16:54:35
138
原创 （2020-09-02）javascript_3
1.javascript事件HTML事件是发生在HTML元素上的“事情”。当在HTML页面中使用javascript时，javascript能够“应对”这些事件。通过javascript代码，向HTML元素添加事件处理程序。格式1：<html元素 事件名称="JavaScript代码对应事件的处理程序"><input type=”button” value=”按钮” onclick=”alert(‘按钮的点击事件被触发’);”>格式2：<h
2020-09-02 19:41:05
160
原创 （2020-09-01）JavaScript_2
1.javascript 运算符javascript 使用（=）赋值运算符。javascript使用算数运算符（+ - * / % ++ --）来计算值。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>变量-运算符-表达式</title> <script> function suanshu(){ //声明变..
2020-09-01 20:04:19
129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人