- 博客(23)
- 收藏
- 关注
原创 vue路由
//创建路由器import VueRouter from "vue-router";//配置路由组件import About from "../pages/About";import Home from "../pages/Hone"//创建router实例对象,去管理一组一组的路由规则,并导出创建好的路由export default new VueRouter({ routes: [&...
2022-06-19 20:28:40 188 1
原创 vue卡槽
什么是卡槽:在组件标签里边添加html结构如: ==父组件中==<category> <ul>我是卡槽</ul> </category>==子组件中==相对应的html结构,组件中的标签会自动插入到<div class="category"> <slot>我是卡槽</slot></div><!--插入后的演变的html结构-->
2022-06-08 16:48:58 225
原创 form表单数据回填
前言: 我相信很多人在做项目的时候都会碰到数据回填,每当有一个修改页面那么就逃不掉,可以说修改跟回填是已经牢牢挂钩了,那么这时候有很多小伙伴就会很头疼了,当我们的页面的form表单需要回填的数据特别特别多的时候,这时候如果还一个一个文本框的为他们去设置它们的value值时,就会浪费掉我们大量的时间和精力,这种做法无疑是十分愚蠢的,那有没有一种方法,可已让我们轻松一些呢?答案是:有的。。。那么开始正题。数据回填说白了就是先向控制器发出请求,然后请求回来数据后,按照字段...
2022-05-29 21:22:14 1139
原创 vue时间处理及修饰
1.事件处理<!--事件的基本使用: 1、使用v-on:XXX或@XXX 事件绑定,XXX为事件名 2、事件的回调需要配置对象在methods对象中,最终会在vm上 3、methods中的配置的函数,不要用箭头函数!否则this就是vm了 4、method中的配置函数,都是被Vue所管理的函数,this的指向vm或组件实例对象 5、@click="demo"和@click="demo...
2022-05-18 16:55:35 275
原创 vue知识点
1、el有两种写法 (1)new Vue时候怕配置el属性 (2)先创建Vue实例,随后头通过v.$mount('#root')指定el的值 2、data有两种写法 (1)对象式 (2)函数式 注意点:vue用到组件一定要用函数式,否则会报错函数式不能用箭头函数,箭头函数的this是静态的没有作用域就会指向window中,就没有vue实例了 -->方式一: 方式二:这里的data(){}是简写 繁写data:functon(){}<d...
2022-04-28 20:43:49 225
原创 使用正则匹配标签
在我写上一个试题管理项目时,有一个需求是需要匹配HTML文档节点的,因为有些试题是有图片的,所以需要把图片给匹配出来,他储存在数据库的形式如下:“<img src=”../xxx/xx/x/x.png”>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx ~~A.xxx ~~B.xxx ~~C.xxx ~~D.xxx”。我需要把其中的img给匹配出来。我的第一版答案:/<.+>/结果如下:确实这样可以把里面的图片匹配出来,但是这个有缺陷。我解释下里面用到的知识
2022-04-18 19:34:33 1760
原创 Vue框架知识点
<!-- 1、el有两种写法 (1)new Vue时候怕配置el属性 (2)先创建Vue实例,随后头通过v.$mount('#root')指定el的值 2、data有两种写法 (1)对象式 (2)函数式 注意点:vue用到组件一定要用函数式,否则会报错 函数式不能...
2022-04-10 20:13:05 1105
原创 Sql数据查询
一.Sql server数据库表的查询。 Sql server 语法是由一个个的关键字组成,所以对关键字的理解尤为重要;在查询前,要先新建查询,如图所示:然后在查询的下方,选择你想要查询的数据库后就可以用sql server语法来查询数据了1.单表查询例如我要查询这一张表的所有字段数据,那么可以:Select*fromSC这样就可以查询出这张表的所有数据了。当然,如果想要查询其中的某一个字段,例如:Sid,那么可以:Select...
2022-03-28 18:55:41 4589
原创 Svg画图
一.Svg是什么?SVG 指可伸缩矢量图形 SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 + SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体 在使用svg画图时,要先在文档中写入<svg>节点<svg></svg>在其中扮演的角色就相当于一块画板,可以在其中绘制各种图案二.矩形 <rect> 实例:如下图..
2022-03-17 19:25:45 4287
原创 创建构造函数
创建一个构造函数,专门用来创建Cat对象 构造函数就是一个普通的函数,创建方式和普通函数没有区别, 不同的是构造函数习惯上首字母大写- 构造函数和普通函数的区别就是调用方式的不同 普通函数是直接调用,而构造函数需要使用new关键字来调用- 构造函数的执行流程 1.立刻创建一个新的对象 2.将新建的对象设置给函数中的this,在构造函数中可使用this来引用新建的对象 3.逐行执行函数中的代码 4.将新建的对象作为返回值返回- ...
2022-03-08 14:57:12 626
原创 js的this
41.0JavaScriptthis解析器在调用函数每次都会向函数内部传递一个隐含的参数这个隐含的参数就是this,this指向的是一个对象,这个对象我们称为函数执行的上下文对象,根据函数调用方式不同,this会指向不同的对象总结this:1.以函数的形式调用时,this永远都是window2.以方法的形式调用是,this就是调用方法的那个对象functionfun(a,b){形...
2021-08-08 19:48:34 72
原创 js作用域
40.0JavaScript作用域作用域:-作用域指一个变量的作用范围-JS中一共两种作用域1.全局作用域2.函数作用域(局部作用域)1.全局作用域-直接写在script标签的JS代码,都在全局作用域-全局作用域在页面打开的时候创建,在页面关闭时销毁-在全局作用域中有一个对象window,它代表一个浏览器的窗口,它由浏览器创建,我们可以直接使用-在全局作用域中:...
2021-07-28 19:12:26 80
原创 js方法。
创建一个对象varobj=newObject();obj.name="zhangsan";obj.age=23;obj.sayWorld=function(){console.log("helloevery!mynameis"+obj.name);};console.log(obj.sayWorld);obj.sayWorld();函数也可以作为对象的属性,如...
2021-07-17 14:49:32 73
原创 js函数参数
定义一个用来求两个数和的函数可以在函数的()中来指定一个或多个形参(形式参数)多个形参之间使用","隔开,声明形参就相当于在函数内部声明了对应的变量但是并不赋值functionsum(a,b){varadd=a+b;false+"123"=>false123console.log(add);}sum(123,456,45,56,56,67);sum(false,"1...
2021-07-07 14:54:35 114
原创 JavaScript元素的属性与方法一些理解
/*Element属性和方法下面的属性和方法可用于所有 HTML 元素上:属性 / 方法 描述element.accessKey 设置或返回元素的快捷键。element.appendChild() 向元素添加新的子节点,作为最后一个子节点。element.attributes 返回元素属性的 NamedNodeMap。element.childNodes 返回元素子节点的 NodeList。element.className 设置或返回元素的 class 属性...
2021-06-28 10:04:47 100
原创 js对象字面量
1.创建一个对象 var obj=new Object(); 2.使用对象字面量来创建一个对象 var obj={}; var obj={}; console.log(typeof obj);使用对象字面量,可以在创建对象时,直接指定对象中的属性 语法:{属性名1:属性值1,属性名2:属性值2,...} 对象字面量的属性名可以加引号,也可以不加,建议不加 如果要使用一些特殊的属性名,则必须加上引号 ...
2021-06-27 21:18:38 369
原创 函数的写法
JavaScript函数 函数function - 函数也是一个对象 - 函数中可以封装一些功能(代码),在需要的使用可以执行这些功能(代码) - 函数中可以保存一些代码在需要的时候调用 - 使用typeof检查一个函数对象时,会返回function 1.使用构造函数创建一个函数对象 2.使用函数声明创建一个函数 3.使用函数表达式创建一个函数/匿名函数 {代码块 console.log("苹果");...
2021-06-17 22:06:18 203
原创 各种js运算符
6.0 JavaScript赋值运算= 赋值符 可以将符号右侧的值赋值给左侧的变量+= num+=2 =>等价于 num=num+2;-= num-=2 =>等价于 num=num-2;*= num*=2 =>等价于 num=num*2;/= num/=2 =>等价于 num=num/2;%= num%=2 =>等价于 num=num%2;var num=20...
2021-06-08 15:42:13 366
原创 运算符转换
4.0 JavaScript运算符运算符也叫做操作符通过运算符可以对一个或则多个值进行运算,并获取运算结果。- 算数运算符+ 加可以对两个值进行加法运算,如果是两个字符串则进行字符串拼接任何值和字符串做加法运算,都会先转为字符串,然后再和字符串做拼接操作也可以通过"+"完成隐式转换。- 减可以对两个值进行减法运算,并返回运算结果* 乘可以对两个值进行乘法运算,并返回运算结果/ 除可以对两个值进行除法运算,并返回运算结果% 取模取模运算(取余数).
2021-05-27 19:47:54 150
原创 2021-05-18
一些对js的理解3.2 将其他类型转换为Number使用Number()函数- 字符串-->数字 1.如果是纯数字的字符串,则可以直接转换为数字 2.如果字符串中有非数字的内容,则转换为NaN 3.如果字符串是一个空串或者是一个全是空格的字符串,则转换为0- 布尔值-->数字 true准换为1 false转换为0- null-->数字 0- undefined-->数字 NaNvar num="123"...
2021-05-18 15:28:07 54
原创 2021-05-08
一些js理解1.0JavaScript 字面量与变量 字面量:一些不可以改变的值例如:1 3 5 6 字面量都是可以直接使用。但是我们一般都不会直接使用字面量变量:变量可以用来保存字面量,而且变量的值是可以任意改变的。变量更加方便我们使用,所以在发开中都是通过变量去保存字面量 变量的声明:通过 var 关键字声明 var num=12;1.1 JavaScript 标识符- 在 JS 中所有的可以由我们自主命名的都可以称为是标识符 -例如:变量名 函数名 属性名都属于标识符-
2021-05-08 09:56:02 66
原创 2021-04-29
对js过渡动画的一些理解// JavaScript Document//声明一些全局变量方便下面使用var wacthbox;//图片显示窗口var wacth_lbox;//储存图片的标签var wacthbox_tp;//所有图片var wacthbox_tp_width;//一张图片的宽度var direction;//方向var setIntervalRun;//定时器名称var wacth_tps=0;//索引//定义声明的变量function character(){
2021-04-29 16:31:48 68
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人