- 博客(29)
- 收藏
- 关注
RSS订阅原创 vscode终端下载第三方插件问题解决
我在做vue项目时，需要将时间进行格式化，安装moment插件，我使用的是cnpm命令安装的，在powershell环境下运行的，出现了下列的无法加载文件在c盘的某个目录下，是因为在此系统上禁止运行脚本，即没有权限。解决方法如下：1.在电脑搜索框中搜索Windows PowerShell并以管理员身份运行2.在打开的命令行界面输入“set-ExecutionPolicy RemoteSigned”，回车后输入A，接着再回车，表示将权限设置为是3.在vscode终端运行项目我可能是因.
2021-09-07 20:07:14
782
原创 Vscode中vue项目黄线红线问题解决
新建的vue项目，可能会把eslint语法检查安装上，当我们在vscode中编写代码时，代码总会出现红线或黄线的语法错误，大面积报错，看着很不舒服解决办法如下：（1）文件—>首选项—>设置（New File—>Preference—>Setting）(2)搜索TsdK,在出现的内容中找到Edit in settings.json(3)点击setting.json然后添加"eslint.enable": false（4）点击运行npm run s...
2021-09-01 20:26:01
3921
原创 Vue学习笔记—less
Less （Leaner Style Sheets 的缩写）是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。一、Less用法：1.安装Lesscnpm/npm install -g less //这里可以简写为cnpm/npm i -g less2.检测Less安装是否成功Lessc -v/--version3.Less的使用：(1)在n...
2021-08-30 20:16:32
896
原创 Vue学习笔记—导航守卫
Vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。导航守卫分为：全局守卫、路由独享守卫、组件内守卫。一、全局守卫全局守卫的语法：let router = new VueRouter({routes: [//配置性{...}]})全局守卫又分为全局前置守卫和全局后置守卫1.全局前置守卫可以使用router.beforeEach 注册一个全局前置守卫，其语法为：...
2021-08-29 21:21:14
415
原创 vue学习笔记—可复用技术
可复用组件可以在一个应用中多次使用，了解一下vue中的可复用组件。一、混入（mixin）混入，分发Vue组件中的可复用功能，一个复用对象可以包含任意组件选项，以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。首先了解一下混入规则：1.数据模型中的数据，会进行递归合并，出现同名属性，以组件中的数据为准2.同名的构造函数会合并成数组，其中的函数都会调用，混入的钩子执行在前，组件的钩子执行在后3.内部对象的合并，类似于components、methods回合并为一个对象，发
2021-08-26 20:38:41
493
原创 vue学习笔记—插槽、动态组件
一、插槽插槽的作用：在调用子组件的时候可以为子组件传递模板这里来了解三种插槽1.普通插槽定义组件：let com = {template: `<div><slot>你好</slot> // 默认插槽</div>`}注册组件（在vm实例中进行注册，这里使用的是局部注册）：compon...
2021-08-26 20:29:55
195
原创 Vue的应用—表单
在dom中我们是通过获取其dom节点然后.val来获取其值，.innerText来获取其文本，而在vue中是通过v-model实现双向数据绑定获取值Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。Object.defineProperty(obj, prop, descriptor)obj：要定义属性的对象。prop：要定义或修改的属性的名称或 Symbol 。descriptor：要定义或修改的属性描述符。
2021-08-23 19:35:09
482
原创 Vue学习笔记—组件机制
一、组件机制1.组件定义组件是可复用的Vue实例，所以可以接收与Vue相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。不同之处在于vue实例内部的el属性指定模板，而组件则是其内部的template属性指定模板对于组件的定义中，要注意的是：一个组件的data选项必须是一个函数，便于每个实例可以维护一份被返回对象的独立拷贝，从而保证复用的组件内部的数据不会相互影响2.组件定义组件进行使用前需先注册，注册分为全局注册和局部注册，类似于js中的
2021-08-23 19:23:31
135
原创 Vue学习笔记—事件机制
dom阶段，事件机制的特点：1.事件三要素： 事件源：即事件的发送者 事件：执行的动作 事件驱动程序：执行的结果2.事件绑定：有行内绑定、动态绑定以及事件监听三种方法。3.事件流：浏览器接收事件的顺序，有捕获流（IE8以上才有）和冒泡流4.事件对象：一般使用event为事件对象5.事件代理：利用冒泡的机制，父元素代替子元素执行一些事件6.事件类型：常用的有焦点事件、鼠标事件、触摸事件等Vue中也存在这些，只是vue中的事件机制更加简单便捷，这里我们主要了解...
2021-08-22 18:09:18
515
原创 内联样式（style）绑定的简单应用——按钮切换
这里有三个按钮，通过点击一个按钮改变其背景颜色和字体颜色，另外两个按钮样式不变，同理其他两个按钮在点击时也一样，实现按钮切换效果。首先这里使用的是vue中的内联式绑定，思路是：1.设置一个数据来进行判断，其初始值设为空字符串，就会显示原始样式data: {isActive: '',}2.接着在数据模型中设置经点击后要变换的样式，这里生声明一个对象，用在按钮的绑定上 data: {isActive: '',...
2021-08-20 17:15:34
613
原创 Vue学习笔记——基础知识
一、Vue概述Vue是一个MVVM视图层框架，只关注视图层，采用自底向上增量开发的设计，因此也是一套构建用户界面的渐进式框架。首先了解以下原生js原生js:国内的原生js一般指不用任何框架和库的js(例如：jQuery),保持了js特性的最基本的jsvue和原生js（这里主要指的是jQuery）的区别：jQuery是DOM驱动框架，没有摆脱DOM操作，只是将原生js做了封装Vue是数据驱动框架，实现0 DOM操作这里举个比较形象的例子了解下原生js、jQuery、Vue的区别
2021-08-20 16:24:42
177
原创 node版本更新后原先存在的项目报错解决办法
因其他的项目需求将node版本更新由原来的12版本更新到14版本，node版本更新后原先存在的项目报错的解决方法：首先，我们能从错误中看出模块生成失败是因为缺少node-sass依赖，即在这个新版本的环境中找不到这个node-sass依赖，vue中存在的node-sass版本与当前存在的node环境冲突，更新node-sass版本：npm i -D node-sass 如若没有成功，就执行下面命令重新安装node-sass依赖npm rebuild node-sass安装
2021-08-17 19:20:22
2178
原创 es6-Class类、Symbol
一、Class类JavaScript 语言中，生成实例对象的传统方法是通过构造函数。ES6中通过class关键字，可以定义类，其本质是function，定义的类完全可以看作是构造函数的另一种写法。1.类定义类表达式可分为匿名类和命名类// 匿名类let Person= class {}// 命名类//写法1：let p= class Person{}//写法2：实例化和定义类分开，该方法与写法1是等价的Class person{}//定义类let p = ne
2021-08-17 17:17:34
190
原创 es6-函数、数组迭代器、Set、Map
一、函数1.箭头函数：没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。语法：(参数)=>{执行的语句}当只有一个参数时，圆括号可以不写，当代码块只有一条语句时，可以不用写大括号，多条语句就需要加上大括号例如：接下来通过代码来了解箭头函数2.函数参数：ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。通常情况下，定义了默认值的参数，应该是函数的尾参数，函数的..
2021-08-16 19:52:19
197
原创 es6—变量、常量、解构、对象、数组的使用
一、变量es5中使用var来声明一个变量,var的特性与常规的编程语言都不太相同，因此，es6中，提供了与常规语言类似的声明变量的方法。let与var不同之处在于：变量声明不会被提升，即在变量声明之前无法使用该变量例如：console.log(a);let a=1;结果会出错，let声明不能提升2.具有局部作用域，即let声明的变量只能在对应代码块中使用例如：{let a=1;}console.log(a);被一个大括号包起来的块是一...
2021-08-15 17:20:36
334
原创 h5新增元素—画布（canvas）
canvas元素是用来绘制图形的，在页面放这一个canvas元素，就相当于放置一块画布。使用画布的步骤：先设置一个画布，可对其进行样式的设置。<canvas id="app" height="300" width="400" style="background-color: #f5f5f5;"> </canvas> 2.获取canvas元素 var app = document.querySelector("#app)； 3.获取上下文对象，即获取画...
2021-08-12 19:01:53
1202
原创 四种常见的数组排序方法
一、冒泡排序法冒泡排序法的思想：将第一个元素和第二个元素进行比较，若为逆序则互换两元素，接着依次比较，直至第n-1个元素与第n个元素进行比较，通过比较可将小的放置前面，大的放到后面。 代码实现var arr = [1, 9, 4, 0, 6, 0, 11, 3, 2];// 1.冒泡排序function mySort(arr) {// 外层循环控制比多少轮for (var i = 0; i <= arr.length - 1; i++)...
2021-08-12 17:04:39
1457
原创 阻止事件默认行为
首先来了解下事件的默认行为：网页元素的默认行为有：点击a标签时会有一个跳转行为，form表单中点击提交按钮时网页会网页会产生提交行为并刷新网页。有些情况下要阻止该默认行为，在事件加载完成后执行，这里使用的是window.onload=function(){}事件加载，那么以按钮为例进行分析：需要先获取要阻止默认行为的dom节点 为该按钮绑定点击事件，在绑定事件的函数体内执行event.preventDefault();完整代码（阻止事件默认行为）：<!DOCTYPE html&.
2021-08-11 18:23:36
849
原创 h5新增标签和属性—自定义数据属性、媒体元素
一、自定义数据属性data-*全局属性是一类被称为自定义数据属性的属性，在所有html元素上都可以嵌入这个自定义数据的属性，所有的这些属性都可以通过HTMLElement.prototype.dataset来访问。“*”这个名字自己可以随取<button id="btn_del" data-id="1">删除</button> <button data-msg="edit">修改</button><scrip...
2021-08-09 23:06:53
479
原创 h5新增标签和属性—h5语义化标签、input类型拓展
一、h5语义化标签之前的html页面中基本上都是用div+css布局的样式，h5的结构化标签中添加了：页眉、页脚、导航、文章内容等跟结构相关的结构元素标签。直接添加内容可实现和div+css一样的效果。header元素标签定义文档的页面组合，通常是一些引导和导航信息。footer元素标签定义页尾信息,aside标签内容之外与标签内容相关的辅助信息。例如：<header>我是头部</header><div class="header">我是...
2021-08-09 22:49:31
220
原创 使用Vue从后台获取数据，实现前后端交互
一、接口及后台管理系统的部署1.首先搭建阿里云环境，复制自己的阿里云ip(1)查看jdk,在阿里云终端执行java --version命令来检测JDK是否搭建完成，JDK是运行jar包的基础，没有的话，后台jar包没法运行（我这里设的身份为root）（2）查看Apache的工作状态（在浏览器地址栏处输入自己的阿里云ip）...
2021-08-07 21:42:35
1861
1
原创 级联选择的应用—以年级和班级为例
这里要展示的是两个下拉框，第二个下拉框的内容根据第一个下拉框的内容选择显示1.在<body>标签内写两个select选择器，一个为年级选择器，一个为班级选择器 <h3>级联选择器</h3> <!-- 年级 --> 年级：<select name="" id="grade"> <option value="">请选择</option> </select>
2021-08-04 19:23:09
826
原创 伪类元素清除浮动
::after伪元素可用于在元素内容之后插入一些内容（之前不存在的）。下面通过一个例子来理解伪元素如何清除浮动：html代码：显示出来的效果就是“山西农业大学欢迎您”是一行，“学校主页”是一行 <div class="header"> <!-- 第一行 --> <div class="header_top"> <!-- 容器居中显示 --> <div class.
2021-08-03 23:01:51
3020
原创 在Vscode终端将代码上传到gitee平台上
首先了解一下Git的应用，主要体现在两个方面：本地仓库 远程仓库： gitee 国产码云 github 开源权威 gitlab 私有.git文件夹是git init后在当前目录生成的一个管理git仓库的文件夹，这里包含所有git操作所需要的东西在vscode终端将代码上传到gitee平台上： 1.建立远程仓库：在我们的git平台上创建一个自己的仓库，找到git右上角的“➕”,点击选择新建仓库新建仓库如下：创建完成后，要看下...
2021-08-03 20:22:41
1787
原创 jQuery中的DOM克隆
DOM克隆例如：function myfun(){console.log('dom克隆');}$(function(){// 选择目标节点// $('.parent').empty;$('.child:last-child').click(myfun);$('.child:last-child').clon...
2021-08-02 20:36:31
452
原创 jQuery事件处理机制和静态方法
事件绑定：on(even,[selector],[data],fn):第一个参数为事件类型，第二个参数为选择器，第三个参数为数据，第四个参数为执行的函数，第二个和第三个加中括号表示可写可不写。例如：$(function(){function myfun(){console.log(this);}$('button').on('click',myfun);//...
2021-08-02 20:24:22
122
原创 js中var a=new Object()和var a={}的异同和函数的使用
初始化的过程上有区别，前者是用构造函数实例化对象，后者是直接创建JSON对象，后者的初始化比较方便，可以在初始化的时候同时赋值。而两种方法创建的对象在使用上都是一样的，所以使用的时候都建议用后者，比较高效。js中内置的数据类型：对象类型 字符串 数值具名函数的使用：function print(){console.log('print');}print();obj1.p1=print;输出的是[Function: print]这里输出的是p1的值（这里是在node环境下输出结果.
2021-08-01 18:39:19
759
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人