技术林-CSDN博客

原创 typescript学习笔记入门

环境的搭建：1.在有node 环境下安装typesript 指令应该都会，不知道的自己去官网查一下，我这里就不写了，算了还是写上吧：npm i -g typescript 方便复制我在安装的时候遇到无法安装的问题，报错了，也看不懂报错信息，卡了有几分钟，突然想起来是不是没有权限，然后以管理员身份运行CMD 再次安装，果然就好了，。如果有安装不上的情况可以试试。2。安装成功之后写下一段简单ts代码，但是在运行ts代码的会报错，原因是ts代码在运行时都要转成js代码，执行tsc xxx.ts 就

2020-11-26 13:48:33 155

原创 js数组方法改变原数组和不改变原数组的方法整理

改变原数组：pop():删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。arrayObject.pop()*push():*push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组,arrayObject.push(newelement1,newelement2,….,newelementX)reverse

2020-11-19 10:39:55 2027

原创 7天学会node.js 学习宝典

https://nqdeng.github.io/7-days-nodejs/

2020-11-02 13:39:49 382

原创 git 学习笔记 - git 命令

1-初始化一个Git仓库，使用git init命令。2-添加文件到Git仓库，分两步： 2-1-使用命令`git add <file>`，注意，可反复多次使用，添加多个文件； 2-2-使用命令`git commit -m <message>`，完成。 3-要随时掌握工作区的状态，使用git status命令。4-如果git status告诉你有文件被修改过，用git diff可以查看修改内容。...

2020-10-24 11:00:40 121

原创 Git 简介 Git是什么？

Git是什么？Git是目前世界上最先进的分布式版本控制系统（没有之一）。Git有什么特点？简单来说就是：高端大气上档次！那什么是版本控制系统？如果你用Microsoft Word写过长篇大论，那你一定有这样的经历：想删除一个段落，又怕将来想恢复找不回来怎么办？有办法，先把当前文件“另存为……”一个新的Word文件，再接着改，改到一定程度，再“另存为……”一个新文件，这样一直改下去，最后你的Word文档变成了这样：过了一周，你想找回被删除的文字，但是已经记不清删除前保存在哪个文件里了，只好一个一

2020-10-21 19:18:48 1720 1

原创前端时间格式转换的几种办法

https://www.cnblogs.com/mr-wuxiansheng/p/6296646.html

2020-10-19 15:54:15 2016

原创 Validate表单验证

validate一、 validate的使用步骤引入jquery.min.js引入 jquery.validate.js页面加载后对表单进行验证 $("#表单id名").validate({}）在validate中的rules中编写验证规则（格式如下）字段的name属性:“校验器”（tisps:一个输入框只有一个校验器的时候使用字段的name属性:{校验器:值,校验器:值}(tips:输入框需要有多个校验器的时候使用)在validate中的messages中编写提示信息(tips格式与ru

2020-10-15 14:04:26 322

原创如何在vue项目中引入防抖节流插件

安装npm install throttle-debounce --save引入(哪里需要引哪里)节流import { throttle } from ‘throttle-debounce’; const throttleFunc = throttle(1000, false, (num) => { console.log('num:', num);}); // 也可以这样使用，因为默认情况下,是falseconst throttleFunc = throttle(

2020-10-14 20:53:43 2309

原创 vue实现 tab切换结合element ui

1.顶部tab切换需求:1-1添加默认值1-2二级属性的动态样式思路:V-model ,实现默认值;将二级菜系作为路由,点击时传参,并判断是否对应从而,实现动态样式的切换;解决办法:activeName: ‘1’,//切换卡,默认为第一个 v-model=”activeName”isActive:’’,//动态样式默认为空每个二级菜系都是一个路由,添加属性:to=”{query:{classify:fenlei.type}}”数据:Fenlei.type= 1-1/1-2/2-1…

2020-10-14 09:11:21 609

原创 js 处理方法之 reduce( ) 重点以后项目中会用于处理数据累加器可以把你传递的参数累加起来

reduce()方法用于对数组中的所有元素调用指定的回调函数，该回调函数的返回值为累积结果，并且此返回值在下一次调用该回调函数时作为参数提供它有两个参数,一个是函数,一个时初始值

2020-10-13 07:56:19 167

原创 vue $watch监听属性之监听函数 handler() 以及 immediate:true立即执行

vue watch 属性handler 方法就相当于普通侦听器触发的事件,即:当数据变化时要执行的操作例如:点击路由,跳转的时候传递参数,监听到参数变化实现动态切换路由样式immediate:true 立即执行 :当刷新页面时会立即执行一次handler函数使用场景:不加immediate:true 在tab切换时,你已经选中了2-1,当你刷新页面时,选项会回到默认位置1-1加immediate:true 在tab切换时,你已经选中了2-1,当你刷新页面时,选项仍在在2-1位置

2020-10-12 20:19:55 6632

原创 js 方法 find( )用法详解

定义和用法find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。find() 方法为数组中的每个元素都调用一次函数执行：当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。如果没有符合条件的元素返回undefined注意: find() 对于空数组，函数是不会执行的。注意: find() 并没有改变数组的原始值。实例获取数组中年龄大于 18 的第一个元素<!DOCTYPE html><html&

2020-10-08 20:00:42 14671 2

原创 JavaScript学习笔记之 Js对象日期对象 Math对象 DOM对象 BOM对象

一、Object类型概述：到目前为止，我们使用的引用类型最多的可能就是Object 类型了。虽然Object 的实例不具备多少功能，但对于在应用程序中的存储和传输数据而言，它确实是非常理想的选择。创建Object 类型有两种。一种是使用new 运算符，一种是字面量表示法。1.使用new 运算符创建Object var box = new Object(); //new 方式 box.name = '李四'; //创建属性字段 box.age = 28

2020-10-05 08:28:12 184

原创 js 事件学习笔记 javaScript 点击事件键盘事件鼠标事件

事件概述：事件三要素：事件源：被监听的html元素（就是这个事件加给谁），就是某个（某些）html标签事件类型：某类动作，例如点击事件，移入移除事件，敲击键盘事件等执行指令：事件触发后需要执行的代码，一般使用函数进行封装语法格式：事件源.事件类型=执行指令常用的事件案例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&gt

2020-10-05 08:18:08 169

原创 js 函数轮播图案例

函数是命名的独立的语句段，这个语句段可以被当作一个整体来引用和执行：格式：function 函数名(形式参数){函数体}调用函数：函数名(实际参数);//声明一个函数function get(a,b){ console.log(a,b)}get(3,4)//调用注意：1、函数只有被调用后才会执行2、如果函数需要返回值、直接使用return 返回<script type="text/javascript"> // 定义一个函数 : function f

2020-10-04 20:58:46 210

原创 js for循环循环结构 while、do-while. for 使用for循环实现99乘法表

1.for循环for(循环变量赋初值；循环条件；循环变量增值){循环语句;}2.while循环while(循环条件){循环体;}3.do…while 循环do{循环体;}while(循环条件);console.log（…）; 以日志的形式在控制台输出结果！<script> // 需求 : 统计 1~100 之间能够被3和7整除的数字个数 var count = 0; // 1. 遍历 1~100 之间的所有整型数值 for (

2020-10-04 20:38:07 674

原创（超详细）javaScript 基础知识点笔记总结

11.关系（比较）运算符大于等于 >= 小于 < 小于等于 <= 不等于 != == 等于（只比较内容） === 恒等于（比较内容的同时还要比较数据类型）注意：关系运算符返回的结果只有两个：true / false<script> // 请问1 : 3 > 5, 结果为 ? alert(3 > 5); // false // 请问2 : “22” == 22 结果为 ? alert("22"

2020-10-04 20:32:29 579

原创 js是什么，javaScript基础入门

1、概述：JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。诞生于1995年，当时的主要目的是验证表单的数据是否合法。JavaScript本来应该叫Livescript，但是在发布前夕，想搭上当时超热的java顺风车，临时把名字改为了JavaScript。（也就是说js跟java没有关系，当时只是想借助java的名气）。js由3部分组成：（1）核心（ECMAScript）：这一部分主要是js的基本语法

2020-10-04 20:19:09 2135

原创 css动画-animation各个属性详解

css3的animation很容易就能实现各种酷炫的动画，虽然看到别人的成果图会觉得很难，但是如果掌握好各种动画属性，做好酷炫吊炸天的动画都不在话下，好，切入正题。一、动画属性：动画属性包括：①animation-name，②animation-duration，③animation-timing-function，④animation-delay，⑤animation-iteration-count，⑥animation-direction，⑦animation-fill-mode，⑧

2020-10-04 19:25:51 11291 1

原创 VUE过滤器

文章目录过滤器注册过滤器全局过滤器局部过滤器实例过滤器过滤器是一个使用在双大括号插值和 v-bind 中，用于过滤输出内容的函数假设有一个用于把内容转为大写的过滤器函数 toUpperCase{{content|toUpperCase}}| : 管道符，表示数据从左至右通过管道符进行传递过滤器可以有多个，执行顺序从左至右，过滤器函数第一个参数的值就是其管道符前一个的结果注册过滤器全局过滤器Vue.filter('过滤器名称', 过滤器函数);局部过滤器Vue.compone

2020-10-04 11:50:54 106

原创 (图文)一看就懂的CSS 浮动 float 属性详解

声明：本文属于搬砖大神的文章到自己的博客上，原文地址为：https://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。写在前面的话：由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你。

2020-10-04 11:24:59 341

原创 css定位详解

CSS中的定位使用来布局的熟练应用对页面美化有很好的帮助，下面就进行详细介绍：定位分为静态定位，相对定位，绝对定位，固定定位这四种，定位有不同的参数，例如：left、right、top、bottom、z-index等。1、静态定位（static）一般的标签元素不加任何定位属性都属于静态定位，在页面的最底层属于标准流。2、绝对定位（absolute）绝对定位的元素从文档流中拖出，使用left、right、top、bottom等属性相对于其最接近的一个最有定位设置的父级元素进行绝对定位，如果元素的父级没

2020-10-04 11:04:47 116

原创 css盒模型

1.什么是盒子模型盒子模型是CSS样式修饰之后一个元素占用整个HTML页面的空间大小操作方式存在外边距，边框，内边距和元素本身2.边框、内外边距的界限border-width:边框宽度border-style:边框样式solid 实线 double 双实线/空心线dashed 虚线 dotted 圆点虚线border-color:边框颜色border: 边框宽度, 边框样式, 边框颜色;例如: border: 10px solid black; <style>

2020-10-03 16:15:14 276 2

原创如何给你的标签添加样式 ?怎么选择你要添加样式的标签 css 选择器

根据W3C定义CSS3 选择器：在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。基础选择器层次选择器伪类选择器伪元素选择器属性选择器【基础选择器】元素选择器（选择元素名） \ 如：p{color:red;}ID选择器（#号+ID名）\ 如：#csdn{color:black;}类选择器（.+class名） \ 如：.csdn{color:blue;}通配符选择器（选择全部元素，不建议使用）\如：* {color：green}并集选择器/组合选择器（多个不同的标.

2020-10-03 16:06:41 2215

原创 html中使用css的三种方式

内联样式也称行内或行间样式，是在html标签上添加style属性来实现的<p style=" "></p>内部样式在标签内添加的样式，内部样式的代码可以复用、符合W3C标准，尽量让结构和样式分开处理<style> class{ }</style>外部样式<link rel="stylesheet" href="">rel：指定资源跟页面的关系href：资源的地址@import url(./common.css)

2020-10-03 12:31:46 342

原创 HTML标签大全

文本<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...</b>粗体字<strong>...</strong>粗体字(强调) （同上效果略同）<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u&g

2020-10-03 11:54:27 65

原创什么是HTML,html 入门基础概念 html历史发展

什么是HTMLHTML是Hyper Text Markup Language的缩写，中文的意思是“超文本标记语言”，它是制作网页的标准语言。由于网页中不仅包含普通文本，还包含超文本，故被称作超文本描述语言。那什么是超文本呢？所谓超文本，就是指图像、视频、动画、声音、表格、链接等多媒体的内容。HTML是网页的基本描述语言，由Tim Berners-Lee在1990年提出，其目的是方便地把一台电脑中的文本或图形，与另一台电脑中的文本或图形联系在一体，形成一个有机的整体，让人们不必考虑这些信息是在当前的电脑

2020-10-03 11:06:54 404

原创 vuex 最好的,最详细的笔记使用方法 vuex 状态仓库 store state getters mutations actions modules详解

vuex

2020-09-30 08:28:49 780

原创 vue vue-router props props:true 路由属性,路由组件既可以做组件,又可以做功能组件

routes:[path:’/about’,component:About,props:true]实现父传子props参数与路由传参params 参数的合并

2020-09-29 14:42:32 3475

原创 vue路由设置高亮模式的时候默认路由一直是高亮,切换别的路由也还是高亮的解决办法

vue路由设置高亮模式的时候默认路由一直是高亮,切换别的路由也还是高亮的解决办法在使用vue-router高亮样式 .router-link-active 的过程中我发现,设置完这个属性有一个bug,那就是当我们切换路由的时候首页一直处于高亮状态,如下图:悬系小说是我的默认子路由,所以会出现它一直高亮的状态.解决办法是给默认子路由添加 exact 属性就好了如果对你有用,不要吝啬您的点赞哦!您的支持就是我前进的动力!...

2020-09-28 09:19:11 1010

原创 vue 脚手架详细安装教程以及项目文件说明

vue-clihttps://cli.vuejs.org/zh/vue-cli 是 vue 提供的一个用于自动化构建和开发项目的工具，也称为：脚手架，它是一系列工具的集合，它主要有：根据配置选项自动构建项目，并安装所需要的依赖启动一个本地开发服务器，通过这个服务器可以基于服务器环境访问本地项目，同时提供了跨域代理服务项目的自动编译、打包项目测试（单元测试、e2e测试）安装npm install -g @vue/cli# ORyarn global add @vue/cli安装成功

2020-09-22 19:21:55 795

原创 vue 在组件上使用v-model

vue 在组件上使用v-model首先我们先搞清楚为什么要在组件上使用v-model?原因:在实际的项目中,我们经常会遇到父组件和子组件共用一个参数的情况,想一下通常我们会怎么处理呢?这时候你会想到组件之间的传参,父传子,子再传给父,谁需要就通过props 或者$emit()方法实现传参,这时候你会发现你的组件上绑定了一大堆的事件监听器,看起来非常的复杂,你有更好的办法改变这种情况吗?让你的代码看起来更简洁!你没有不要紧,vue 都为你准备好了!!!那到底怎么在组件上使用这个v-model 呢?不

2020-09-21 20:47:16 1961

weixin_45810135的博客