自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 关于react里的 img导入svg图片在线上不能正常显示的问题

一般我们会在webpack里配置但是我遇到配置完也不能在线上正常显示,这里已经找不出其他原因,但是png能够显示,所以我考虑到换成png,但是放大会模糊,这也是这个的缺点,于是我只好转成base64去显示可以在线上手动转换后引入https://base64.guru/converter/encode/image/svg<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4K

2021-02-01 17:36:54 2563

原创 谷歌浏览器的自动填充被设计师怼太难看,怎么去掉呢?

这里人家写的很详细了,没必要copy保存一下啊

2021-02-01 17:11:24 202

原创 react实现一个表格内容添加到文本的编辑器

react实现一个表格内容添加到文本的编辑器技术攻克难点一.输入框的值修改(onChange)二.dangerouslySetInnerHTML的使用1.dangerouslySetInnerHTMl 是React标签的一个属性,类似于angular的ng-bind;2.有2个{{}},第一{}代表jsx语法开始,第二个是代表dangerouslySetInnerHTML接收的是一个对象键值对;3.既可以插入DOM,又可以插入字符串;4.不合时宜的使用 innerHTML 可能会导致 cros

2021-01-04 14:43:16 547

原创 js 前端算法------大厂面试笔试题(二叉树的深度优先遍历)

今日分享的是二叉树的深度优先遍历1.二叉树深度遍历通俗易懂的来讲就是优先往深处走,就是看有没子节点,从左到右比如从1 开始遍历,从左往右走,有没有子节点,有是2,就再看2遍历完了再看5以此类推2.那么二叉树和栈的结合就是利用栈的后进先出的特点,从右往左把子节点放在栈中依次取出遍历3.用js实现//模拟一个二叉树let tree={ value:1, childleft:{ value:2, childleft:{ value

2020-12-29 16:34:50 1128

原创 react判断点击位置是否为组件内,实现点击外部触发组件内事件(点击元素外隐藏元素)

我们拿到这样一个没做过的肯定是先一手百度https://www.cnblogs.com/ives/p/11291769.html结合所有的我发现这种

2020-12-28 15:36:27 992

原创 实现sum()求sum(1)(4)(6)(),sum(1,2,3)(12)(1,2,3)()

就是闭包和回调函数结合一下就OKf(1)() // 1f(1)(2)(3)() // 6f(1)(2)(3)(4)() // 10function sum(){ var num=0; Object.values(arguments).map(i=>{return num+=i}) return function su(){ if(arguments[0]){ Object.values(arguments).map(i=>{

2020-12-25 14:56:11 665

原创 某跳动面试凉经

面试题1.自我介绍完,聊一下做过的项目,(我这里说了我在某讯开发部署的经验,所以这里聊了下)2.简单的出个题,用两个栈Stack实现一个队列Queue,栈用数组模拟(手写代码而且是,你写一行面试官就能看见一行的那种)3.那我们换一个,斐波那契数列计算出fn(100)吧4.三次握手,四次挥手分别是什么5.那做个this的指向题吧以前也只是听说大厂面试要手撕代码,今天确实亲身体会了,接下来就奉献出机会不多的经验1.自我介绍完,聊一下做过的项目,(我这里说了我在某讯开发部署的经验,所以这里聊了下)2.简单的

2020-12-02 19:42:06 338

原创 react滚动条下拉加载更多

export default class Home extends Component { constructor(props) { super(props); this.wrapper = React.createRef(); }async getOldMore(){ /*放你的请求地址*/}componentDidMount() { let timeCount; const that=this;

2020-11-16 17:29:28 1164

原创 常用一些函数(时间戳,点赞数)

时间戳timeTamp(time){ let date=new Date(); date.setTime(parseInt(time)*1000) let year=date.getFullYear() let month=date.getMonth() let day=date.getDate() let hour=date.getHours() if(hour<10){

2020-11-13 17:10:03 165

原创 vue3.0学习第三天

1.composition API 和Option API可以混合使用composition API本质(组合API/注入API)2.setup执行时机beforeCreate:表示组件刚刚被创建出来,组件的data和 methods还没有被初始化好setupCreated:表示组件刚刚被创建出来,并且组件的data和methods已经初始化好set注意点:1)由于在执行setup函数的时候,还没有执行created生命周期的方法,所以在setup中还不能使用data和methods2)由

2020-11-04 15:17:02 236

原创 vue3.0学习第二天(组合API)

组合API取消了data,methond,把他们都放在了setup()里面1.对简单类型的变量处理import {ref} from 'vue'例子如下<template> <div> <p>{{count}}</p> <button @click="myFn()">按钮</button> </div></template><script>import {ref}

2020-11-03 17:16:35 164

原创 react 实现点击元素外隐藏元素的功能(react判断点击位置是否为组件内,实现点击外部触发组件内事件)

遇到问题先百度,但是最近发现百度的内容好多都老旧了,跟不上时代,本文基于https://www.cnblogs.com/ives/p/11291769.html的内容上进行完善和补充为什么说它旧了呢,因为在新版的react中这个已经 ref="refTest"已经废弃可以参考之前的这篇文章react 中如何清空input的值import React, {Component} from 'react';import {findDOMNode} from 'react-dom'export de

2020-11-02 12:12:38 2034

原创 react 配置路由

react4.0以后的路由配置和之前的配置还是有很大区别的。npm i 不指定版本去下载一般都是最新的,在App.jsx直接引入配置就行import React, { Component } from 'react'import relationChart from './components/RelationChart';import relationChart1 from './components/RelationChart1';import './App.less'import '

2020-10-14 10:45:29 258

原创 vue3.0学习第一天(vue3.0的亮点)

1.vue3.0六大亮点-Performance:性能比vue2.x快1.2~2倍-Tree shaking support:按需编译,体积比vue20x更小-compostion API:组合API-Better TypeScript support:更好的Ts支持-Custom Renderer API:暴露了自定义渲染的API-Fragment,Teleport,Suspense:更先进的组件2.vue3.0是如何变快的?(1)diff方法优化:+vue2.0中的虚拟dom是进行全量

2020-10-06 16:27:50 597

原创 把后端返回的json数据格式化显示在页面上,类似json.cn

今天老大提了一个需求,想要做一个按钮点击后出现一个类似于json.cn代码格式化,把后端返回给你的一个json数据格式化以后显示在页面上,经高人指点知道了这样一个jsoneditor模块一.介绍JSON编辑器是基于Web的工具,用于查看,编辑,格式化和验证JSON。 它具有多种模式,例如树编辑器,代码编辑器和纯文本编辑器。该编辑器可以用作您自己的Web应用程序中的组件。 该库可以作为CommonJS模块,AMD模块或常规javascript文件加载。支持的浏览器:Chrome,Firefox,Saf

2020-09-30 17:20:45 2010

原创 vscode的 Eslint代码自动格式化

在生产开发过程中企业一般要求我们开Eslint,目的是为了提高代码的可读性和规范性便于在你离职后代码能让别人接手,第一步第二步preferences找到Setting文件夹第三步插入以下代码并阅读一下即可{ // #值设置为true时,每次保存的时候自动格式化;值设置为false时,代码格式化请按shift+alt+F "editor.formatOnSave": true, //设置tab的缩进为2 "editor.tabSize": 2, // #每

2020-09-30 10:40:51 1270

原创 react+antd输入框值想在点击清空按钮的时候清空怎么办()

废话不多说先上一版解决办法clear(){ this.refs.myInput.state.value = '';}<Search size="large" defaultValue="" style={{ width: 400 }} ref={this.textInput} /><Button onClick={() => {this.clear()}}>清空<Button> 这个虽然可以

2020-09-29 16:37:00 7394

原创 js方法去掉输入的特殊符号(包括空格)

js方法去掉输入的特殊符号包括空格function b(s){var pattern = new RegExp("[` ~!@#$^&*()=|{}':;',\\[\\].<>/?~!@#¥……&*()——|{}【】‘;:”“'。,、?]")var rs = "";for (var i = 0; i < s.length; i++) {rs = rs+s.substr(i, 1).replace(pattern, '');}return rs;} .

2020-09-29 14:29:58 1643

原创 var let const(经典面试篇)

var let const的区别一)var声明变量存在变量提升,let和const不存在变量提升二)let、const都是块级局部变量三)同一作用域下let和const不能声明同名变量,而var可以那么笔试题for(let i=0;i<5;i++){ setTimeout(function(){ console.log(i); },0) } console.log(i);输出:5 0 1 2 3 4 for(var i=0;i&l

2020-09-07 20:39:03 526

原创 Proxy

Proxy从ES6到VUE3.0ES6-Proxy代理 Vue3.0-Proxy感兴趣的可以去看一下,我这里只记录一下我面试遇到的vue双向绑定的原理 v-modulevue数据双向绑定通过‘数据劫持’:指的是在访问或者修改对象的某个 属性时,通过一段代码拦截这个行为,进行额外的操作或者修改返回结 果 。 vue2.0用 Object.defineProperty() 这个方法重新定义了对象 获取属性值(get)和设置属性值(set)的操作来实现的vue3.0用Proxy订阅发布模

2020-08-29 11:06:10 193

原创 面试前端开发岗位被问父子组件和响应式布局(问到就是赚到篇一)

因为最近在求职,所以用博客给自己记录一下get到的点面试被问父子组件和响应式布局(问到就是赚到)今天面试前端开发岗位被问到了父子组件和响应式布局,这里总结一下先说响应式响应式布局响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套,手机端再开发一套,而使用响应式布局只要开发一套就够。优点面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点仅适用布局、信息、框架并不复杂的部门类型网站兼容各种设备工作量大,效率低下代码累赘,会出现隐藏无用的元素,加载时间

2020-08-29 10:26:30 410

原创 vue3.0都支持ES6了,你还对前端新特性没有了解吗?(一)

在面试过程中我们经常被问道你知道ES5,ES6有哪些新特性吗?你知道HTML5的新特性吗?ok,今天乘着我学习总结的这个机会,主要是为我自己总结一下这些新特性,欢迎留言指教(注意本文并不全面)HTML5新特性首先就是近俩年小伙伴发现的,暧!怎么最近不见FLASH插件了,浏览网页可以用HTML5播放器了,没错了,这个就是新特性之一1.1 视频格式浏览器支持的视频格式有:MP4、WebM、OGG浏览器MP4WebMOGGInternet ExplorerYesNONO

2020-08-24 17:13:34 1219

原创 用Echarts做一个简单的疫情动态图

简单的疫情动态图(vue需要的模块自行下载)<template> <div> <div style="width:100%;height:600px" id="chart"></div> </div></template><script>import echarts from 'echarts'import jsonp from 'jsonp'import 'echarts/ma

2020-08-24 16:58:17 1197

原创 最最最最基础的弹幕功能

小二,上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body, p, div,

2020-08-24 16:21:00 272

原创 利用勾股定理和Canvas做一个可以装×的网页背景

有密集恐惧的小伙伴SORRY了小三,上代码(声明:想要和鼠标互动,留言)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <styl

2020-08-24 16:15:38 198

原创 关于项目上线(新浪云)

对于vue开发的pc端如何上线呢在我学习之前,我发现网上虽然对学习各种各样的语言有很多视频,但是对于最后我们的项目如何上线却无人问津,对于我这个迫切想上线的小实习生来说,无疑是很困惑的,那这里就讲一下我最近上线的经历借博客记录一下。上线项目:项目开发完毕之后, 默认只能在本地进行访问, 即 只能在同一个局域网中访问.如果项目希望放到网络上, 让所有人访问则需要上线上线的地址通常分两种:个人服务器自行购买设备, 购买带宽, 购买域名. 把项目放到此服务器上进行上线此方式价格高, 需

2020-08-24 15:25:15 440

原创 在本机电脑配置pip镜像

windows:**直接在user目录中创建一个pip目录,如:C:\Users\xx\pip,新建文件pip.ini,内容如下[global]index-url = https://pypi.tuna.tsinghua.edu.cn/simple例图如下重启cmd, 按照 mysql 模块pip install mysql-connector通过 pip list 命令 可以查看已安装的模块...

2020-08-18 16:03:22 142

原创 关于python安装Diango

关于python安装Diango如果安装不成功出现以下错误,那就是你镜像的问题这里直接给一个临时解决镜像问题的方法python的一个第三方模块, 可以使用python与数据库进行交互, 并制作接口服务, 与前端进行交互.安装:必须是中国镜像: pip (这个是重点)安装:pip install django如果版本非3.1, 可以卸载: 过程中有询问就输入 y 回车pip uninstall django如果安装不成功出现以下错误,那就是你镜像的问题官方地址https:

2020-08-17 11:22:23 143

空空如也

空空如也

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

TA关注的人

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