自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(71)
  • 收藏
  • 关注

原创 字节跳动前端面经

面试经历我入职字节大概一个多月(目前准大四 实习生),现在写面经不仅仅是牛客网(YYSD,真tm灵)的还愿,还是就是想给大家推荐推荐我们部门------技术中台。可能大家对技术中台不太了解,但是大家肯定听说过掘金吧,我们组主要负责ByteTech(字节内部的技术社区)和掘金。欢迎大家投我们部门,可以直接投给我的邮箱huyong.cuger@bytedance.com,我都会看的,一天以内能给你回消息的,当然不局限与前端,其他端也可以投递,文章最后会给出我的微信以及部门的介绍,也欢迎大家加我的微信。面试流

2021-08-14 23:29:23 3229 12

原创 JSX语法

2021-03-28 14:24:52 191 1

原创 邂逅React

2021-03-28 14:24:11 129

原创 邂逅webpack

2021-03-21 19:23:13 121

原创 Node模块化---AMD规范

Node模块化—AMD规范1.什么是AMD规范?AMD是Asynchronous Module Definition 缩写异步加载模块的2.AMD的使用2.1AMD导出define(function() { const name = "coderwhy"; const age = 18; const sayHello = function(name) { console.log("你好" + name); } return { name, age

2021-03-21 19:22:39 200

原创 Node模块化----CommonJS

Node模块化----CommonJS1.什么是CommonJSCommonJS是一个模块化规范最初是在浏览器之外的地方使用Node是CommonJS在服务端的具体实现Broserify是CommonJS在浏览器的实现webpack页具备对CommonJS支持与转换2.CommonJS的具体内容在Node中每一个js文件都是一个单独的模块,即实例moduleCommonJS规范的核心变量:exports、module.exports、require;3.CommonJS基

2021-03-14 11:03:31 144

原创 Node模块化---初

Node模块化—初1.什么是模块化?模块化就是将整个程序划分成一个小小的结构。这个结构有自己的作用域。可以暴露自己函数、变量、对象。可以引入其它结构的函数、变量、对象2.为什么需要模块化?不得不说,无论你多么喜欢JavaScript,以及无论JavaScript发展的多么好你不得不承认JavaScript是仅仅花10天写出来,肯定有许多缺陷没有模块化就是很大问题因为模块化带来的问题,会极大影响多人开发的效率。3.没有模块化带来的问题?命名冲突问题在1.js中声明一

2021-03-14 11:02:40 67

原创 浏览器的Node的this和Arguments

浏览器的Node的this和Arguments浏览器的this和Arguments浏览器中的this是指向的window浏览器中并没有argumentsNode的this和Arguments首先,我们得知道JS每个模块都是在沙盒中运行的,沙盒是一个函数(不是箭头函数)其次,查看Node源码,发现沙盒中在运行模块的时候,是把每一个模块当作一个函数使用的,并且通过call函数,指定了this的指向,this的指向的是module.exports,同时call调用还传入其它参数,即为argume

2021-03-13 23:19:54 224

原创 flex布局

flex布局1.认识flex布局flex布局是web开发目前使用最多的布局方案flex布局也叫弹性布局flex布局在移动端使用的特比多,现在PC端也使用的特别多。2.flex布局的概念开启flex布局的元素叫做flex containerflex container的元素叫做flex items主轴交叉轴3.开启flex布局display:flex\inline-flex区别flex布局,container是块级元素,items是行内块元素inline-fle

2021-03-13 23:18:17 103

原创 SpringDataRedis

stringRedisTemplate.opsForValue().set(“test”, “100”,60*10,TimeUnit.SECONDS);//向redis里存入数据和设置缓存时间stringRedisTemplate.opsForValue().get(“test”)//根据key获取缓存中的valstringRedisTemplate.boundValueOps(“test”).increment(-1);//val做-1操作stringRedisTemplate.boundValue

2021-02-23 12:09:31 80

原创 springCloud(2)

1. Feign应用目标:Feign的作用;使用Feign实现consumer-demo代码中调用服务分析:导入启动器依赖;开启Feign功能;编写Feign客户端;编写一个处理器ConsumerFeignController,注入Feign客户端并使用;测试小结:Feign主要作用:自动根据参数拼接http请求地址。启动器依赖; <dependency> <groupId>org.springframework..

2021-02-20 13:16:13 71

原创 springCloud(1)

1. 系统架构演变概述目标:了解项目架构的演变历程小结:#mermaid-svg-FsJn5X62coXUDBrW .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-FsJn5X62coXUDBrW .label text{fill:#333}#mermaid-svg-FsJn5X62coXUDBrW .n.

2021-02-19 15:20:30 91

原创 RabbitMq高级特性

2021-02-18 22:35:31 74

原创 Spring Boot 小结

2021-02-17 22:47:37 87

原创 Git常用命令

Git常用命令git工作流程[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EldcBADs-1613528851578)(https://i.loli.net/2021/02/16/eIMvrkbF3EJZs6T.png)]获取Git仓库本地初始化仓库 git init远程仓库克隆 git clone urlgit工作目录、暂存区、版本库[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WUUwlm6G-16135288

2021-02-17 10:27:50 83

原创 Spring构造函数

Spring构造函数注意点spring 在getBean已经创建了对象,并且每个id的对象有且仅有一份。<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation

2021-02-13 10:26:12 608

原创 封装网络请求模块续

封装网络请求模块续需要在网络模块和视图之间再添加一层xxx.js,解除视图和api之间的强耦合。防止出现api接口改变,需要修改源码的现象。步骤:定义一个视图对应的访问层,例如home.vue定义一个home.jsimport { request } from "./request";export function getHomeMultidata() { return request({ url: '/home/multidata' })}home

2021-02-06 12:55:52 80

原创 vue学习回顾(4)

一. Promise1.1. Promise的基本使用如何将异步操作放入到promise中(resolve, reject) => then/catch1.2. Promise的链式调用1.3. Promise的all方法二. Vuex2.1. 什么是状态管理2.2. Vuex的基本使用state -> 直接修改state(错误)mutations -> devtools2.3. 核心概念state -> 单一状态树getters ->mu

2021-02-06 09:55:04 72

原创 vue学习回顾(3)

一. Vue CLI1.1. runtime-compiler和runtime-only的区别ESLint到底是什么?template -> ast -> render -> vdom -> 真实DOMrender: (h) => h, -> createElement1.2. Vue CLI3如何通过CLI3创建项目CLI3的目录结构配置文件: 1.Vue UI 2.隐藏的配置文件 3.自定义vue.config.js二. Vue-

2021-02-06 09:53:29 67

原创 封装网络请求模块

封装网络请求模块原因:解除第三方网络请求模块与项目之间的强耦合,防止出现第三方网络请求模块弃用后,需要大规模修改项目源码的现象。步骤:定义一个request.js 对axios第三方HTTP库进行封装import axios from 'axios'export function request(config) { // 1.创建axios的实例 const instance = axios.create({ baseURL: 'http://123.207.32.32:80

2021-02-05 00:28:23 182

原创 灯泡字

灯泡字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>灯泡字</title> <style> body {

2021-02-03 19:47:53 105

原创 旋转木马

旋转木马<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>旋转木马</title> <style> body {

2021-02-03 17:41:26 856

原创 3D导航栏

3D导航栏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>3D导航栏</title> <style> * {

2021-02-03 17:40:08 92

原创 热点图

热点图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>大数据热点图</title> <style> body {

2021-02-03 14:34:08 313

原创 奔跑的熊

奔跑的熊<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>奔跑的熊</title> <style> * {

2021-02-03 14:14:18 278

原创 vue学习回顾(2)

一. 组件化开发1.1. 父子组件的访问children/refsparent/root1.2. slot的使用基本使用具名插槽编译的作用域作用域插槽二. 前端模块化2.1. 为什么要使用模块化简单写js代码带来的问题闭包引起代码不可复用.自己实现了简单的模块化AMD/CMD/CommonJS2.2. ES6中模块化的使用exportimport三. webpack3.1. 什么是webpackwebpack和gulp对比webpack依赖环境安

2021-02-02 18:14:09 52

原创 Mybatis笔记

简介自学的【狂神JAVA】MyBatis分享自写源码和笔记,希望对大家有帮助本人配置jdk13.0.2 (jdk1.7以上均可)Maven 3.6.3MySQL 5.7.23 (mysql5.6以上均可)1. 配置官网文档: https://mybatis.org/mybatis-3/zh/getting-started.htmlpom.xml<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://

2021-02-02 14:16:19 157

原创 vue的插槽基本能使用

vue的插槽基本能使用1.插槽的基本使用1.定义一个模板,并且预留一个位置<template id="cpn"> <div> <h2>我是组件</h2> <p>我是组件, 哈哈哈</p> <slot><button>按钮</button></slot>\\预留位置 </div></template>2.替换插槽的内容

2021-01-31 14:41:44 66

原创 vue学习回顾(1)

一. 计算属性1.1. 计算属性的本质fullname: {set(), get()}1.2. 计算属性和methods对比计算属性在多次使用时, 只会调用一次.它是由缓存的二. 事件监听2.1. 事件监听基本使用2.2. 参数问题btnClickbtnClick(event)btnClick(abc, event) -> $event2.3. 修饰符stopprevent.enter.once.native三. 条件判断3.1. v-if/v-e

2021-01-31 13:24:58 37

原创 github搜索技巧

github搜索技巧搜索包含XXX名字的仓库in:name spring boot 这里以spring boot为例搜索项目stars>3000in:name spring boot stars:>3000搜索项目forks>3000in:name spring boot stars:>3000 forks:>3000搜索readMe里面包含XXX名字in:readme spring boot限制搜索语言in:readme spring boot langu

2021-01-31 00:36:17 70

原创 SEO优化(1)

SEO优化SEO优化:搜索引擎优化,利用搜索引擎的规则提高网站在引擎内的自然排序网站三大标签TDKSEO优化title网站标题description网站说明keywords关键字<title>卢优购 - 卢! 我喜欢</title><meta name="description" content="卢优购 - 亚洲较大的网上交易平台,提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品,同时提供担保交易(先收货后付款)等安全交易保

2021-01-31 00:05:53 439 2

原创 vue打包

vue打包1.运行npm run build,会生成一个dist文件夹,如图所示。2.直接在浏览器中运行index.html会报错,说找不到资源,其实是路径问题,原理是绝对路径,这里需要自己加点改成相对路径。

2021-01-26 00:33:26 94

原创 Vue刷新当前路由

Vue刷新当前路由需求:在当前页面输入关键字搜索,依然会跳转到这个路由问题:从当前路由跳转同一个路由会报错 uncaught promise…NavigationDuplicated解决办法:1. 新建一个空白组件,该组件会跳转到目标路由。<template></template><script>export default { created() { this.$router.push("/result?q=" + this.$route.

2021-01-25 12:06:11 234

原创 Navicat连接阿里云 云数据库RDS

Navicat连接阿里云 云数据库RDS1.创建实例,当你购买完云数据库,会自动给你创建一个实例。2.创建账号3.设置白名单,白名单就是允许访问数据库的ip,默认是只能自己访问。如下配置是所有ip都能访问,因为我自己不想去查看本机的ip,所以就直接所以访问,但是存在风险。4.打开Navacit,新建连接,选择阿里云。5.输入连接名,连接名就是外网地址,账号密码,就是刚才你申请的。...

2021-01-21 17:54:02 879 1

原创 5.重构二叉树

5.重构二叉树1.递归 function TreeNode(value) { this.val = value; this.left = null; this.right = null; } var preOrder = [] var inOrder = [] var buildTree = function (preorder, inorder) {

2021-01-19 12:36:02 79

原创 4.从头到尾打印

4.从头到尾打印1.递归法 var reversePrint = function (head) { let result = []; fn(head, result); return result; } function fn(head, result) { if (head) { fn(head.next, result);

2021-01-19 12:35:21 63

原创 3.替换空格

3.替换空格1.replace全局替换var replaceSpace = function (s) { return s.replace(/ /g, "%20"); };2.分隔成数组,字符串拼接var replaceSpace = function (s) { let temp = s.split(" "); let result = ''; for (let i = 0; i &l

2021-01-19 12:31:15 61

原创 vue-cli+vue-router+Element-ui基本使用

vue-cli+vue-router+Element-ui基本使用vue-cli1.通过命令安装vue-cli npm install vue-cli2.创建一个vue项目 vue create 项目名选择Manually select features空格取消Linter/Formatter选择2.x3.vue进行项目的启动cd review npm run serve[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qNtQwo2S-1611030347

2021-01-19 12:26:08 402

原创 webpack中加载器的基本使用

webpack中加载器的基本使用处理以下基本常见的类型.1.打包处理CSS类型1.1 运行 npm i style-loader css-loader -D 安装文件的loader.1.2 在webpack.config.js的module中添加如下规则.1.3 引入相应的CSS文件module: { rules: [ { test: /\.css$/, use: ['style-loader', 'css-loader'] } ]

2021-01-18 12:21:03 67

原创 上上上篇ANTV留下来的坑

上篇第三个方法有问题,emmm,我把Script标签的位置和div的标签位置顺序放错了,重新录制了一个视频,还是项目的源码.链接:https://pan.baidu.com/s/1c7Beb-gYRFbWD_nW9CUGgw提取码:c783复制这段内容后打开百度网盘手机App,操作更方便哦–来自百度网盘超级会员V1的分享...

2021-01-18 00:34:59 38821

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除