- 博客(71)
- 收藏
- 关注
RSS订阅原创 字节跳动前端面经
面试经历我入职字节大概一个多月（目前准大四 实习生），现在写面经不仅仅是牛客网（YYSD，真tm灵）的还愿，还是就是想给大家推荐推荐我们部门------技术中台。可能大家对技术中台不太了解，但是大家肯定听说过掘金吧，我们组主要负责ByteTech（字节内部的技术社区）和掘金。欢迎大家投我们部门，可以直接投给我的邮箱[email protected]，我都会看的，一天以内能给你回消息的，当然不局限与前端，其他端也可以投递，文章最后会给出我的微信以及部门的介绍，也欢迎大家加我的微信。面试流
2021-08-14 23:29:23
3302
12
原创 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
215
原创 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
155
原创 Node模块化---初
Node模块化—初1.什么是模块化？模块化就是将整个程序划分成一个小小的结构。这个结构有自己的作用域。可以暴露自己函数、变量、对象。可以引入其它结构的函数、变量、对象2.为什么需要模块化？不得不说，无论你多么喜欢JavaScript，以及无论JavaScript发展的多么好你不得不承认JavaScript是仅仅花10天写出来，肯定有许多缺陷没有模块化就是很大问题因为模块化带来的问题，会极大影响多人开发的效率。3.没有模块化带来的问题？命名冲突问题在1.js中声明一
2021-03-14 11:02:40
72
原创 浏览器的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
233
原创 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
109
原创 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
83
原创 springCloud(2)
1. Feign应用目标：Feign的作用；使用Feign实现consumer-demo代码中调用服务分析：导入启动器依赖；开启Feign功能；编写Feign客户端；编写一个处理器ConsumerFeignController，注入Feign客户端并使用；测试小结：Feign主要作用：自动根据参数拼接http请求地址。启动器依赖； <dependency> <groupId>org.springframework..
2021-02-20 13:16:13
78
原创 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
96
原创 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
86
原创 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
619
原创 封装网络请求模块续
封装网络请求模块续需要在网络模块和视图之间再添加一层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
83
原创 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
78
原创 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
71
原创 封装网络请求模块
封装网络请求模块原因：解除第三方网络请求模块与项目之间的强耦合，防止出现第三方网络请求模块弃用后，需要大规模修改项目源码的现象。步骤：定义一个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
188
原创 灯泡字
灯泡字<!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
109
原创 旋转木马
旋转木马<!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
868
原创 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
95
原创 热点图
热点图<!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
498
原创 奔跑的熊
奔跑的熊<!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
285
原创 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
56
原创 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
185
原创 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
73
原创 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
42
原创 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
73
原创 SEO优化(1)
SEO优化SEO优化：搜索引擎优化，利用搜索引擎的规则提高网站在引擎内的自然排序网站三大标签TDKSEO优化title网站标题description网站说明keywords关键字<title>卢优购 - 卢! 我喜欢</title><meta name="description" content="卢优购 - 亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品，同时提供担保交易(先收货后付款)等安全交易保
2021-01-31 00:05:53
443
2
原创 vue打包
vue打包1.运行npm run build，会生成一个dist文件夹，如图所示。2.直接在浏览器中运行index.html会报错，说找不到资源，其实是路径问题，原理是绝对路径，这里需要自己加点改成相对路径。
2021-01-26 00:33:26
99
原创 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
238
原创 Navicat连接阿里云 云数据库RDS
Navicat连接阿里云 云数据库RDS1.创建实例，当你购买完云数据库，会自动给你创建一个实例。2.创建账号3.设置白名单，白名单就是允许访问数据库的ip，默认是只能自己访问。如下配置是所有ip都能访问，因为我自己不想去查看本机的ip，所以就直接所以访问，但是存在风险。4.打开Navacit，新建连接，选择阿里云。5.输入连接名，连接名就是外网地址，账号密码，就是刚才你申请的。...
2021-01-21 17:54:02
915
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
87
原创 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
66
原创 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
68
原创 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
410
原创 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
69
原创 上上上篇ANTV留下来的坑
上篇第三个方法有问题,emmm,我把Script标签的位置和div的标签位置顺序放错了,重新录制了一个视频,还是项目的源码.链接：https://pan.baidu.com/s/1c7Beb-gYRFbWD_nW9CUGgw提取码：c783复制这段内容后打开百度网盘手机App，操作更方便哦–来自百度网盘超级会员V1的分享...
2021-01-18 00:34:59
38879
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人