- 博客(42)
- 收藏
- 关注
原创 实现实时查询并带有查询结果列表的输入框
这个功能主要是实现了一个可以实时查询结果的搜索框,并具备点击外部关闭搜索结果框体的功能,除了v-show和transition依托于vue实现以外其余功能都基于原生JS实现。
2024-03-28 18:10:19
368
原创 JS进阶笔记(原型、继承、this指向、闭包、递归、正则表达式)
构造函数、实例对象、原型对象三者之间的关系实例对象可以通过__proto__.constructor指向构造函数,实际上是先借助__proto__指向原型对象prototype,然后再通过原型对象的.constructor指向构造函数。原型链// 1、只要是原型对象就有__proto__原型,指向原型对象。// 2、Star原型对象里面__proto__原型指向的是Object.prototype// 3、Object原型对象里面__proto__原型指向的是null ,即已经到了最顶
2022-04-04 23:00:14
477
原创 Vuex碎片笔记
Vuex碎片笔记在Vuex中,可以使用组件内的computed属性,在该属性中通过...mapGetters(['需要映射的getter名称'])将store中需要映射的getters映射为一个局部的getter,那么在使用时,就可以直接通过this.映射的getter名称来使用该属性,同理,也可以在组件的methods中通过映射使用store中的action中的方法在组件中使用这两种方法时,需要首先在组件内引入mapGetters和mapActionsimport { mapGetters } fr
2022-03-25 16:57:43
712
原创 微信小程序学习笔记(自定义组件部分)
自定义组件可以分为三个步骤创建组件声明组件引用组件创建组件需要在项目根目录创建一个component文件夹来存放自定义组件声明组件我个人理解自定义组件的目的就是当有需求类似的页面时可以快速开发,所以应该是一个类似于jQuery的代码库。如果需要引用,则需要在页面的.json文件中声明引用,此处我做了一个demo10来练习自定义组件的创建与引用,所以是在page10.json文件的usingComponent属性中以键值对的方式引用自定义组件,过程如图引用组件具体引用情况如下如图,只
2022-03-25 14:59:58
256
原创 vue组件-组件命名注意点
命名注意点注册组件的时候如果使用了“驼峰命名”,那么在使用时需要转换成“横隔线分隔命名”例如注册时命名为myFather那么使用时需要转换成my-father在传递参数时如果想使用“驼峰名称”,那么就必须写“短横线分隔命名”,例如传递时命名为parent-name接收时:props:["parentName"]在传递方法的时候不能用“驼峰命名”,只能用“短横线分隔命名”,例如@parent-methods = “alert”接收时:this.$emit("parent-methods")
2022-03-10 20:58:29
247
原创 微信小程序学习笔记(radio标签、checkbox标签)
radio标签需要和radio-group配合使用,类似ul>li的关系,在radio-group中的单选框,同时只会被选中一个。<radio-group bindchange="handleChange"> <radio value="male">男</radio> <radio value="female">女</radio></radio-group><view class="" hover-class=
2021-01-30 10:58:30
704
原创 微信小程序学习笔记(button按钮)
button按钮样式部分html<button size="default" type="default" plain="{{true}}">按钮</button>size设置尺寸,type设置颜色、default黑色,warn红色,primary绿色,plain设置button是否镂空,背景色透明,loading属性设置button按钮内部是否显示加载图标<button size="default" type="warn" plain="{{true}}">按钮&
2021-01-29 19:20:17
1136
原创 微信小程序学习笔记(navigator、rich-text)
navigator(导航组件)块级元素,默认会换行,可以直接设置宽度高度。属性:1、url:要跳转的页面路径,绝对路径效果对路径都可以。2、target:跳转到哪个目标。默认是自己的小程序(self),其他小程序页面(miniProgram)3、open-type:跳转方式。有以下属性①navigate 默认值,保留当前页面,跳转到小程序内的某个页面,tabbar页面除外。②redirect 关闭当前页面,跳转到小程序内的某个页面tabbar页面除外③switchTab 跳转到tabbar页
2021-01-29 14:02:21
477
原创 微信小程序学习笔记(数组和对象循环、条件渲染、事件绑定)
wx:for属性作用:列表循环,可循环:数组、对象。代码如下:数组循环,需要注意的是如果是纯数组或者是字符串组成的数组,wx:for="*this"<view wx:for="{{list}}" wx:for-item="pa" wx:key="keyvalue"> 索引:{{index}}-- 值:{{pa.name}}-- 关键值:{{pa.keyvalue}}</view>list:[ { id:0, nam
2021-01-28 17:05:38
477
原创 1-20微信小程序学习笔记(app.json 配置文件部分)
在app.json文件中,可以通过"pages"属性来快速新增多个页面文件如图所示在window属性中,1、可以更改小程序样式2、可以对全局下拉刷新等功能进行设置3、其他功能,后续补充"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "Weixin", "navigationBarTextStyle
2021-01-26 10:09:54
162
原创 vue计算属性
在vue中,需要将计算逻辑以function(){}写在computed中<table border="1"> <thead> <th>学科</th> <th>分数</th> </thead&...
2019-11-11 20:07:06
81
原创 vue指令
在vue中,所有的数据需要放在data属性中例如:var app = new Vue({ el:'#app', //该对象作用于id = app的元素 data:{ name:'XXX', age:20, sex:'male', }})vue常用指令v-model:双向绑定<div id="app"> <input type="text"...
2019-11-11 19:03:40
128
原创 jQuery事件冒泡、默认行为等笔记
jQuery 阻止事件冒泡、默认行为、自动触发的两种方法和区别、自定义事件、事件委托、移入移出、sibling()
2019-11-08 14:16:58
137
原创 Ajax笔记
在php文件中如果要引入中文数据需要一行代码:header("content-type:text/xml;charset=utf-8");如果需要多个数据可以把数据都放在XML文件中,并用 file_get_contents获取。echo file_get_contents("info.xml");在前端获取服务器数据时,如果获取的是XML文件,则需要var res = xhr.re...
2019-11-08 14:16:46
81
原创 jQuery实现下拉菜单、折叠菜单、淡入淡出等特效的方法
show()/hide()显示/隐藏,可以接收两个参数,一是持续时间 ,而是回调函数slide() 滑动slideUp(,); //收起slideDowm(,) //展开slideToggle(,) //切换,有则slide( , )可以接收两个参数,第一个参数为滑出的时间,类似定时器,第二个参数是一个回调函数,当动画执行完毕之后,会执行该函数slideDowm(,); //向...
2019-11-08 14:16:26
688
原创 jQuery文本值操作,css样式操作,位置和尺寸操作
html()和JS中的innerHTML一样text()和JS中的innerText一样val()可以向标签中插入value值。如果是获取括号内为空即可
2019-10-16 20:48:00
104
原创 jQuery操作类的相关方法
addclass()方法addclass可以向标签中添加一个或多个类名来更改css属性。如果添加多个,在类名中间以空格连接。<style>.class1{ w:100px,h:100px,bgc:red}.class2{bd+:1px solid #000}</style>var btns = document.getElementById("button")...
2019-09-24 19:21:51
107
原创 jQuery属性和属性节点
什么是属性对象身上保存的变量就是属性。如何操作属性?对象.属性名称 = 值;对象["属性名称"] = 值对属性赋值对象.属性名称;对象.["属性名称"];取得属性什么是属性节点如何操作属性节点属性和属性节点有什么区别?...
2019-09-18 21:31:12
93
原创 jQuery内容选择器
:contains(text)作用:找到包含指定文本内容的指定元素$(div:contains("askjlda")); //查找包含asdjlda字符串的div标签其余语法相同:empty作用:找到既没有文本也没有子元素的指定元素:has(selector)作用 :包含指定子元素的指定元素:parent作用找到有文本内容或有子元素的指定元素...
2019-09-18 19:39:25
76
原创 jQuery 静态方法笔记
jQuery解决冲突: 解放$的使用权:jQuery.noConflict();jQuery对象jQuery对象是一个伪数组静态方法:直接添加到类上的方法,通过类名调用实例方法:直接添加到类的原型上的方法,通过实例调用...
2019-09-18 19:18:49
72
原创 JS 定时器笔记(缓动、轮播)
循环执行setInterval(function() {} , 1000)//这个方法就是循环执行的方法,1000指1000毫秒,//每1000毫秒执行一次函数体里面的语句4399当有一个事件 需要绑定一个定时器时,需要 先清除后设置,以避免定时器的叠加clearInterval() //清除定时器setTimeout() //一次定时器...
2019-08-15 14:46:04
222
原创 JS 特效--DOM和事件
DOM文档对象模型,DOM又被称为文档树模型。它是一种与语言和平台无关的应用程序接口,它可以动态地访问程序和脚本,更新其内容、结构和文档的风格。window所有的浏览器都支持window对象,它支持浏览器窗口。所有的js全局对象,函数以及变量都呢个自动成为window对象的成员。全局变量是window对象的属性,全局函数是window对象的方法。documentdocument...
2019-08-03 16:31:23
191
原创 JS 正则表达式部分笔记
正则表达式的作用匹配 判断给定的字符串是否符合正则表达式的过滤逻辑提取 可以通过正则表达式,从字符串中获取需要的特定部分替换 正则有很强大的字符串替换能力特点灵活性、逻辑性、功能性非常强运用广对新手难度较大组成普通字符 ‘12123’ ‘asdaf’元字符 正则表达式中具有特殊意义的字符 \d \w常用元字符串\d\D\w\W\s...
2019-08-01 17:31:26
89
原创 JS String对象的方法
charAt() //获取指定位置处字符charCodeAt() 获取指定位置处字符的ASCII码下标获取 //H5,IE8+支持和charAt()等效split() //以括号中的符号为分隔符分割字符串。并将分割后的字符串转成数组substr(x) //从第x个位置开始截取字符串...
2019-07-31 21:59:30
238
原创 JS Math对象的方法
Math.PI //圆周率Math.random() //生成随机数Math.floor()/Math.ceil() //向下取整/向上取整Math.round() //取整,四舍五入Math。abs() //绝对值Math.max()/Math.min() //求最大和最小值Math.sin()/Math.cos() //正弦/余弦Math.power()/Math...
2019-07-31 17:22:46
109
原创 JS--数组的方法
arr为数组名arr.push() 往数组尾部添加数据并返回数组内元素的个数。arr.pop() 删除数组尾部的元素并返回删除元素的内容。arr.toString() 将数组转化为字符串并用逗号隔开arr.valueOf() 返回数组本身arr.unshift() 往数组头部添加元素并返回数组长度arr.shift() 删除数组头部的元素并返回删除元素的内容。...
2019-07-05 16:38:45
67
原创 对象——如何遍历和删除对象的属性
for…in…var person = { name : 'abc'; //字面量创建对象 age : 11; sex : 'man';}for (var key in person) { console.log(key);}
2019-06-19 13:03:16
332
原创 对象——自定义构造函数创建对象
这种方法是通过声明一个函数来源源不断地创建对象,且任意两个对象都不相同。代码如下:value指属性名,xxx指参数,action指行为。function Object( value1,value2,value3 ) { this.value1 = xxx; this.value2 = xxx; this.value = xxx; this.action = function {...
2019-06-19 12:53:44
876
原创 JS 两种函数声明方式的区别
函数直接声明通过这种声明方式声明函数,JS编译器会把函数提在作用域的最前,所以在实际代码中,调用函数语句放在函数之前或者函数之后并没有区别,都可以正常调用。f(a,b); //调用在前function(a,b){ return a + b;}f(a,b); //调用在后两种调用都可以输出正确结果。函数表达式声明let func = function(a , b...
2019-05-30 18:55:43
306
原创 JS运算部分
运算符运算符分为单目、双目、和三目运算符,单目运算指只有一个操作数,双目、三目以此类推。其中,三目运算也可称为问号表达式。例如a>b?1 :0结合方式左结合:从左向右结合。右结合:从右向左结合。注意事项在计算时,非number类型会先被转化成number类型再进行计算。任何数与NaN做运算结果都为NaN。字符串与number类型只有做加法时会先把number类型转换...
2019-05-28 18:24:30
152
原创 CSS中的几种选择器。
标签选择器标签选择器的形式:标签名 { }标签选择器会选中HTML中的所有同类型的标签,对这些标签进行修改。后代选择器后代选择器的形式:父标签名 “空格” 子标签名,空格代表的意思就是后代的意思,空格后的为后代,后代选择器会选中父标签的后代,这个后代不局限于只能是标签,也可以是类选择器的名称,例如class,div table tr td p{}上面这行代码选择的是div标签中的ta...
2019-04-29 19:52:39
359
原创 JS变量注意事项汇总。
在JS中,变量类型有:常量- 数值常量:例如,1 1.2 33.33。无论是整数或者小数。- 字符串常量:例如:hello world,在变量中,用双引号,单引号括起来的内容都会被识别为字符串常量。- 布尔常量:例如true false等。...
2019-04-26 17:20:32
136
原创 伸缩布局flex笔记
在伸缩布局时,需要在父盒子中设置display:flexflex的几条属性flex-direction:这条属性用来设置flex布局中主轴的方向,取值有:- row(默认 从左往右)- row-reverse从右往左- column(从上往下)- column-reverse(从下往上) 当设置display之后,默认主轴方向为row 即从左往右justify-conte...
2019-04-21 19:14:59
165
原创 清除浮动和垂直外边距重叠问题
用after伪类选择器代码如下.clearfix::before,.clearfix::after{content:' ';display: table;clear:both;}用这种方式既可以解决因为浮动造成的父元素高度塌陷问题,也可以解决子元素将垂直外边距传递给父元素的情况。...
2019-03-28 20:51:56
235
原创 浮动小结
2019.3.25float属性,即浮动属性。用来设置元素浮动。属性值可取:none 、left、 right。浮动的特点: 1.元素浮动之后完全脱离文档流。 2.浮动以后元素会一直向父元素的上方移动。 3.直到遇到父元素的边框或者其他的浮动元素后,停止移动。 4.如果浮动元素的上方是一个块级元素,则...
2019-03-25 21:45:43
147
原创 CSS定位内容小结
在页面布局时,如果同时涉及到多个块就需要对各个块的定位方式进行处理,在看了很多关于布局的问答之后有以下心得。首先说一下各种定位方式的区别absolute 绝对定位,我理解为当一个块定位方式设置为绝对定位后,在布局中,首先会依据设置定位属性为relative/absolute/fixed的祖先元素进行定位这里要注意的是,不一定是父元素,也可以是爷爷元素,或者祖父元素,统称祖先元素,如果有两个以...
2019-03-21 22:26:13
153
转载 CSS Overflow属性
visible 默认值。内容不会被修剪,会呈现在元素框之外。hidden 内容会被修剪,并且其余内容是不可见的。scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。inherit 规定应该从父元素继承 overflow 属性的值。...
2019-03-20 21:39:00
64
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人