- 博客(23)
- 收藏
- 关注
RSS订阅原创 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
203
原创 vue卡槽
什么是卡槽：在组件标签里边添加html结构如： ==父组件中== <category> <ul>我是卡槽</ul> </category> ==子组件中==相对应的html结构，组件中的标签会自动插入到 <div class="category"> <slot>我是卡槽</slot> </div> <!--插入后的演变的html结构-->
2022-06-08 16:48:58
256
原创 form表单数据回填
前言： 我相信很多人在做项目的时候都会碰到数据回填，每当有一个修改页面那么 就逃不掉，可以说修改跟回填是已经牢牢挂钩了，那么这时候有很多小伙伴 就会很头疼了，当我们的页面的form表单需要回填的数据特别特别多的时候， 这时候如果还一个一个文本框的为他们去设置它们的value值时，就会浪费掉 我们大量的时间和精力，这种做法无疑是十分愚蠢的，那有没有一种方法，可 已让我们轻松一些呢？ 答案是：有的。。。那么开始正题。 数据回填说白了就是先向控制器发出请求，然后请求回来数据后，按照字段...
2022-05-29 21:22:14
1210
原创 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
302
原创 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
238
原创 使用正则匹配标签
在我写上一个试题管理项目时，有一个需求是需要匹配HTML文档节点的，因为有些试题是有图片的，所以需要把图片给匹配出来，他储存在数据库的形式如下： “<img src=”../xxx/xx/x/x.png”>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx ~~A.xxx ~~B.xxx ~~C.xxx ~~D.xxx”。我需要把其中的img给匹配出来。 我的第一版答案：/<.+>/结果如下： 确实这样可以把里面的图片匹配出来，但是这个有缺陷。我解释下里面用到的知识
2022-04-18 19:34:33
1800
原创 Vue框架知识点
<!-- 1、el有两种写法 (1)new Vue时候怕配置el属性 (2)先创建Vue实例，随后头通过v.$mount('#root')指定el的值 2、data有两种写法 (1)对象式 (2)函数式 注意点：vue用到组件一定要用函数式，否则会报错 函数式不能...
2022-04-10 20:13:05
1131
原创 Sql数据查询
一.Sql server数据库表的查询。 Sql server 语法是由一个个的关键字组成，所以对关键字的理解尤为重要； 在查询前，要先新建查询，如图所示： 然后在查询的下方，选择你想要查询的数据库后就可以用sql server语法来查询数据了 1.单表查询 例如我要查询这一张表的所有字段数据，那么可以: Select*fromSC这样就可以查询出这张表的所有数据了。 当然，如果想要查询其中的某一个字段，例如：Sid，那么可以： Select...
2022-03-28 18:55:41
4670
原创 Svg画图
一.Svg是什么？ SVG 指可伸缩矢量图形 SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 + SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体 在使用svg画图时，要先在文档中写入<svg>节点<svg></svg>在其中扮演的角色就相当于一块画板，可以在其中绘制各种图案 二．矩形 <rect> 实例：如下图 ..
2022-03-17 19:25:45
4334
原创 创建构造函数
创建一个构造函数，专门用来创建Cat对象 构造函数就是一个普通的函数，创建方式和普通函数没有区别， 不同的是构造函数习惯上首字母大写 - 构造函数和普通函数的区别就是调用方式的不同 普通函数是直接调用，而构造函数需要使用new关键字来调用 - 构造函数的执行流程 1.立刻创建一个新的对象 2.将新建的对象设置给函数中的this,在构造函数中可使用this来引用新建的对象 3.逐行执行函数中的代码 4.将新建的对象作为返回值返回 - ...
2022-03-08 14:57:12
656
原创 js的this
41.0JavaScriptthis 解析器在调用函数每次都会向函数内部传递一个隐含的参数 这个隐含的参数就是this,this指向的是一个对象， 这个对象我们称为函数执行的上下文对象， 根据函数调用方式不同，this会指向不同的对象 总结this： 1.以函数的形式调用时，this永远都是window 2.以方法的形式调用是，this就是调用方法的那个对象 functionfun(a,b){形...
2021-08-08 19:48:34
85
原创 js作用域
40.0JavaScript作用域 作用域： -作用域指一个变量的作用范围 -JS中一共两种作用域 1.全局作用域 2.函数作用域(局部作用域) 1.全局作用域 -直接写在script标签的JS代码，都在全局作用域 -全局作用域在页面打开的时候创建，在页面关闭时销毁 -在全局作用域中有一个对象window,它代表一个浏览器的窗口， 它由浏览器创建，我们可以直接使用 -在全局作用域中： ...
2021-07-28 19:12:26
98
原创 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
88
原创 js函数参数
定义一个用来求两个数和的函数 可以在函数的()中来指定一个或多个形参(形式参数) 多个形参之间使用","隔开，声明形参就相当于在函数内部声明了对应的变量 但是并不赋值 functionsum(a,b){ varadd=a+b;false+"123"=>false123 console.log(add); } sum(123,456,45,56,56,67); sum(false,"1...
2021-07-07 14:54:35
137
原创 JavaScript元素的属性与方法一些理解
/*Element属性和方法 下面的属性和方法可用于所有 HTML 元素上： 属性 / 方法 描述 element.accessKey 设置或返回元素的快捷键。 element.appendChild() 向元素添加新的子节点，作为最后一个子节点。 element.attributes 返回元素属性的 NamedNodeMap。 element.childNodes 返回元素子节点的 NodeList。 element.className 设置或返回元素的 class 属性...
2021-06-28 10:04:47
115
原创 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
385
原创 函数的写法
JavaScript函数 函数function - 函数也是一个对象 - 函数中可以封装一些功能(代码),在需要的使用可以执行这些功能(代码) - 函数中可以保存一些代码在需要的时候调用 - 使用typeof检查一个函数对象时，会返回function 1.使用构造函数创建一个函数对象 2.使用函数声明创建一个函数 3.使用函数表达式创建一个函数/匿名函数 {代码块 console.log("苹果"); ...
2021-06-17 22:06:18
229
原创 各种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
393
原创 运算符转换
4.0 JavaScript运算符 运算符也叫做操作符 通过运算符可以对一个或则多个值进行运算，并获取运算结果。 - 算数运算符 + 加 可以对两个值进行加法运算，如果是两个字符串则进行字符串拼接 任何值和字符串做加法运算，都会先转为字符串，然后再和字符串做拼接操作 也可以通过"+"完成隐式转换。 - 减 可以对两个值进行减法运算，并返回运算结果 * 乘 可以对两个值进行乘法运算，并返回运算结果 / 除 可以对两个值进行除法运算，并返回运算结果 % 取模 取模运算(取余数) .
2021-05-27 19:47:54
209
原创 2021-05-18
一些对js的理解 3.2 将其他类型转换为Number 使用Number()函数 - 字符串-->数字 1.如果是纯数字的字符串，则可以直接转换为数字 2.如果字符串中有非数字的内容，则转换为NaN 3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0 - 布尔值-->数字 true准换为1 false转换为0 - null-->数字 0 - undefined-->数字 NaN var num="123"...
2021-05-18 15:28:07
66
原创 2021-05-08
一些js理解 1.0JavaScript 字面量与变量 字面量:一些不可以改变的值 例如：1 3 5 6 字面量都是可以直接使用。但是我们一般都不会直接使用字面量 变量:变量可以用来保存字面量，而且变量的值是可以任意改变的。 变量更加方便我们使用，所以在发开中都是通过变量去保存字面量 变量的声明：通过 var 关键字声明 var num=12; 1.1 JavaScript 标识符 - 在 JS 中所有的可以由我们自主命名的都可以称为是标识符 - 例如：变量名 函数名 属性名都属于标识符 -
2021-05-08 09:56:02
74
原创 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
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人