- 博客(34)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 js事件笔记
js事件1、事件三要素：事件源：要触发的对象 （一般是名词，事件发起者，比如开关按钮）事件：怎么触发这个事情 （一般是动词，触发事件，比如点击开关）事件处理程序:发生了什么事情 （处理结果，比如灯亮了）事件源.事件 = function() { 事件处理函数}添加，移除js事件<button id='btn'>点击</button>let btn= document.getElementById('btn')function fn(){
2022-03-15 22:09:37
100
原创 ajax笔记
ajax笔记Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作手写ajax请求myAjax(url) { const promise = new Promise((resolve, reject) => { // （1）创建异步对象 const xml = new X
2022-03-15 22:07:23
319
原创 vue watch监听
vue watch监听// ▆ 应用场景：// ▆1.监听路由，如同一个路由，query传参不同，页面显示不同watch: { $route: { handler(val) { //如果title=='添加单位代表',清空form表单 if (val.query.title == '添加单位代表') { //初始化表单 this.ruleForm = this.$options.data().ruleForm
2021-12-21 21:53:31
167
原创 js经验总结
window.navigator 对象包含有关访问者浏览器的信息。window.navigator 对象在编写时可不使用 window 这个前缀。<script>txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>";txt+= "<p>浏览器名称: " + navigator.appName + "</p>";txt+= "<p>浏览器版本: " + navigator.a
2021-12-14 15:53:15
1155
原创 sass经验总结
▲sass安装， 先安装Ruby，然后再安装SASS。▲1.SASS允许使用变量，所有变量以$开头。变量是sass提供的最基本的工具$bgColor：pink;header{ color:$bgColor;}footer{ color:$bgColor;}▲ // 变量名用中划线'-'还是下划线'_'分隔,这两种用法相互兼容,用中划线声明的变量可以使用下划线的方式引用，反之亦然$link-color: blue;a { color: $link_color;}//
2021-12-14 15:43:54
603
原创 form表单验证
form表单校验//▇当有很多表单校验时，最好在mixins里新建一个js文件专门放置校验规则与方法校验规则：// ▇ 是否必须 required: true// ▇ 校验type类型 type：'email'// string// number// boolean// email// url// date// integer(必须是数字和整数类型)// hex(十六进制)// method// regexp// float:(必须是数字类型和浮点数)// array:必
2021-12-11 23:04:19
1519
原创 form表单
form表单的学习// ▇ 日期选择器 注意日期格式<el-date-picker v-model="ruleForm.birth" type="date" placeholder="选择生日" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd"> //日期格式 2010-10-10</el-date-picker>// ▇ 图片上传选择器 注意上传之前做判断，请求的地址是否正确，最后 拼接 拿到图片地
2021-12-11 22:59:49
309
原创 vue经验总结
指令// ▆ v-on: 主要用于事件绑定 简写方式： @// ▆ v-bind 主要用于属性绑定 简写方式 :组件之间传值父组件向子组件传值// ▆ 父页面 <Child2 :name="name" :arr="arr"></Child2> //现在是向子组件 Child2传递name,arr两个数据// ▆ 子页面 props接受 ，可以使[]，也可以是{}props: { name: { type: String, }, a
2021-11-28 22:11:29
487
原创 vue路由总结
vue router路由Vue-router是路由工具，可以实现在不同的页面之间跳转，axios是ajax请求工具，可以向服务器发送ajax请求。打印的当前路由{ fullPath: "/doc/index" //路由地址 hash: "" //hash matched: (2) [{…}, {…}] meta:{ //路由元信息 icon: "el-icon-coin" title: "文档" } n
2021-11-28 14:32:03
185
原创 css3动画
transition与animation区别//animation name 设置动画的名称，用 duration 设置动画完成的周期，用 timing-function 设置动画的速度曲线，delay 设置动画什么时候开始，iteration-count 设置动画播放的次数，direction 规定下一个周期是否逆向的播放，play-state 动画是否正在进行或者暂停，fill-mode 设置动画停了之后位置什么状态//transition: property duration timing-f
2021-11-27 21:28:17
85
原创 css属性
属性选择器a[href] { color:red;}~ 选择器//p~ul 选择 前面有 <p> 元素的每个 <ul> 元素。<p>快乐生活</p><ul> <li>生活</li> <li>生活</li> <li>生活</li></ul>//选择 前面有input:focus，input:valid元素的每一个label元素
2021-11-27 21:27:44
234
原创 DOM节点
DOM//通过dom接口(方法)可以改变网页的内容，结构，样式创建，增，删，改，查//创建// 1.docunment.write 重绘了页面，不推荐// ▇2.innerTHTML 常用，渲染标签，文本// ▇3.createElement 创建大量的使用//增：appendChild insertBefore//删：removeChild//改：主要修改dom的元素属性，内容，表单的值//修改属性：src title等//内容：innerHTML innerText/
2021-11-27 21:27:13
323
原创 flex布局
flex布局//采用flex布局的元素，称为 flex容器 ，他的所有子元素称为 项目//两轴：水平主轴，垂直交叉轴容器的属性6个flex-direction 定义主轴的方向 row(默认) column（垂直）row-reverse(主轴为水平方向，起点右端)column-reverse（主轴为垂直方向，起点下沿） flex-wrap 如果一条轴线排不下，如何换行nowrap（默认）：不换行。wrap 换行，第一行在上方。wrap-reverse 换行，第一行在下方。flex
2021-11-27 21:26:34
65
原创 html标签
html<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放<meta name="keywords"
2021-11-27 21:25:51
90
原创 swipper
swipper配置loop: true,//循环slidesPerView: "auto",//设置slider容器能够同时显示的slides数量loopedSlides: 2,//设置所要用到的loop个数(一般设置大于可视slide个数2个即可)。centeredSlides: true,//设定为true时，active slide会居中，而不是默认状态下的居左。loopAdditionalSlides: 1,//在slides前后复制若干个slide,，前后复制的个数不会大于原总个数。
2021-11-27 21:25:07
184
原创 jquery
Element.closest()为什么要使用func.call(this)//在正常模式下，js 函数里那些你没有声明就使用的变量，其实是访问的全局对象的属性。但是在严格模式下，不允许这种语法，所有变量都必须要显示声明，所以如果你不用 call() 传递 this 给这个函数，那么就会报错了。用了严格模式，就必须这么写。//严格模式下函数调用this不会默认指向全局对象，使用func.call(this)确保函数调用的this指向函数调用时的this（即全局对象）。可以简单理解为避免变量冲突。(fu
2021-11-27 21:24:12
266
原创 js-try-catch-throw-push-format-正则： form表单一个弹窗，多个内容
//throw语句用来抛出一个用户自定义的异常， 当前函数的执行将被停止（throw之后的语句将不会执行）//异常 (err) 通过 catch 语句捕获并自定义输出错误信息<p>请输入 5 和 10 之间的一个数:</p><input id="demo" type="text"><button type="button" onclick="myFunction()">检测输入</button><p id="message.
2021-11-27 20:31:10
231
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人