qq_51969530-CSDN博客

01-基础-表格案例-商品搜索功能分析表格最终展示的数据v-for遍历->list->依赖了搜索框中的数据1.给input输入框绑定新数据searchval2.提供v-for遍历的数组->计算属性中nevlist 数据B依赖了数据A->数据B改成计算属性02-基础-回顾-filter方法和startsWith()方法的使用 var arr =0.filter((item)=>{return条件} var bool = “abc”".startsWith("“a”.

2021-05-29 15:17:54 75

原创模块部分知识点

模块化的两种写法var moduleA =( function ( {//导出的对象xar obj ={}//小明var name='小明'var age = 22function sum(num1,num2) {return num1 + num2}var flag = trueif (flag){console. log(sum(10,20));}obj.flag = flag;obj.sum = sum;return obj})（）//小明 var na

2021-05-22 11:29:02 91

原创 Vue

01-基础-系统指令-v-bind-绑定class-对象语法 <p :class=""{left : a , active :b}">内容 data: {a :true,b:true} 当a的值为true时类名left生效02-基础-系统指令-v-bind-绑定class-数组语法内容 data: {a :‘left’,b:‘foot’}03-基础-系统指令-v-bind-绑定style-对象语法 :style="{css属性名：data中的数据}":style.

2021-05-14 20:41:54 95 1

原创 2021年会个人总结

在二零二一年五月一日一年一度的小组年会正式开始了，早上伴随着好奇心，来到了小组，对于不少远道而来的学长学姐们，内心是十分好奇的，这个有爱的大家庭我们都生活过，了解他们的优势，努力改变让自己变的更好。小组是我在学校呆的最久的地方，虽然经常喊累，但依旧在奋斗着，其中不免有些时候会颓废，但这次看见优秀的学长们内心的斗志也被激发。他们给我们分享了许多自己的宝贵经验，为我们解答疑难，有幸与学长交谈，也学会了不少的东西。得到了很多对以后有用的经验。他们讲述了许多，有自己的学校生活，自己的面试经验等等，都是我们未.

2021-05-06 16:00:56 199 2

原创 Express部分知识点

在Express中配置使用art-template模板引擎安装npm install --save-templatenpm install --save express-art-template配置app.engine('art',require('express-art-template'))使用app.get('/',function(req,res){express默认会去项目中的view目录去找index.htmlres.render('index.html',{title:

2021-04-28 21:11:55 75

原创 Node

安装cnpm一、打开cmd，检查是安装nodenode -v二、安装淘宝镜像npm install -g cnpm -registry=https://registry.npm.taobao.org三、检查是否安装成功cnpm -v

2021-04-10 09:02:43 88 1

原创模块

html的多文件引用HTML宿主环境中，多个JS文件公用一个HTML宿主，他们的作用域也是共用的NODE.JS得多文件引用require()引用文件在引用的同时也在执行能输入两个文件的内容exports命令expoet.！！=！！;！！此时应该是统一的，必要有差异化var num=100；//向外暴露num参数exports.num=num;exports可以暴露好多个参数module.exports命令当一个js文件仅仅希望暴露一个参数时，通常是构造函数，此时我们可以用mod

2021-04-02 21:43:11 43

原创 2021-03-26

关于demo的搭建得到内置模块，引入NodeJS的内置http模块var http=require(“http”);创建服务器,使用creatServerfang方法回调函数中有req参数表示的是请求，res的参数表示的是响应var server=http.createServer(function(req,res){输出res.end("Hello Mashbing");})ctrl+c打断CMD使用下面的命令要注意的是，如果改变文件的内容一定要重新进行node执行Node搭建

2021-03-27 12:15:29 71

原创 JQ部分知识点

选择器①$(this).hide();隐藏html中的元素②$ (“p”).hide();隐藏所有的p元素③$ (“text”).hide();隐藏所有class为text的元素④$ ("#text").hide();隐藏所有id为text的元素JQ的显示与隐藏隐藏 $(this).hide();显示$(this).show();显示与隐藏切换$(“p”).toggle();参数可以为数字时间或者slow等淡入与淡出淡入$("#div").fadeIn();淡出$("#div"

2021-03-21 10:04:45 64

原创 jq部分知识点

选择器①$（this）.hide（）隐藏html中的元素②$(“p”).hide()隐藏所有的p元素③$(".test").hide()隐藏所有class为text的元素④$("#test").hide();隐藏所有id为text的元素jquery的隐藏与显示

2021-03-21 09:30:02 54

原创 JQ 简单效果实现

效果方法描述animate() 对被选元素应用“自定义”的动画clearQueue() 对被选元素移除所有排队的函数（仍未运行的）delay() 对被选元素的所有排队函数（仍未运行）设置延迟dequeue() 运行被选元素的下一个排队函数fadeIn() 逐渐改变被选元素的不透明度，从隐藏到可见fadeOut() 逐渐改变被选元素的不透明度，从可见到隐藏fadeTo() 把被选元素逐渐改变至给定的不透明度hide() 隐藏被选的元素queue() 显示被选元素的排队函数show()

2021-03-14 10:33:25 221 4

原创 JQ笔记

JQ中获取width的值 $("div").width() ; //width $("div").innerWidth() ; //padding+width $("div").outerWidth() ; //padding+width +border $("div").outerWidth(true) ; //padding+width +border+margindelegate的使用要给div 注册一个委托事件。但不是它最

2021-03-07 12:49:20 95 1

原创 jQuery

jQuery也就是一个js文件，里面有一大堆方法。jQuery的使用步骤1、引入jQuery文件2、入口函数功能实现入口函数：第一种写法：$（document).ready(function)第二种写法： $(function(){})jQuery对象与DOM对象区别：方法不能混用联系：DOM–>jq 花钱 jq–>DOM [0] ger(0)$的实质：function选择器基本选择器：标签类 id选择器交集并集层级选择器:子

2021-02-27 23:14:30 98 1

原创 JavaScript Object Notation

JSON JS中的对象只有JS自己认识，其他语言都不认识。 JSON就是一个特殊格式的字符，这个字符可以被任意的语言所识别，并且可以转换为任意语言中的对象 JSON在开发中主要用来数字的交互 JSON和JS对象格式一样，只是JSON字符串中的属性名必须加双引号，其他一样 JSON分类 1、对象{} 2、数组{} JSON中允许的值 1、字符串 2、数值 3、布尔值 4、null 5、对象 6、数组将JSON字符

2021-02-20 20:55:03 274 1

原创数组的部分方法

**数组的部分方法** 1、push() ①该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度 ②可以将要添加到元素作为参数的方法传递 ③这样这些元素将会自动添加到数组的末尾 2、pop() ①删除并返回数组的最后一个元素（删除最后一个元素，并返回该元素） 3、unshift() ①向数组开头添加一个或多个元素，并返回新的数组长度 4、shift() ①删除数组的第一个元素...

2021-01-28 16:19:13 105

原创 2021-01-20

## 大一上学期总结在小组学习也已经一个学期了，在这一个学期中我也收获了很多。不仅学到了知识，还结交到了许多朋友。学习我主要学习前端，接下来是我这一段时间学习前端的心得。前端主要学习html css jshtml：主要了解标签的定义，用在哪里，熟练地掌握。h5也要了解。css：css对页面布局非常重要的，没有css就很难做到一些效果。对于我们初学者来说，网页中特效的实现都是靠css。所以css的学习非常重要。特别是伪类和定位最需要仔细研究。...

2021-01-20 21:51:27 89

原创 Less基础

**Less基础**变量是指没有固定的值，可以改变的。在css中一些颜色和数值等经常使用。@变量名：值；1 变量命名规范必须有@为前缀不能包含特殊字符不能以数字开头大小写敏感2 Less编译Less包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的css文件。因此，需要把Less文件，编译为css文件，这样html页面才能使用。Easy LESS插件用来把less文件编译...

2020-12-20 11:44:08 80

原创 JavaSE-继承

继承父类和子类被继承类被称为父类或超类，由继承得来得类为子类。通过在类的声明是使用extends关键字来创建一个类得子类。子类可以继承父类所有非private得成员。子类可以在子类中修改父类得成员，也可以添加新的成员，但父类是不会改变的。前面没用继承的类，系统都会默认为java.lang.Object类，也就是说都是它的子类。子类的每个对象都是父类的对象，反之不然。在子类的构造方法中可以通过super（）来调用父类特定的构造方法。super（）会根据参数的个数与类型，执行父类相应的构造方法。注意

2020-12-12 21:04:17 66

原创 2020-12-06

**## 移动WEB开发之flex布局**一flex布局初体验1传统布局与flex弹性布局的比较传统布局<1> 兼容性好<2>布局繁琐<3>局限性，不能再移动端很好的布局flex弹性布局<1>操作方便，布局极为简单，移动端应用很广泛<2>PC端浏览器支持情况较差<3>IE11或更低版本，不支持或仅部分支持2初体验（1）搭建HTML结构多用二flex布局原理1布局原理flex是flexible B

2020-12-06 15:07:36 69

原创 2020-11-16

伪类选择器最大的特点是用冒号（：）表示常用的伪类元素a:link /选择所有未被访问的链接/a:visited /选择所有已被访问的链接/a：hover /选择鼠标指针位于其上的连接a：active /选择活动链接（鼠标按下未弹起的连接）*/注意： a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果。注意： a:active 必须在 a:hover 之后。所有css伪类元素checked

2020-11-16 23:01:28 97

原创 2020-11-08

**css类选择器**在css中，类选择器以一个点号表示.center{text_align:center}所有center类的HTML元素均为居中 This heading will be center_aligned class也可以被用作派生选择器.fancy td{color:#f60background:#666;}类名为fancy的更大的元素内部的表单都会以灰色背景显示橙色文字元素也可以基于它们...

2020-11-08 11:12:22 84

原创 2020-11-01

java 语言定义了四类，共八种基本类型。类：整型浮点型布尔型字符型布尔型：boolean字节型：byte短整型:short整型:int长整型:long单精度浮点型:float双精度浮点型:double字符型:char...

2020-11-01 08:30:57 55

qq_51969530的博客

原创备战蓝桥杯

原创 vue部分知识点