- 博客(26)
- 收藏
- 关注
RSS订阅
原创 收集的前端常见面试题
目录HTML 、web综合1、doctype的作用2、什么是web语义化，有什么好处？3、浏览器内核3、什么是DOM？4、什么叫优雅降级和渐进增强？5、什么是跨域？解决跨域的办法有哪些？6、从一个url地址到最终页面渲染完成，发生了什么？7、HTTP状态码8、Http协议的特点：9、前端性能优化10、html5新特性11、请描述一下 c...
2019-06-30 17:00:32
467
原创 git submodule常用操作
当我们多个项目都需要依赖一个公共的库的时候，以往的做法是把这个公共库文件复制到项目中，如果有N个项目需要依赖的话，就要复制N次，当这个公共库有更新的时候，又要给每个依赖的项目重新复制更新，十分麻烦。 当我们使用了gitsubmodule之后，一切都变得简单且清晰，我们主项目并不需要负责子模块的维护，只是在需要的时候同步一下子模块的更新即可。 本文只是介绍git submodule的简单使用，详情请移步官方文档。一、起步 首先在github创建三个远程仓库f...
2020-09-29 21:39:07
997
原创 实现简易的可调节宽度侧边栏
使用qq的时候发现了左侧可以调节大小，效果如下，于是自己手动实现了一个类似的小demo首先是html结构，主要有两部分，左侧侧边栏和右边主内容区域。flexible是左侧侧边栏，main为右边主内容区域，bar表示拖动条<div class="container"> <div class="flexible"> <div class="content"> <img src="http://img1.i
2020-05-10 15:04:59
1426
原创 android 10读写文件权限问题
今天做毕业设计的时候涉及到读取文件，在AndroidManifest.xml中声明了<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />，并且已经在代码中动态获取权限，但是还是报权限异常。 我的手机是Android 10，sdk 29。百度了一下，全是以前Android6.0之后...
2020-03-24 22:56:08
4216
1
原创 h5 canvas实现的超级简易版的贪吃蛇小游戏
新型冠状病毒疫情来袭，整天窝在家里面，闲来无聊，就突发奇想做个贪吃蛇小游戏。思路已写在代码中<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>贪吃蛇</title> <style> ...
2020-02-04 19:05:23
621
原创 WebSocket实现简易版的多人聊天室
一、websocket简介 WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。（百度百科）二、多人聊天室的实现1、后端服务器（1）后端...
2020-01-30 17:13:36
1321
3
转载 IEEE754浮点数算数标准
IEEE754规定：单精度浮点数字长32位，尾数长度23，指数长度8,指数偏移量127；双精度浮点数字长64位，尾数长度52，指数长度11，指数偏移量1023； 约定小数点左边隐含有一位，通常这位数是1，所以上述单精度尾数长度实际为24(默认省略小数点左边的1则为23)，双精度尾数长度实际为53（默认省略小数点左边的1则为53）；下面讲述使用IEEE754标准表示浮点数：176.062...
2019-11-28 10:39:19
3149
原创 js数组去重的几种常见方法
1、function fun1(arr) { var t = [] t[0] = arr[0] for(let i = 0;i < arr.length;i++){ for(let k = 0;k < t.length;k++){ if(t[k] == arr[i]) break; if(k == t.length - 1){ t.push(ar...
2019-11-22 13:05:36
167
原创 目的地最短步数
题目描述 考虑你从家出发步行去往一处目的地，该目的地恰好离你整数单位步长（大于等于1）。你只能朝向该目的地或者背向该目的地行走，而你行走的必须为单位步长的整数倍，且要求你第N次行走必须走N步。 请就给出目的地离你距离，判断你是否可以在有限步内到达该目的地。如果可以到达的话，请计算到达目的地的最短总步数(不能到达则输出-1)。输入描述:1个整数：目的地离你距离T...
2019-09-06 23:56:37
674
原创 java实现二叉树的遍历
现有如下图一颗二叉树：节点数据结构：class BinTreeNode { char data; int flag; BinTreeNode lchild, rchild; BinTreeNode(char data, int flag, BinTreeNode lchild, BinTreeNode rchild) { this.data...
2019-09-06 16:28:09
144
原创 前端性能优化的方法
原则：1、多使用内存、缓存或者其他方法。2、减少cpu占用，减少网络。方法：一、加载页面和静态资源1、静态资源压缩合并，减少http请求。（1）减少http请求数量（2）减少请求资源大小2、非核心代码异步加载（async、defer区别）。3、利用浏览器缓存（强缓存和协商缓存）4、使用cdn让资源加载更快5、DNS预解析（1）用meta信息来告知浏览器, 当前页面要做...
2019-09-05 20:58:18
304
原创 前端三栏布局：左右宽度固定，中间自适应常见的几种解决方式
方式一：浮动 方式二：定位 方式三：flex 方式四：表格布局 方式五：grid网格布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三栏布局几种实现方式</title> <style>...
2019-09-05 18:29:12
393
1
原创 HTTP与HTTPS协议
一、HTTP与HTTPS概述HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。HTTPS协议...
2019-09-02 20:16:37
711
转载 es6 Symbol基本数据类型介绍
ES6中引入了一种新的基础数据类型：Symbol，不过很多开发者可能都不怎么了解它，或者觉得在实际的开发工作中并没有什么场景应用到它，那么今天我们来讲讲这个数据类型，并看看我们怎么来利用它来改进一下我们的代码。这是一种新的基础数据类型（primitive type）Symbol是由ES6规范引入的一项新特性，它的功能类似于一种标识唯一性的ID。通常情况下，我们可以通过调用Symbol...
2019-08-30 11:51:02
281
转载 JS事件循环机制（event loop）
一、JS单线程、异步、同步概念 众所周知，JS是单线程（如果一个线程删DOM，一个线程增DOM，浏览器傻逼了～所以只能单着了），虽然有webworker酱紫的多线程出现，但也是在主线程的控制下。webworker仅仅能进行计算任务，不能操作DOM，所以本质上还是单线程。 单线程即任务是串行的，后一个任务需要等待前一个任务的执行，这就可能出现长时间的等待。但由于类似ajax网络请求、se...
2019-08-30 11:45:58
244
转载 强缓存和协商缓存
一、什么是浏览器缓存 浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。1、浏览器缓存的优点有：（1）减少了冗余的数据传输，节省了网费（2）减少了服务器的负担，大大提升了网站的性能（3）加快了客户端加载网页的速度2、浏览器缓存主要有两类：强缓存和协商缓存。...
2019-08-28 14:54:55
328
原创 前端跨域通信
1、同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。（来自MDN官方的解释）具体解释：（1）源包括三个部分：协议、域名、端口（http协议的默认端口是80）。如果有任何一个部分不同，则源不同，那就是跨域了。（2）限制：这个源的文档没有权利去操作另一个源的文档。这个限制体现在：（要记住） Cookie、Loca...
2019-08-26 14:26:40
210
原创 Flex布局教程
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地...
2019-08-25 15:31:16
138
原创 爱吃喵粮的小招喵（查找，动态规划）
题目描述小招喵喜欢吃喵粮。这里有N堆喵粮，第i堆中有 p[i] 粒喵粮。喵主人离开了，将在H小时后回来。小招喵可以决定她吃喵粮的速度K（单位：粒/小时）。每个小时，她将会选择一堆喵粮，从中吃掉K 粒。如果这堆喵粮少于K 粒，她将吃掉这堆的所有喵粮，然后这一小时内不会再吃更多的喵粮。小招喵喜欢慢慢吃，但仍然想在喵主人回来前吃掉所有的喵粮。返回她可以在H小时内吃掉所有喵...
2019-08-25 15:12:55
708
原创 获得最多的奖金
题目描述 小明在越南旅游，参加了当地的娱乐活动。小明运气很好，拿到了大奖， 到了最后的拿奖金环节。小明发现桌子上放着一列红包，每个红包上写着奖金数额。 现在主持人给要求小明在这一列红包之间“切”2刀，将这一列红包“切”成3组，并且第一组的奖金之和等于最后一组奖金和（允许任意一组的红包集合是空）。最终第一组红包的奖金之和就是小明能拿到的总奖金。小明想知道最多能拿到的奖金是多少，...
2019-08-13 17:56:58
214
原创 鸡鸭分类问题
题目描述农场有n只鸡鸭排为一个队伍，鸡用“C”表示，鸭用“D”表示。当鸡鸭挨着时会产生矛盾。需要对所排的队伍进行调整，使鸡鸭各在一边。每次调整只能让相邻的鸡和鸭交换位置，现在需要尽快完成队伍调整，你需要计算出最少需要调整多少次可以让上述情况最少。例如：CCDCC->CCCDC->CCCCD这样就能使之前的两处鸡鸭相邻变为一处鸡鸭相邻，需要调整队形两次。输入描述:输入一个长...
2019-08-11 14:48:16
713
原创 js中块作用域，var、let、const的区别
1、块级作用域块级作用域是ES6新增的，块作用域由 { } 包括，if语句和for语句里面的{ }也属于块作用域。JS中还有全局作用域和函数作用域。<script type="text/javascript"> { var a = 1; console.log(a); // 1 } console.log(a); // 1 // 可见，通过var定义的变量可以...
2019-06-21 11:22:17
127
原创 css中width、height、margin、padding默认值总结
默认值 left top right bottom width height：默认值为 auto marginpadding: 默认值为 0 百分比参照于谁 width margin padding: 包含块的width height: 包含块的height left: 包含块的width top: 包含块的heigh...
2019-06-18 16:09:58
2506
原创 滚动字幕
在屏幕上从左到右滚动当前时间import java.awt.BorderLayout; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.event.ActionEvent; import java.awt.event.ActionListener;...
2018-05-19 12:30:54
276
原创 公共子序列
公共子序列描述一个给定序列的子序列给定的序列与一些元素(可能没有)。给定一个序列X =另一个序列Z =是X的子序列,如果存在一个严格递增序列X这样的指数j = 1,2,…k xij = zj。例如,Z =的子序列X =与指数序列< 1、2、4、6 >。给定两个序列X和Y的问题是找到最长公共子序列的长度的X和Y。输入程序输入从一个文本文件。文件包含两个字符串中的每个...
2018-05-17 22:24:44
311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人