自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

友人C君的博客

与 bug 不共戴天 ᕙ(⇀‸↼‵‵)ᕗ

  • 博客(277)
  • 资源 (2)
  • 收藏
  • 关注

原创 前端面试题型汇总

目录HTMLHTML语义化的作用SEO中的TDKHTML5中新增标签块级元素和内联元素img中的alt和title的区别title与h1的区别、b与strong的区别、i与em的区别元标签label标签的作用iframe的缺点HTML和XHTML的区别repaint和reflow为什么div+css的格式替代了tableCSScss样...

2019-06-10 16:44:11 806

原创 ES6基础(面试)

ES6 尚硅谷教学视频最常用的ES6特性let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments,promise ,set (ES7:async/await,includes)这些是ES6最常用的几个语法,基本上学会它们,我们就可以...

2019-06-09 14:40:46 1128

转载 javascript深入学习this指向问题(转载)(精华)

this 的指向在 ES5 中,其实 this 的指向,始终坚持一个原理:this 永远指向最后调用它的那个对象,来,跟着我朗读三遍:this 永远指向最后调用它的那个对象,this 永远指向最后调用它的那个对象,this 永远指向最后调用它的那个对象。记住这句话,this 你已经了解一半了。下面我们来看一个最简单的例子:例 1: var name = "windowsNam...

2019-06-06 20:25:14 122

转载 javascript深入学习原型到原型链(转载)(精华)

构造函数创建对象我们先使用构造函数创建一个对象:function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // Kevin在这个例子中,Person 就是一个构造函数,我们使用 new 创建了一个实例对象 person。很简单吧,接下来进入正题...

2019-06-06 16:03:58 100

转载 CSS布局大全(转载)(精华)

原文地址:https://juejin.im/post/5aa252ac518825558001d5de内容目录一、水平居中(1)文本/行内元素/行内块级元素▲(2)单个块级元素▲(3)多个块级元素(4)使用绝对定位实现▲(5)任意个元素(flex)★本章小结:二、垂直居中(1)单行文本/行内元素/行内块级元素▲(2)多行文本/行内元素/行内块级元素(3)图片▲(4)单个块级...

2019-06-06 15:11:14 238

原创 websocket 封装

WebSocketObj类使用单例模式创建websocket连接,暴露出手动开启/关闭/重连的函数,内部实现断线重连和心跳检测机制,通过onMessage状态钩子触发接收下行消息,发送该下行type对应的事件通知,由SocketEvent类实现调用对应的事件数组。import { PING, ROOMID, SESSION, TIME_SPACE, EV_TYPE } from './constant'import { tpToType } from './mapHandle'import S

2021-04-20 15:11:09 17

转载 手写实现Promise

从一道让我失眠的 Promise 面试题开始,深入分析 Promise 实现细节​​

2021-04-12 20:06:14 10

转载 react 多层级组件传值方案(React.context 和 useContext)

React中,数据流是自顶向下的,如果兄弟组件通信,那就得先状态提升到父组件但我们平时开发过程中,经常碰到组件树层级很深,如果不同层级的组件需要使用同一份数据,那从顶层组件分别传递props的方案肯定是很麻烦的而且太深的props层级对后续进行维护追溯数据源来说也是不好的一种解决方式因此context的使用场景就是:在组件树中,不同层级需要访问相同的数据源时,可以利用context,进行组件之间的通信React.context先看这么一个例子:// context.jsimpor

2021-04-08 14:53:20 74

转载 强缓存和协商缓存

这篇文章我们来聊一聊静态资源的缓存策略,如果你准备去做页面的优化,那么这个知识点你就必须得了解。首先明确一下静态资源的概念,静态可以理解为不变的。页面中像js、css、img等文件都是静态文件,因为此类文件你上线什么内容,所有的用户都会获取一样的内容,它是不会变化的,基于这样的特点,这样的文件可以做缓存,提高加载速度。像一般的html文件,在你开发完还需要套各类模板,因为数据不同,展现的内容也不同,最典型的就是头条的页面,千人千面,每个页面都不一样,你很难从整体上做缓存,所以这样的文件不能算是静态资

2021-03-02 10:17:25 34

原创 正则表达式 基础用法

为什么需要正则呢?将给定的数字转化成千分位的格式,如把“10000”转化为“10,000”// js逻辑写法function transform(num) { num = (num + '').split('') ı var temp = [] var count = 0; for (var len = num.length, i = len - 1; i >= 0; i--) { temp.unshift(num[i]) count+=1 ...

2021-02-26 10:56:23 31

原创 JS 实用代码片段

如何获取当前页面的滚动位置? constgetScrollPosition=(el=window)=>({ x:el.pageXOffset!==undefined?el.pageXOffset:el.scrollLeft, y:el.pageYOffset!==undefined?el.pageYOffset:el.scrollTop});//ExamplegetScrollPosition();/...

2021-01-26 10:20:46 39

原创 关于React中的setState

React中的setState是异步的吗?setState是同步执行的!但是state并不一定会同步更新(异步更新和同步更新都存在)setState()中有个特别重要的布尔属性isBatchingUpdates(默认为false),它决定了state是同步更新还是异步更新。异步更新:合成事件 钩子函数setState 只在合成事件和钩子函数中是“异步更新”的。异步更新的背后,是同步代码处理("合成事件和钩子函数"的调用在"更新"之前)。异步是为了实现批量更新的手段,也是React性能优

2021-01-12 14:37:01 43

原创 HTTP常见概念

HTTP 简介HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。。HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。HTTP 工作原理HTTP协议工作于客户端-服务端架构上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器有:Apache服务器,IIS服务器(I.

2021-01-06 20:22:47 88

原创 前端性能优化

前端性能统计的数据大致有以下几个:白屏时间:从打开网站到有内容渲染出来的时间节点; 首屏时间:首屏内容渲染完毕的时间节点; 用户可操作时间节点:domready触发节点; 总下载时间:window.onload的触发节点。白屏时间白屏时间节点指的是从用户进入网站(输入url、刷新、跳转等方式)的时刻开始计算,一直到页面有内容展示出来的时间节点。这个过程包括dns查询、建立tcp连接、发送首个http请求(如果使用https还要介入TLS的验证时间)、返回html文档、html文档head.

2020-12-24 17:36:13 26 1

原创 常用 Git 指令

初始化 git 项目 (生成.git文件)git init从远程服务端克隆仓库(如github)git clone 'github仓库地址'提交改动git add 文件名 (添加文件到暂存区)git add . (.表示全部文件)git rm 文件名 (删除文件)git status (查看暂存区文件,有刚才添加的改动文件)git commit -m '提交信息' (提交到本地仓库,此时git status查看缓存区为空)git push (推送到远...

2020-12-06 15:49:56 68

原创 React Hooks

import react, { useState, useEffect, useLayoutEffect, useRef } from "react";// useState : 代替class组件的内部stateconst [data, setData] = useState({});// useEffect : 代替生命周期 componentDidMount,componentDidUpdateuseEffect(() => { const handle = () => .

2020-11-24 20:26:14 58 1

原创 web接入 微信SDK

1: 引入微信SDKcnpm install weixin-js-sdk2:使用wx.config 注入功能函数3:使用wx.回调函数 调用(1)测试号申请, 注意事项(2)生成access_token(3)使用access_token 通过链接获得jsapi_tickethttps://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=***************&type=jsapi...

2020-08-07 10:55:12 200

原创 React 数据状态管理 Dva

安装 Dva 依赖通过 npm 安装 dva-cli 并确保版本是0.9.1或以上。npm install dva-cli -g定义 Model新建 modelmodels/products.js:export default { namespace: 'Test', state: { name: 'chen', }, effects: { *query({ payload }, { call, put }) { yie...

2020-07-27 16:57:20 287

原创 flutter 接入 google登录

https://pub.dev/packages/sharesdk_plugin#-installing-tab-在此网址查看最新的版本然后在pubspec.yaml里导入sharesdk_plugin: ^X.X.X然后参考这个example的文件来配置https://github.com/MobClub/ShareSDK-For-Flutter/tree/master/sharesdk_plugin/example...

2020-05-12 21:41:22 434

原创 mac系统下 安装flutter 环境

入门: 在macOS上搭建Flutter开发环境 - Flutter中文网-此处下载 flutter 资源mac添加环境变量 - sundaysios - 博客园 - 为flutter配置环境变量Android Studio 下载 - 下载Android Studio 用于 安卓环境开发Mac版 Android Studio 手动导入插件plugins - Andrio...

2020-05-08 12:14:34 723

原创 JS高阶函数(函数柯里化)

函数柯里化的好处有三个:可以将函数作为参数传递 (用于参数复用) 可以将函数作为返回值输出 (提前返回) 函数的延迟计算 (使用较少)缺点:【通用函数】解决了兼容性问题,但同时也会再来,使用的不便利性,不同的应用场景往,要传递很多参数,以达到解决特定问题的目的。有时候应用中,同一种规则可能会反复使用,这就可能会造成代码的重复性。总结:说白了柯里化就是用到了很多闭包,递归,参数展...

2020-04-30 12:25:23 220

原创 EOLINKER 请求mock 数据

由于 easy mock的网站请求时不时会崩掉(=_=不知道是不是官方限制了请求次数),总之使用EOLINKER 请求mock数据是很快速的,就是初始创建比较麻烦,现在开始教程。EOLINKER 官网首先新建一个API项目进入项目选择新建API新建API完成在刚才的API项目中 新建mock API供大家尝试调用https://...

2020-04-05 16:16:20 160

原创 004_小程序常规操作

父组件调用子组件的函数假如我们已经有了一个自定义组件toast组件里面有个方法控制toast的显示假如我要在登录界面引用toast,那如何调用自定义组件的方法控制toast显示?1.首先在登录的json页面引用组件2.在登录的wxml页面引用组件(一定要设置id)3.在登录页的js页面的生命周期中获取组件(图中的传入的参数就是第2...

2020-03-24 14:36:01 142

原创 003_小程序路由 及 传值

一、哪些情况会触发页面跳转 小程序启动,初始化第一个页面 打开新页面,调用 API wx.navigateTo 或使用<navigator />组件 页面重定向,调用 API wx.redirectTo 或使用<navigator />组件 页面返回,调用 API wx.navigateBack或用户按左上角返回按钮 tarbar切换所有页面都必须在a...

2020-03-23 15:01:31 133

原创 001_小程序文件结构和生命周期

文件结构生命周期小程序分为应用、页面和组件三个部分,所以小程序的生命周期涉及以下:应用的生命周期 页面的生命周期 组件的声明周期 应用的生命周期对页面生命周期的影响(1)应用的生命周期App()函数用来注册一个小程序。接受一个Object参数,其指定小程序的生命周期回调等。App()必须在app.js中调用,必须调用且只能调用一次。App(...

2020-03-23 12:21:42 112

原创 002_小程序 标签 和 基础语法(列表渲染,事件响应)

标签视图容器 名称 功能说明 cover-image 覆盖在原生组件之上的图片视图 cover-view 覆盖在原生组件之上的文本视图 movable-area movable-view的可移动区域 movable...

2020-03-23 12:21:04 171

原创 008_React 状态管理 Redux

Redux 的概念Redux 是 JavaScript应用的状态容器,提供可预测化的状态管理;Javascript应用:是指任何Javascript构建的项目,而不是仅仅是React框架构建的项目,当然他们搭配用起来更加顺手; 状态容器:react项目中的state抽离出来集中在对象树状结构中store(状态容器),一个项目只能有一个store(状态容器); 可预测性:对于状态的更...

2020-03-20 15:53:59 82

原创 007_React-router

路由跳转 首先在项目中引入react-router的拓展npm install --save react-router-dom然后写一个组件作为跳转路由时需要显示的组件然后在使用路由跳转的地方引入然后在标签里通过 Router和Route放置组件修改路由地址,即可显示对应组件也可以使用 <Link> 标签里的to属性之间进行跳转(&...

2020-03-15 23:20:50 76

原创 006_React的生命周期

利用生命周期函数进行页面优化

2020-03-15 15:29:00 185

转载 005_React函数绑定及调用的三种方式

1.直接用bind绑定 (可以传参数)Function.prototype.bind(thisArg [, arg1 [, arg2, …]])是ES5新增的函数扩展方法,bind()返回一个新的函数对象,该函数的this被绑定到thisArg上,并向事件处理器中传入参数//params参数<div onClick={this.showModal.bind(this, par...

2020-03-15 13:59:32 216

原创 004_React 父子组件之间传值和调函数

父组件向子组件传值在父组件中直接将值写入组件标签参数中,然后写入数据即可而子组件中接收此参数直接使用this.props.参数名 即可拿到父组件传递的参数。例子:子组件调用父组件的函数与Vue的$emit不同的是,React的子组件调用父组件的方式同样是使用this.props.函数名,在子组件中通过this.props.函数名(参数)调用在父组件...

2020-03-15 13:56:45 479

原创 003_React 文件结构

入口js文件组件 App.js 文件在组件中使用组件,如在App组件中引入Test组件(注意,组件名此时要大写)Test.js组件增加修改数据的函数在组件汇总引入less文件首先需要安装less,less-loader cnpm install less less-loader --save-dev...

2020-03-15 11:54:14 54

原创 002 React 的安装

使用 create-react-app 快速构建 React 开发环境create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。create-react-app 自动创建的项目是基于 Webpack + ES6 。执行以下命令创建项目:cnpm install -g create-react-appcreate-r...

2020-03-10 10:35:28 72

原创 001_ React.JS 的学习

React官网React 的介绍与Vue的对比

2020-03-10 10:29:43 81

转载 数据结构之二叉树

前序遍历:根节点=>左子树=>右子树中序遍历:左子树=>根节点=>右子树后序遍历:左子树=>右子树=>根节点假设有棵树,长下面这个样子,它的前序遍历,中序遍历,后续遍历都很容易知道。前序遍历: GDAFEMHZ中序遍历:ADEFGHMZ后序遍历: AEFDHZMG现在,假设仅...

2020-02-24 22:53:40 95

原创 JS排序算法

冒泡排序使用两重for循环,将数组中的元素进行逐个两两对比,第一重for循环用于次数统计,一共要循环arr.length-1次,第二重for循环用于元素两两比较,一共需要进行arr.length - i -1 次,其中, -i,因为之前排序好的元素(一轮比较下来最大或最小的元素)会放在数组的最末尾,因此不必比较 已排好的 i个,-1是因为在循环内取值是取 j和j+1项进行比较,因此需要-1不让...

2020-02-22 21:29:04 63

原创 Vue事件委托优化

虽然Vue不提倡也很少需要手动生成DOM,但是有时难免需要手动生成新的标签,此时,手动生成的新标签也像原生JS操作DOM一样,不会绑定事件,如以下例子:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Vue事件委托</title>...

2020-02-16 12:37:56 383

转载 Vue UI插件集合(转载)

element:VUE2的web UI工具 mint-ui:VUE 2中的移动UI iview:VUEjs 的开源 UI 库 muse-ui:响应式 UI 库 VUECircleMenu:VUE圆环菜单 VUE-chat:聊天示例 VUE-waterfall:瀑布组件 Keen-UI:基本UI组件 Vux:基于VUE和WeUI的组件库 VUE-carbon:MD风格的移动端 V...

2020-02-15 12:53:55 375

转载 前端跨域解决方案(转载)

什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请求: j...

2020-02-13 20:37:22 121

转载 腾讯云linux服务器安装mongoDB(转载)

复制命令:wget -c http://mirrors.linuxeye.com/oneinstack-full.tar.gz && tar xzf oneinstack-full.tar.gz && ./oneinstack/install.sh --db_option 15 --dbinstallmethod 1 --dbrootpwd 123456 --...

2020-01-30 18:37:33 246

毕业论文管理系统

Java GUI登录界面及其相应事件,根据输入的账号密码与数据库匹配后进入系统,使用JDBC连接SQL SERVER数据库,管理数据库中的账号,实现上传下载文件到不同终端的管理文件系统。后续资源请留言。

2018-07-08

JavaScript实现2048小游戏

原生js语法实现网页版2048小游戏~

2019-03-25

空空如也

空空如也

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

TA关注的人 TA的粉丝

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