- 博客(33)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 meta name="viewport" content="width=device-width, initial-scale=1"
width和device-widthwidth和height指浏览器视区的尺寸，可以通过document.documentElement.clientWidth;获取。而device-width和device-height指显示器的尺寸，可以通过window.screen.width。不是每个人都会全屏运行他或她的浏览器，但是移动浏览器将填满可用的屏幕。默认情况下，现代移动设备会缩放网页来...
2020-04-21 09:48:16
7041
原创 前端性能优化小结
资源组织方式合并css和js文件一个项目只有一个css，一个js，使得不同网页不必每次请求重复的css或者js内容。并且使用打包工具可以压缩资源文件的大小，例如webpack、gulp、grunt等。优先使用矢量图使用字体图表或者SVG图替代传统的PNG图片。矢量图片资源大小更小，渲染速度快，不存在放大后模糊的问题。减少冗余CSS的性能优于js；原生js的性能优于第三方插件。避免...
2020-04-20 22:53:17
245
原创 Promise
背景术语同步执行与异步执行同步执行主函数的调用后的操作和子函数的返回操作的时间同步，即等待被调用任务执行完毕后，再进行调用函数后的操作。在下面的例子中，如果call函数的执行和callee函数的执行同步，那么在callee返回someValue后，才能执行call中的some codefunction call(){ function callee(){ return someVa...
2020-04-01 09:08:36
279
原创 CSS垂直居中
CSS垂直居中transform: translateY(-50%)flexposition: absolute + margin: -50px 0 0 0;transform: translateY(-50%)1）使用top: 50%使得元素上边界偏移至页面竖直方向上的中心线2）使用position: relative使得实际展示的元素相对于本身位置进行偏移3）使用transform: ...
2020-03-31 16:00:00
140
原创 Javascript中的Number
在 JavaScript 中, Number 是一种定义为 64位双精度浮点型（double-precision 64-bit floating point format） (IEEE 754)的数字数据类型。JavaScript中的内置数据结构动态类型JS 为弱类型 | 动态语言。不同提前声明变量的类型，变量的类型由程序运行中根据变量被赋的值自动确定。同时，同一个变量可以存储不同类型的数据...
2020-03-31 10:43:06
367
原创 0.1+0.2 === 0.3为false
浮点数的运算精度丢失问题。可以引入ES6中的Number.EPSILON判定是计算误差还是数据不同。Number.EPSILON为JavaScript可以表示的最小精度。实际原理将0.1和0.2转换为二进制0.1 => 0.0001 1001 1001 1001...无限循环0.2 => 0.0011 0011 0011 0011...无限循环0.1+0.2 => ...
2020-03-31 10:28:49
3317
原创 浏览器渲染流程
浏览器请求至展示页面的流程DNS查询TCP连接HTTP请求服务器响应客户端渲染客户端渲染流程解析html => 构建DOM树解析css + DOM树 => 构建render树布局render树 (重排layout / reflow) = 计算元素大小、位置绘制render树 (重绘paint） = 绘制页面像素发送页面信息给GPU绘制GPU合成各层页面 =...
2020-03-31 09:46:28
145
原创 CSS定位的四种类型：static | relative | absolute | fixed
CSS定位文档流定位的四种类型static 静态定位relative 相对定位absolute 绝对定位abdolute不生效对齐优先级fixed 固定定位文档流文档流也被称为normal flow普通流，是元素在html中的排列方式。block元素单独占一行垂直排列，inline元素在行内从左至右依次排列。定位的四种类型static 静态定位静态定位是默认的定位方式。它遵循正常的文档...
2020-03-31 09:22:50
701
原创 CSS display | opacity | visibility的区别；回流与重绘
opacity=0该元素变透明，但是不会改变页面布局。并且若此元素绑定了事件，点击该元素所占区域时，响应事件同样会被触发。visibility=hidden该元素变为不可见，但是不会改变页面布局。对用户不可见后，点击相应的区域也无法触发绑定的事件display=none该元素不再展示，会改变页面布局点击相应的区域也无法触发绑定的事件...
2020-03-29 17:44:13
3732
原创 requestAnimationFrame原理
requestAnimationFrame原理API 简介实现动画的方式申明元素脚本实现setTimeout | setIntervalrequestAnimationFrame背景术语动画帧请求回调函数列表active documentbrowsingContext浏览器UI线程函数流程requestAnimationFrame调用流程cancelAnimationFrame调用流程浏览器执行流...
2020-03-28 15:52:55
936
1
原创 DOM模型
DOM - Document Object Model 文档对象模型简介DOM是呈现或者操作HTML或者XML文档的API。DOM是浏览器中加载的文档模型，以节点树的形式来表现文档，每个节点都是文档构成的一部分。DOM允许运行在浏览器中的代码访问并操作文件中的节点。节点上可以绑定事件监听器，当事件被触发时，节点可以被创建、移动、修改。常见的将web页面与脚本或者编程语言连接起来的DOM文档...
2020-03-28 13:43:26
130
原创 web的页面可见性——visibilityChange | document.hidden
页面可见当页面被最小化或者变成后台标签页时，页面为不可见状态。浏览器会在document触发一个visibilitychange事件，并且设置属性document.hidden = true；当打开页面或者点击标签页，即页面展示时，页面为可见状态。浏览器也会在document触发一个visibilitychange事件，并且设置属性document.hidden = false；可以通过函数...
2020-03-28 13:19:45
1033
原创 document.getElementById
var element = document.getElementById(id);因为Id具有唯一性，所以这个方法用来查找页面中的某一个元素。无Id元素的查找可以使用CSS选择器 querySelector()参数 id大小写敏感的字符串，指代被查找元素返回值 elemnt一个DOM中匹配id的Element对象。未查找到此id的Element时，返回null。注意get...
2020-03-28 12:55:25
25441
原创 CSS 盒模型
盒子模型 Box Model我们可以将html中的元素可以看作一个box，然后对这个box本身和box与周围box的放置进行设置。即，盒模型用于对元素进行布局，布局内容包括外边距margin、边框border、内边距padding和实际内容content四个部分。四个部分的排列方式如下图所示：标准盒模型与怪异盒模型现有两种盒子模型：W3C的标准盒模型和IE的怪异盒模型。大部分浏览器都以W3...
2020-03-28 10:57:29
90
原创 CSS基础入门
CSS基础入门CSS 概述CSS Cascading Style Sheet - 层叠样式表目的样式定义的优先级CSS基础语法CSS语法构成选择器颜色值的不同表示方法注意派生选择器 | 上下文选择器 contextual selectorsID选择器ID选择器和派生选择器结合使用类选择器属性选择器选择器里的特殊符号插入CSS外部样式表内部样式表内联样式多重样式CSS 概述CSS Cascadi...
2020-03-28 10:34:01
129
原创 maven 项目导入无法连接mysql报错
/Library/Java/JavaVirtualMachines/jdk1.8.0_221.jdk/Contents/Home/bin/java -XX:TieredStopAtLevel=1 -noverify -Dspring.output.ansi.enabled=always -Dcom.sun.management.jmxremote -Dspring.jmx.enabled=true...
2019-12-13 19:20:08
546
原创 算法 - 扔鸡蛋问题
算法第三次上机C题问题描述“假设有两个相同的玻璃球，你想确定100层楼中最低楼层，当它们从这层楼掉下来的时候会摔碎。假设球在这一层以下掉落时没有损坏。什么策略可以最大限度地减少试验的跌落次数？”假设我们只有一个球。我们必须从每一层按顺序从1降到100，最坏的情况下需要100次。现在想想我们有两个球的情况。假设我们把第一个球从n层掉下来。如果它坏了，我们就剩下一个球了，我们需要从1层按顺...
2019-12-13 11:54:45
222
原创 算法 - 最长公共子序列
算法导论第三次上机B题问题描述我们称序列Z = < z 1, z 2, …, z k >是序列X = < x 1, x 2, …, x m >的子序列当且仅当存在 严格上升 的序列< i 1, i 2, …, i k >，使得对j = 1, 2, … ,k, 有x ij = z j。比如Z = < a, b, f, c > 是X = <...
2019-12-13 08:55:29
296
原创 算法 - 最长上升子序列
算法第三次上机A题解法一 ： 动态规划思路：将问题简化为相同求解方式但规模更小的子问题1）n个数的最长上升子序列 = 前n-1个数的最长上升子序列 + 比较第n个数2）前1个数的最长上升子序列 = 1具体解法：1）从第一个数开始，寻找以A[i]结尾的最长上升子序列d[i]。2）寻找d[i]时，比较A[j]=A[1]到A[i-1]，当A[j]<A[i]，取d[i] 为d[i]和...
2019-12-13 08:45:36
396
原创 高级语言特性
语法概念标识符和关键字变量和常量运算符表达式简单语句控制结构语言类型动态语言 OR 静态语言动态语言在运行时确定变量的数据类型的语言。变量使用之前不需要类型声明，通常变量的类型是被赋值的那个值的类型。e.g. python / javascript / php / ruby静态语言在编译时确定变量的数据类型的语言。多数静态类型语言要求在使用变量之前必须声明...
2019-12-06 21:55:59
495
原创 javascript学习笔记系列（一）简介+引入
Javascript 实现javascript : 为了与网页交互而设计的语言组成部分1. ECMAScript语言标准的规定，包括：语法 + 类型 + 语句 + 关键字 + 保留字 + 操作符 + 对象javascript 实现了 ECMAScript2. DOM文档对象模型 document object model提供访问和操作网页内容的方法和接口针对 xml 但是经过扩...
2019-12-06 21:28:07
92
转载 JavaScript + ajax 学习笔记
ajax - 幕布ajax简介Asynchronous JavaScript and XMLWeb的运作原理一次HTTP请求对应一个页面ajax让用户留在当前页面中，同时用js发出新的HTTP请求AJAX请求是异步执行的，要通过回调函数获得响应在现代浏览器上写AJAX主要依靠XMLHttpRequest对象：JavaScript简介ECMAScript一种语言标准JavaScr...
2019-09-16 01:41:19
69
翻译 Unity WebGL - error CS0117: 'NetworkTransport' does not contain a definition for 'SetMulticastLock'
平台: OS XUNITY: 2019.2.0b9error: 导出为WebGLLibrary/PackageCache/com.unity.multiplayer-hlapi@1.0.2/Runtime/NetworkDiscovery.cs(348,30): error CS0117: ‘NetworkTransport’ does not contain a definition fo...
2019-07-13 17:09:23
913
原创 使用Unity制作2D游戏时，给UI添加粒子效果
环境 unity 2019.1.8f1在有UI界面的2D游戏中，若直接添加粒子系统，则会因为渲染层级的关系被遮挡，从而无法在游戏场景中显现。解决方法：更改Canvas设置Canvas—>Canvas—>Render Mode—>Screen Space - Camera将Main Camera拖动至Render Camera新建粒子系统GameObject—>...
2019-07-09 18:41:56
10296
原创 Mac 下使用 Apache 配置 php
ApacheTerminal 输入以下指令，开启 Apache 服务。sudo apachectl start查看Apache服务sudo apachectl -v浏览器中输入 localhost:80（80是默认端口），如果浏览器中显示 **It Works！**则证明Apache服务开启成功。修改Apache服务默认端口打开 /etc/apache2 目录下 httpd.conf...
2019-05-19 22:58:50
325
原创 使用Navicat Premium导入向导 导入csv / txt等格式数据
打开数据库，右键点击想要导入数据的目标表，选择导入向导选择文件格式添加文件注意日期格式和日期分隔符，其他选项设为默认选择源文件和目标文件对应的属性选择导入模式后开始导入完成数据导入...
2019-05-19 22:15:22
5289
原创 基于matlab的区域生长算法实现
利用区域生长算法进行图像分割算法步骤鼠标点击选取生长点3*3 8-邻域生长生长准则：图像与生长点灰度差小于阈值生长点压入栈中，直到栈中没有元素时停止I=imread('mountain.png');if isinteger(I) I=im2double(I);endI = rgb2gray(I);figure imshow(I)[M,N]=size(I);...
2019-05-10 09:35:53
20603
13
原创 mac 环境下 Scrapy 入门
文章目录安装步骤新建爬虫项目 - scrapy startproject明确数据目标 - disease/items.py制作网页爬虫 - spiders/MedicaldataSpider.py创建爬虫配置爬虫取数据提取其他信息保存数据安装sudo pip install scrapypython3环境配置步骤新建爬虫项目 （scrapy startproject name)明...
2019-05-08 10:58:17
2995
6
转载 Mac - MAMP - WordPress - 搭建 php+MySQL 网站开发环境
文章目录下载MAMPWordpress配置下载MAMPMAMP是Mac平台上一款用于Web开发的本地服务器环境的工具。MAMP这几个首字母代表苹果的OSX系统上的Macintosh、Apache、MySQL和PHP，即 MAMP 内含 Apache 服务器、PHP 安装套件以及MySQL安装套件。https://www.mamp.info/en/WordpressWordPres...
2019-05-07 20:33:58
1065
转载 XAMPP: Starting Apache...fail. XAMPP: Another web server is already running.
安装XAMPP时报错浏览器输入 127.0.0.1显示wordPress界面终端输入sudo su/Applications/XAMPP/xamppfiles/xampp start报错Starting XAMPP for Mac OS X 7.1.28-0...XAMPP: Starting Apache...fail.XAMPP: Another web server is...
2019-05-07 12:49:47
2053
2
转载 mac下配置node.js / yarn 环境，微信小程序开发部署
配置环境macOS Mojave 10.14前期准备Homebrew/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"Nodebrew install nodeYarnnpm install yarn修改Yarn的安装源为淘宝的镜像,提...
2019-04-23 18:00:12
1152
转载 关于利用cin.fail / cin.clear / cin.sync / cin.ignore 对输入匹配的检测
cin在输入字符的格式与对象不匹配的时候，将输入流对象 cin 挂起，即 cin.fail() 返回 FALSE。注意：未匹配的输入字符将缓存cin.clear流标志复位可以将cin的状态重置，即将其置为true，cin.fail() 返回 TRUE。但是不匹配的输入流仍存于缓存中cin.ignore缓冲区清空取走刚才流中的字符，即清除缓冲区字符注意：如果放入 while 循环...
2019-03-19 13:40:56
499
转载 基于 Numpy - MiniSom 创建颜色量化模型
目录概述颜色量化系统环境实验环境搭建导入加载图像SOM 初始化和训练向量量化创建新图像显示结果运行结果概述颜色量化减少原图像中所用颜色，让新图像尽可能地从视觉上和原图像相似。搭建一个模型，可以学习一张图像中的颜色，然后用学到的知识来重构原图像。系统环境macOS 10.14实验环境搭建安装Numpypython -m pip install numpy scipy matplo...
2019-03-07 22:40:29
2913
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人