- 博客(38)
- 收藏
- 关注
原创 npm 淘宝镜像停用了,换成以下最新的npm设置地址
npm config set registry https://registry.npmmirror.com
2024-01-27 16:06:53 653
原创 fixed导致el-table表格错位或下划线
对于经常显示和隐藏el-table的情景下可能出现样式混乱,错位或者有下划线.el-table__fixed::before, .el-table__fixed-right::before。上图用了一个el-collapse>el-collapse-item>el-form>el-table。通过监听el-table的data,在data请求获取到数据的时候,执行doLayout。
2022-09-19 11:06:30 712 1
原创 实现父级表单触发子组件的校验和自身的校验
问题:一个弹框里包含一个父级表单el-form,这个父级表单中的el-form-item里包含了一个子组件,这个组件里写成form的表单的结构。需要在弹框的提交表单事件中触发子组件和这个父级表单的校验。思路:在子组件里面,写一个校验事件。在父级表单提交表单事件中加一个判断父级表单校验条件和子组件校验通过条件。...
2022-08-08 15:17:42 726
原创 两数组之间的数据迁移
1.应用场景数组A,数组B,A,B数据格式类似这种[{'name'李四,'id'2},...],id是唯一的,B是表格勾选选中的数组,没次从B中选择勾选的数据添加到A中,保证每一次添加不重复。
2022-07-21 11:39:09 216
原创 npm run build 报错
打包时如果你遇到TypeError: stackframe is not a constructor ,可能是因为你的node版本太高,不兼容导致的,你可以试着将版本降至14.7.3的版本的,应该就不会报错了!
2022-06-06 14:38:12 1235 2
原创 简单路由跳转小案例
路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。前端路由实现tab栏切换:``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport"
2021-12-05 17:36:47 178
原创 关于promise和fetch
promise主要解决异步深层嵌套的问题promise 提供了简洁的API 使得异步操作更加容易 <script type="text/javascript"> /* 1. Promise基本使用 我们使用new来构建一个Promise Promise的构造函数接收一个参数,是函数,并且传后的回调函数 */ var p = new Promise(function(resolve, reject){ /
2021-12-05 17:24:42 335
原创 简单的购物车小案例
主要的思路:运用了vue的组件化的基础和组件传值的的相关知识html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .container {} .contain.
2021-11-28 20:36:25 169
原创 vue学习③
一.自定义指令内置指令有时候满足不了我们特殊的需求Vue允许我们自定义指令1.Vue.directive 注册全局指令<!-- 使用自定义的指令,只需在对用的元素中,加上'v-'的前缀形成类似于内部指令'v-if','v-text'的形式。 --><input type="text" v-focus><script>// 注意点: // 1、 在自定义指令中 如果以驼峰命名的方式定义 如 Vue.directive('focusA',
2021-11-27 16:53:21 428
原创 用Vue.js实现简单的tab选项卡
前提:你对vue.js的一些指令和基本语法有一定的了解基本思路:,用v-for遍历data里的数据渲染到页面达到创建三个选项卡,三个图片的渲染,建立好结构 将三个选项卡用v-on绑定点击事件,v-bind绑定对应的类操纵图片的隐藏和显示还有tabx选项卡的高亮<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta http-equiv='
2021-11-20 11:31:40 1112
原创 vue学习①
1.Vue的简介官网的介绍Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。2. Vue的声明式渲染使用Vue将helloworld 渲染到页面上<div id="app"> {{ message }}<
2021-11-20 10:36:39 63
原创 es6模块化
6.ES6模块化1.ES6模块化简介ECMA组织参考了众多社区模块化标准,终于在2015年,随着ES6发布了官方的模块化标准,后成为ES6模块化ES6模块化具有以下的特点使用依赖预声明的方式导入模块依赖延迟声明 commonjs优点:某些时候可以提高效率缺点:无法在一开始确定模块依赖关系依赖预声明 es6模块化优点:在一开始可以确定模块依赖关系缺点:有些时候效率较低灵活的多种导入导出方式规范的路径表示法:所有路径必须以./或…/开头2.基本导
2021-11-14 21:23:01 122
原创 commonjs的模块练习
1.node.js对于commonjs的实现1.node.js对commonjs的规范做了三个步骤1.node只有执行到require函数才会加载和执行模块。2.为了隐藏模块中的代码,nodejs执行模块时,会将模块中的所有代码放置到一个函数中执行,以保证不污染全局变量。(function(){ //模块中的代码})()3.为了保证顺利的导出模块内容,nodejs做了以下处理1.在模块开始执行前,初始化一个值module.exports = {}.2.module.exports
2021-11-14 21:01:57 919
原创 MogoDB的使用
1.MongoDB手册官网:https://www.mongodb.com/手册:https://docs.mongodb.org/manual/2.安装mongoDB 3.4.10可视化工具robomongo 0.9.0配置环境变量电脑属性-》高级系统设置-》环境变量-》用户path-》程序的安装路径中的bin文件3.使用mongod 开机 mongod --dbpath 绝对路径 看到 on port 27017 说明数据库开机成功。 数据库开机成功以后就不
2021-11-07 16:41:30 262
原创 利用axios,cheerio,mysql,node.js实现猫眼电影的部分爬虫
工具axios:GitHub - axios/axios: Promise based HTTP client for the browser and node.js 主要用于发送请求cheerio :GitHub - cheeriojs/cheerio: Fast, flexible, and lean implementation of core jQuery designed specifically for the server. jquery核心库mysqlsequelizev
2021-11-06 11:08:52 981
原创 node.js相关知识回顾
1.什么是Node?Node.js® 是基于Chrome 的 V8 JavaScript 引擎构建的 JavaScript 运行时。不需要处理兼容性问题 2009.051.1Node是一个JS的运行环境 js的运行方式: 1.客户端:把js文件引入,然后打开浏览器,控制台查看 2.node服务端: 1.cmd窗口中cd命令切换到需要打开的文件夹下,运行 node 文件名 2.直接在文件夹下 shift+右键 3.vscode编辑器中直接在当前
2021-10-31 13:23:58 100
原创 关于mysql的sql语法
数据表的增删改查的sql语法1.增加:CREATE1. 增加单条数据INSERT INTO student ( 字段1, 字段2,字段3,字段4... )VALUES (值1,值2,值3,值4...);2.增加多条数据INSERT INTO student ( 字段1, 字段2,字段3,字段4... )VALUES (值1,值2,值3,值4...),(值1,值2,值3,值4...);2.修改:UPDATEUPDATE student SET `字段`='值' //修改字段的所
2021-10-28 20:58:19 82
原创 Set和Map集合方法的源码
Set集合用于存储不重复的数据//创建set集合,传参为一个可迭代对象const sl=new Set([1,2,3,4])//如果存在的是一个原始值,会转换成字符串对象,再进行存储1.Set源码class MySet { constructor(iterator = []) { // 传递的内容必须是一个可迭代对象 if (typeof iterator[Symbol.iterator] !== "function") {
2021-10-23 16:38:35 96
原创 Es6知识回顾②
7.箭头函数1.Es6中允许使用箭头(=>)定义函数,称之为箭头函数var f = v => v;等同于var f = function(v) { return v;};2.箭头函数的简写:1.如果箭头函数的参数只有一个的时候可以省略小括号。var f = v => v;等同于var f = function(v) { return v;};2.如果箭头函数的函数体只有一条返回语句时,可以省略花括号,可以省略return关键字。var f = ()
2021-10-21 20:28:42 164
原创 Es6知识回顾①
1.let 和 const1.1 let声明变量1. let声明的变量不会挂在window中,不会造成全局变量污染2. 新增一个块级作用域3. let不允许重复声明4. let不会有声明提升(只是人为看到没有,但其实本身是由声明提升的,只是提升至暂时性死区中)1.2 const声明常量1. let的四点const都有2. 不允许被修改,不允许改变内存空间地址3. const声明和赋值必须一次性完成...
2021-10-17 17:20:18 104
原创 js实现对象深克隆的源码实现
1 .克隆的概念克隆或者拷贝分为2种: 浅度克隆 、 深度克隆 。浅度克隆 :基本类型为值传递,对象仍为引用传递。深度克隆 :所有元素或属性均完全克隆,并于原引用类型完全独立,即,在后面修改对象的属性的时候,原对象不会被修改。深克隆的源码: <script> const deepClone = function(obj) { // 先检测是不是数组和Object // let isArr = Object.prototy
2021-10-17 16:09:08 273
原创 纯jq实现轮播图
主要思路:每个图片设置定位,通过改变上一个图片和下一个图片的相关animate和css的left值来进行滑动的变化。详细解释尽在代码注释里;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=.
2021-10-07 21:00:00 103
原创 回顾js的预编译
js运行三部曲基本语法检测预编译:全局预编译会生成一个(Gloabl Object) GO对象分析var变量声明,如果变量在GO对象中不存在,直接将变量名作为AO对象的属性名,值为undefined,如果已经存在,不做任何改变分析function函数,将函数名作为GO对象的属性名,值为函数体,如果已存在,直接覆盖函数预编译函数在运行的一瞬间,会产生一个(Active Object) AO对象函数声明的参数(形参),成为AO对象的属性,属性值为实参的值,如果没有传递实
2021-10-06 16:05:37 84
原创 移动web开发相关知识点回顾
移动web开发1. 移动端基础1.1 浏览器现状PC端常见浏览器:360、谷歌、火狐、QQ、百度,UC、搜狗、IE移动端常见浏览器:UC,QQ、欧朋、百度、360以及杂牌浏览器总结:兼容主流浏览器,处理webkit内核浏览器即可1.2 手机屏幕的现状移动端设备屏幕尺寸非常多,碎片化严重Android设备有多重分辨率:480800,,480854、540960、7201280、1080*1920、2k/4k近年来iphone的碎片化也加剧了,分辨率有640960,,401136、75013
2021-10-06 15:27:41 138
原创 关于ajax的相关知识点回顾
1、ajax简介 ajax (Asynchronous Javascript And XML)其实就是异步的javaScript和XML。 XML:这是html标签,XML格式是一样的 可以自定义 满足标记语言的格式就可以了。 AJAX不是一门新语言,是综合HTTP异步通信 、JS、XML、以及JSON等多种网络技术的一种编程模型。 AJAX ~= JS+ xml+JSON + HTTP通信,本质就是在HTTP协议的基础上以异步的方式与服务器进行通信。2、ajax优点
2021-10-04 17:37:21 69
原创 回顾一下网络服务的相关知识
1、IP地址 简介:IP地址是指互联网协议地址,它为互联网上的每一个网络和每一台主机分配一个逻辑地址,以此来屏蔽物理地址的差异分类: 1.公有地址:由Inter NIC(因特网信息中心)负责。这些IP地址分配给注册并向Inter NIC提出申请的组织机构。通过它直接访问因特网。 2.私有地址:属于非注册地址,专门为组织机构内部使用IP地址编址方案将IP地址空间划分为A、B、C、D、E五类(其中A、B、C是基本类,D、E类作为多播和保留使用)。2、客户端与服务器概述本质:客户端和服
2021-10-04 17:25:18 134
原创 移动端相关知识回顾
1.0 响应式开发原理1.1 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。设备的划分情况:小于768的为超小屏幕(手机)768~992之间的为小屏设备(平板)992~1200的中等屏幕(桌面显示器)大于1200的宽屏设备(大桌面显示器)1.2 响应式布局容器响应式需要一个父级做为布局容器,来配合子级元素来实现变化效果。原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到
2021-09-28 20:59:31 121
原创 关于简易的增删改查
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-09-22 20:58:31 79
转载 判断数组对象和其他数据类型
//原始数据类型 startconsole.log(Object.prototype.toString.call(1)) //[object Number]console.log(Object.prototype.toString.call("hello")) //[object String]console.log(Object.prototype.toString.call(true)) //[object Boolean]console.log(Object.prototype.toSt.
2021-08-31 09:13:26 49
原创 纯js实现轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-08-24 20:55:56 81
原创 js的一些简单练习
这些代码很基础,我学习的时候还是有一些不太清楚,写下以便于自己加深印象。1.给定用户的生日(年、月、日),计算该用户的年龄 var year=+prompt('请输入生日年份'); var month=+prompt('请输入月份') var day=+prompt('输入日份'); function isAge(){ var m=new Date(); var nowyear=m.getFullYear(); //因为
2021-08-08 21:16:04 173
原创 js求数组中频率出现最高的数字和次数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2021-08-08 20:40:17 815
原创 关于纯css+html实现轮播图(带有点击可以换图)
轮播效果图这是源码:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"&...
2021-07-27 20:38:04 10466 13
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人