- 博客(31)
- 收藏
- 关注
RSS订阅原创 2021本科双非非科班的前端爬坑路
网易有道实习 一面凉js对象如何遍历？原型上的方法和本身的方法？cookie , sessionstorage,localstorage的区别？Vuex的应用场景？节流和防抖的区别和应用场景？如何实现跨域，什么是跨域？Map和Set的区别？一些项目上的问题？手撕代码一共三道第一道数组去重我用了var arr = [1,2,2,3,3,4]function newarr (arr) { var res = []; for (var i in arr) { if (res
2020-08-12 10:13:02
425
原创 mysql 学习笔记4
过滤分组select class_id,count(*) orders from students group by class_idhaving count(*) >= 2;使用having 代替where,(where在分组前过滤，having在分组后过滤)SELECT子句的顺序SELECTFROMWHEREGROUP BYHAVINGORDER BYLIMIT子查询过滤select id,namefrom studentswhere class_id in (
2020-07-26 11:18:16
125
原创 mysql 学习笔记3（修改数据）
INSERTINSERT INTO students (class_id, name, gender, score) VALUES (2, '大牛', 'M', 80);INSERT INTO students (class_id, name, gender, score) VALUES (1, '大宝', 'M', 87), (2, '二宝', 'M', 81);SELECT * FROM students;注意到我们并没有列出id字段，也没有列出id字段对应的值，这是因为id字段是
2020-07-24 10:26:02
127
原创 mysql学习笔记2（查询）
查询常用代码SELECT * FROM students;SELECT * FROM students WHERE score >= 80;SELECT * FROM students WHERE score >= 80 AND gender = 'M';SELECT * FROM students WHERE score >= 80 OR gender = 'M';SELECT * FROM students WHERE NOT class_id = 2;SELEC
2020-07-23 21:10:58
124
原创 mysql学习笔记1
SQL什么是SQL？SQL是结构化查询语言的缩写，用来访问和操作数据库系统。SQL语句既可以查询数据库中的数据，也可以添加、更新和删除数据库中的数据，还可以对数据库进行管理和维护操作。不同的数据库，都支持SQL，这样，我们通过学习SQL这一种语言，就可以操作各种不同的数据库。SQL = Structured Query Language各数据库厂商还会支持特定的数据类型，例如JSON。数据模型分为层次模型、网状模型、关系模型BIGINT\VARCHAR(N)是日常用于最广泛的数据类型DDL-定义
2020-07-23 11:05:37
62
转载 typescript 类型守卫
类型保护是可执行运行时检查的一种表达式，用于确保该类型在一定的范围内。换句话说，类型保护可以保证一个字符串是一个字符串，尽管它的值也可以是一个数值。类型保护与特性检测并不是完全不同，其主要思想是尝试检测属性、方法或原型，以确定如何处理值。目前主要有四种的方式来实现类型保护：in 关键字interface Admin { name: string; privileges: string[];}interface Employee { name: string; startDate:
2020-06-30 19:38:21
1074
原创 leetcode35 搜索插入位置
二分查找法/** * @param {number[]} nums * @param {number} target * @return {number} */var searchInsert = function(nums, target) { var low = 0, high =nums.length - 1; while(low <= high){ var mid = parseInt((high + low) / 2); if(ta
2020-06-20 15:38:07
82
原创 正则表达式的匹配
请实现一个函数用来匹配包括’.‘和’‘的正则表达式。模式中的字符’.‘表示任意一个字符，而’'表示它前面的字符可以出现任意次（包含0次）。 在本题中，匹配是指字符串的所有字符匹配整个模式。例如，字符串"aaa"与模式"a.a"和"abaca"匹配，但是与"aa.a"和"ab*a"均不匹配`function match(s, pattern,i=0,j=0){ if(i>s.length&&j>pattern.length){ //都清空了
2020-06-18 16:32:30
86
原创 leetcode-7整数反转
js解法1取模解题思路1.result * 10 + x % 10 取出末位 x % 10（负数结果还是负数，无需关心正负），拼接到 result 中。2.x / 10 去除末位，| 0 强制转换为32位有符号整数。3.通过 | 0 取整，无论正负，只移除小数点部分（正数向下取整，负数向上取整）。4.result | 0 超过32位的整数转换结果不等于自身，可用作溢出判断。/** * @param {number} x * @return {number} */var reverse
2020-06-17 15:58:41
103
原创 金额的每三位一个逗号的正则解法
在商城页面中我们经常会遇到需要每三位用逗号表示的时候，这时，用原生的js解决不够方便，此时可以使用正则表达式来进行快速替换function transform (num){ return num.toString().replace(/\B(?=(\d{3})+$)/g, ",")}transform(10033434) //10,033,434但遇到非整数的情况下例如transform(53526.333) // 53526.333并不会发生转换，这是因为正则中的$符号表示的是匹配字
2020-06-03 17:01:56
2870
原创 Webpack常用命令及组件
webpack与webpack-cli安装npm install --save-dev webpacknpm install --save-dev webpack@<version>npm install --save-dev webpack-cli*常用loader及plugincss相关style-loadernpm install --save-dev style-loadercss-loadernpm install --save-dev css-loader
2020-05-23 21:14:04
153
原创 clean-webpack-plugin引入正确方式
clean-webpack-plugin 在webpack文档中的一个小坑npm install clean-webpack-plugin --save-devconst { CleanWebpackPlugin } = require("clean-webpack-plugin");//const CleanWebpackPlugin = require("clean-webpack-plugin");错误plugins: [ new CleanWebpackPlugin(),
2020-05-15 17:13:23
264
1
原创 使用axios和Koaji进行post传输数据
前端使用axios发送前端post请求到后端，url为后端服务器地址axios({ method: 'post', url: 'http://localhost:3000/login', data: { name: this.user.username, email: this.user.email, password: this.user.password }
2020-05-14 10:32:34
636
1
原创 js发布者订阅模式
ES6class EventEmitter{ constructor(){ this.events={}; } on(name,fn){ if(!this.events[name]){ this.events[name]=[fn]; } else{ this.events[name].push(fn); } } off(name,fn){ if(this.events[name]){ this.events[n
2020-05-12 16:26:52
101
转载 git中merge和rebase的区别
最开始实习的时候是使用svn，之后正式工作就一直在使用git，这样算起来，使用git也有两年的时间了。以前带我的同事，让我在拉代码的时候要我使用git pull --rebase，一直很纳闷为什么要那样做，后来遇到拉代码的时候有许多冲突要解决，然后去查找资料，才了解到其中的一些事情。今天分享一下，顺便自己也梳理一下。git pullgit pull 是 git fetch + git merg...
2020-04-28 09:55:47
244
原创 记录一次扇贝网前端实习面试
投了近一个月的简历，终于在4.27迎来了第一次面试，这次投的简历是扇贝网，一个南京的创业公司，用过他们家的扇贝英语，感觉还挺好用的。总结一下面试的内容吧，先聊了聊项目，了解过React吗，为什么选择了Vue?使用防抖函数，阿里巴巴矢量库等优化页面性能，具体怎么做的fastclick的作用聊了好多次移动端的适配问题，答的不是很好（iphone10 安卓的适配）package.json中...
2020-04-27 19:44:31
674
1
原创 构造一个简单的koa路由
使用npm 安装npm install @koa/router简单实例const Koa = require('koa');const Router = require('@koa/router');const app = new Koa();const router = new Router();//配置路由router .get("/",async (ctx)=>...
2020-04-18 20:37:31
90
原创 MongoDB的安装与基本操作（2）
安装成功后，创建一个存放数据库的文件夹，打开shell输入mongod --dbpath F:\mongodb（路径地址）令打开一个shell输入mongoMongoDB常用操作汇总**1.创建数据库**使用数据库、创建数据库use student数据库中不能直接插入数据，只能往集合(collections)中插入数据。不需要专门创建集合，只需要写点语法插入数据就会创建集合：...
2020-04-15 16:59:22
75
原创 MongoDB的安装与基本操作（1）
MongoDB是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。他支持的数据结构非常松散，是类似json的bson格式，因此可以存储比较复杂的数据类型。Mongo最大的特点是他支持的查询语言非常强大，其语法有点类似于面向对象的查询语言，几乎可以实现类似关系数据库单表查询的绝大部分功能，而且还支持对数据建立索引。它的特点是高性能、易部署、易使用，存储数据非...
2020-04-14 16:32:33
133
原创 css3动画@keyframes
animation:mymove 5s infinite;-moz-animation:mymove 5s infinite; /* Firefox */-webkit-animation:mymove 5s infinite; /* Safari and Chrome */-o-animation:mymove 5s infinite; /* Opera */animation包含定义...
2020-03-25 17:27:05
155
转载 会触发Reflow(回流)的操作
1、字体大小改变（font size change）2、窗口大小改变（screen change）3、样式表添加或者删除（add/delete stylesheets）4、JS更改DOM元素（更改DOM颜色除外）5、hover动作（:hover颜色除外）6、位置计算（offset cats）7、用户输入（user input）8、改变样式属性（颜色，透明度等除外）...
2020-03-08 19:46:35
1311
原创 Vue中的样式绑定的三种方式
：class 绑定一个对象<div v-bind:class="{ active: isActive }">text</div>data: { isActive: true}也可直接在data中定义对象<div :class="classObject">text</div>data: { classObject: { ac...
2020-03-07 19:24:48
260
转载 登录验证与导航守卫
关于vue登录注册，并保持登录状态，是vue玩家必经之路，网上也有很多的解决方法，但是有一些太过于复杂，新手可能会看的一脸懵逼，现在给大家介绍一种我自己写项目在用而且并不难理解的一种方法。项目中有一些路由是需要登录才可以进入的，比如首页，个人中心等等有一些路由是不需要登录就可以进入，比如登录页，注册页，忘记密码等等那如何判断路由是否需要登录呢？就要在路由JS里面做文章在router.js中...
2020-03-06 17:11:16
330
原创 http请求js的一些方法（1）
用POST方法发送纯文本至服务器function postMessage () { var request = new XMLHttpRequest(); request.open("POST","/log.php"); request.setRequestHeader("Content-Top","text/plain;charset=UTF-8") }获取HT...
2020-03-01 19:47:56
279
原创 计时器vue实现
<template> <div class="container"> <div class="box"> <div class="header">小米闪购</div> <el-row :gutter="20"> <el-col :span="6"> ...
2020-02-28 19:35:19
1447
原创 flex布局的自动换行
.hide-areadisplay: flexflex-direction: columnflex-wrap: wrapalign-content: flex-start
2020-02-27 18:26:12
1343
原创 Vuex在项目中的使用详解（1）
**重中之重的一张图片**通常情况下，在组件项目中使用this.$store.state.dispatch可以将组件传到action在组件项目中使用this.$store.state.commit传到Mutations中引入Vuex的方法npm install vuex --save随后在项目的./src目录下创建一个名为store的文件夹，创建一个index.js文件完成如下设...
2020-02-08 19:25:36
226
原创 APP字母表随手指拖动切换城市
*设置三个参数 touchstart touchmove touchend对应手指放上，拖动，离开的时候的参数，对应三个函数`<ul class="list"> <li class="item" v-for="item of letters" :key="item" @touchstart="handleTouchStart" ...
2020-01-23 21:31:34
72
原创 在vue本地项目配置ajax
在vue本地项目配置ajax/config/index.js配置proxyTable: { '/api': { target: 'http://localhost:8080', // 接口的域名（可改动） // secure: false, // 如果是https接口，需要配置这个参数 changeOrigin: true, // ...
2020-01-18 21:17:11
311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人