Foodiegirl_Hui-CSDN博客

原创 vue-router 多个同名参数获取为数组拦截

vue-router中使用query获取参数，如果存在多个同名参数，则拿到的参数为数组格式，如果只想获取单一的字符串，通过拦截可以实现

2023-02-14 11:45:20 315

文章目录1、nginx基本概念1）nginx是什么，做什么2）反向代理3）负载均衡4）动静分离2、nginx 安装、常用命令和配置文件1）在linux系统中安装nginx2）nginx常用命令3）nginx配置文件3、nginx配置实例1）反向代理2）负载均衡3）动静分离4）高可用集群4、nginx原理1、nginx基本概念1）nginx是什么，做什么Nginx 是一个高性能的HTTP和反向代理服务器，特点是占用内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现交互ng

2021-09-15 16:24:13 1403

原创订阅--发布者模式

订阅–观察者模式先定义一个订阅管理器 class Dep{ // 订阅管理 [fn1, fn2, fn3...实例] constructor(){ this.subs = [] } addSub(sub){ this.subs.push(sub) } remove(sub){ let index = this.subs.indexOf(sub) if (index<=-1)

2021-08-11 18:14:57 120

原创 2021-07-29

1、 typeof----检测给定变量的数据类型typeof 123 "number"typeof '123' "string"typeof false "boolean"typeof undefined "undefined"typeof {} "object"typeof [] "object"typeof null "object" // 因为null值表示一个空对象指针

2021-08-03 10:09:40 62

原创 TypeScript初认识

TypeScript的核心TypeScript 的核心是类型分析、流程分析、ES5 语法转换TypeScript 的目标是：兼容所有 JavaScript 语法，并在此基础扩展语法；静态分析代码，找出那些很有可能有 BUG 的代码；生成纯净的、可读的 JavaScript 代码，并且不会对代码作任何优化、处理，甚至连源码中的错误都保留到生成的代码中；不影响最后运行代码的环境。TypeScript 的主要职责是静态分析function isObject(val) {return Object

2020-11-26 14:47:35 148

原创移动端显示边框兼容问题

border1像素问题例如：html:<div class="content border-1px"></div>css:.border-1px{ position: relative;}.border-1px:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}@media only screen and (-webkit-min-device-pixel-

2020-11-23 19:09:12 188

原创 mac电脑怎么修改都显示80端口被占用？

mac电脑怎么修改都显示80端口被占用？解决方法记录下1、使用lsof -i:80查看当前占用80端口的进程，如果有就kill掉。2、关闭mac自带apache的启动。sudo launchctl unload -w /System/Library/LaunchDaemons/org.apache.httpd.plist如果让它开机启动,则将unload 改为 load:sudo launchctl load -w /System/Library/LaunchDaemons/org.apach

2020-11-19 18:31:37 624

原创 nginx 安装部署（mac环境）

文章目录1、nginx 本地安装1）安装homebrew2）安装nginx3）启动服务2、nginx 部署在本地新建项目，我的在本地 /Users/yf/web-text/nginx 下修改nginx.conf文件配置1、nginx 本地安装1）安装homebrew打开官网安装：homebrow官网确认是否安装成功：brew -v2）安装nginxbrew install nginx确认是否安装成功：nginx -v3）启动服务sudo nginx检查nginx是否启动成功

2020-05-22 18:25:03 594

原创 nginx 简介

文章目录什么是Nginxnginx有什么特点（1）更快（2）高扩展性（3）高可靠性（4）低内存消耗一般情况下，10000个非活跃的HTTP（5）单机支持10万以上的并发连接（6）热部署（7）最自由的BSD许可协议Web服务器的对比如何编译安装nginx什么是Nginxnginx [engine x]是HTTP服务器和反向代理服务器，邮件代理服务器以及通用的TCP / UDP代理服务器，最初由IgorSysoev编写。长期以来，它为许多高负载俄罗斯站点的服务器提供服务人们在了解新事物时，往往习惯

2020-05-15 17:26:15 10211

原创 mongodb安装

1、下载mongodb并将其复制到 /usr/local 路径下 2、配置全剧环境，在终端输入 export PATH=/usr/local/mongodb/bin:$PATH 3、在根目录下建立文件夹/data/db 4、终端打开路径/usr/local/mongodb/bin，输入./mongod 出下面的提示 5、访问 http://localhost:27017/出现如下界...

2018-08-15 22:18:38 214

原创 flex布局

flex 布局容器属性display: flex 弹性核布局flex-direction 设置主轴方向（row(默认)沿水平主轴由左向右排列、row-reverse沿水平主轴由右向左排列、column沿垂直主轴右上到下和column-reverse）flex-wrap 是否换行（nowrap(默认)不换行、wrap换行和wrap-reverse）flex-flow 合并fl...

2018-08-06 20:06:32 185

原创 vue 遇坑记录

vue 修改对象属性页面不渲染：因为Vue 不允许在已经创建的实例上动态添加新的根级响应式属性 (root-level reactive property)。然而它可以使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上eg: var person = { name: 'test', get name() { ...

2018-07-27 15:22:08 260

原创 createDocumentFragment 好处知多少

我们知道，createDocumentFragment代表创建一个新的空白的文档片段；那么我们为什么说他呢？下面我们具体了解下在前端飞速发展的热浪中，用户对体验的要求越来越高，导致我们对页面渲染展示的要求页越来越高，传统的dom渲染一直是很耗费时间的一种操作，而虚拟dom的优势却越来越得以体现，从以下两个小demo中，我们看到虚拟dom带给我们的直观体验google浏览器下测试数据10...

2018-07-24 16:38:55 2401

原创 Git知多少

你了解Git吗？如果想学的话，请阅读本博，本博主学习Git除了看官网资料以外，收获最大的还有来自实验楼的文章Git 基础入门Git基础知识Git 实战教程Git常用命令Git 命令汇总Git 命令清单Git 操作Git 远程操作的正确姿势Git 的10种撤销操作详解Git 协作流程Git 进阶Git中级用户的25个提示你需要知道的1...

2018-07-20 15:18:13 218

原创 window.open()知多少

window.open(url, target, feature, replace)window.open(url, target, feature, replace)1）对应参数的详解：2）url3）target4）feature5）replace1）对应参数的详解：url：要加载的URL target：窗口目标feature：一...

2018-07-09 17:58:58 1125

原创深入浅出node总结

node的诞生2009年，Ryan Dahl为了写一个基于事件驱动、非阻塞I/O的web服务器，以达到更高的性能，提供Appache等服务器之外的选择。（设计高性能web服务器的几个要点：事件驱动、非阻塞I/O）node特点1.1异步I/O在node中，绝大多数的操作都以异步的方式调用1.2事件与回调函数事件的编程方式具有轻量级、松耦合、只关注事务点等优势，但是在多个异步任务的场景下，事件与事件

2018-01-02 17:56:19 348

原创代码整洁之道总结

整洁规则1、使用有意义的命名，有更好的命名随时替换2、使用可搜索的名称3、不需要使用前缀或后缀4、类名和对象名应该是名词或名词短语5、方法名应该是动词或动词短语6、别用双关语，做到一词一义7、添加有意义的语境

2017-11-13 19:05:58 413

转载手机定位技术相关flp

近几年来谷歌一直在进行融合定位的研发，哪位大神给普及一下融合定位技术（FLP，Fused Location Provider）的原理，以及和目前的手机定位技术相比的优势？作者：知位轩链接：https://www.zhihu.com/question/35654364/answer/64768355 来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。手机定位的

2017-03-27 16:22:05 1190

原创 OOP编程

oop编程语言有一个标志，就是它们都有类的概念。 Js中对象定义为”无序属性的集合”，其属性可以包含基本值、对象或者函数因此Js对象可以被想象成散列表：无非就是一组名值对，其中值可以是数据或函数。组合使用构造函数和原型模式，是目前Js使用最广泛、认同度最高的一种创建自定义类型的方法构造函数模式（浪费内存）instanceOf 验证原型对象与实例之间关系原型链模式isProto

2017-02-24 16:01:12 416

原创 HTTP协议

HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等。 HTTP是一个应用层协议，由请求和响应构成，是一个标准的客户端服务器模型。HTTP是一个无状态的协议。［

2017-02-24 15:26:01 432

原创 global 、window、this

global和window什么关系，你会疑问吗？BOM的核心对象是window，他表示浏览器的一个实例。在浏览器中，window对象有双重角色，它既是通过javaScript访问浏览器窗口的一个接口，又是ECMAScript规定的global对象。这意味着在网页中定义的任何一个对象、变量和函数，都以window作为其global对象，因此有权访问parseInt()等方法。

2017-02-24 11:59:16 713

原创 canvas在电脑手机屏上被自动放大显示不正常问题

canvas在高清电脑屏上或者手机上显示不正常，其原因是被自动放大变模糊了，所以需要根据不同的手机的devicePixelRatio来进行缩放canvas。解决方案：（同时利用style.width,style.height,width,height可控制缩放效果，因为这是canvas.style.width跟canvas.width所导致的问题。）canvas.style.width是浏览器渲染c

2016-04-12 17:27:59 1675

原创 js 验证数字是否为不以0开头的正数

js 验证数字是否为不以0开头，并且是正数：sDigit: function (value) { var patrn = /^([1-9]\d*|0)(\.\d*[1-9])?$/; if (!patrn.exec(value)) { return false; } else { return true; }

2016-02-24 15:27:13 9214

原创 java基础篇

JAVAjava是一个跨平台的语言，只要有虚拟机（JVM），我们就可以运行java程序，从这个角度出发，java只需编译一次就可以随处运行，由于servlet/jsp技术的退出让java在企业及开发中得到火爆发展。java环境搭建1、下载JDK版本 2、安装JDK 3、搭建环境变量 1）JAVA_HOME:标示我们的jdk安装路径 JAVA_HOME:C:\ProgramFiles\

2015-12-30 17:48:49 398

原创 grunt-beginner 前端自动化工具

codekit(只支持mac平台) grunt：build tool 竞争者：buildy\jasy\Gmake目录目录nodejsyeomen-bower-gruntnode.jsnodes官网下载安装 HomeBrew:http://brew.sh命令行工具： mac ：iterm windows：git npm检查dependencies项yeomen-bower-grunt1.

2015-12-30 15:09:34 1000

原创 webpack开发工具（gulp、browserify、webpack）

Gulp(处理流式的内容)安装（npm install gulp －g） (npm init //为了创建package.json文件，指定用到的第三方库) （ gulp 检测，文件名必须是gulpfile.js）gulp.task('名字',['依赖的文件1','依赖的文件2'],function()({ //具体执行}))例如：gulp.task('sass',function(

2015-12-08 16:07:38 1175

原创双飞翼布局

双飞翼布局的实现思路是，先把最重要的身体部分放好，然后再将翅膀移动到适当的地方。这种布局的好处：一、可以实现主要的内容先加载的优化；二、兼容目前所有的主流浏览器，包括IE6在内哦。三、不同的布局框，可以通过调整相关CSS属性即可实现。示例demo包：demo下载效果图：

2015-11-18 13:40:47 513

原创 React Native study

基于原生的UI组件手势识别基于flexbox的css布局模式跨平台开发基于React,Jsx的组件开发模式可使用npm中的模块 Chrome Dev Tool的集成样式布局

2015-11-18 11:11:43 554

原创 React study（四）Mixin编写使用、函数复用、自定义表单组件

Mixin的优缺点：优点代码复用：抽离出通用代码，减少开发成本，提高开发效率即插即用：可以直接使用许多现有的Mixin来编写自己的组件适应性强：改动一次代码，影响多个组件缺点编写难度高：Mixin可能被用在各种环境中，兼容多种环境就需要更多地逻辑代码，通用的代价是提高复杂度降低代码可读性：组件的优势在于将逻辑和界面直接结合在一起，Mixin本质上会分散逻辑，理解难度更大。两种

2015-11-17 17:49:48 1148

原创 React study (三)事件函数

绑定事件处理函数：不同事件对象：

2015-11-17 12:50:49 542

原创 React study(二)

目录目录react 组件生命周期概要不同阶段的自定义函数react 组件生命周期生命周期的初始化阶段生命周期的运行中阶段生命周期的销毁阶段属性的含义和用法项目分析react 组件生命周期概要组件本质上是状态机，输入确定，输出一定确定。状态发生转换时会触发不同钩子函数，从而让开发者有机会作出响应。可以用事件的思路来理解状态。react整个生命周期：不同阶段的自定义函数初始化：

2015-11-16 18:03:29 631

原创 React study(一)

目录react的产生react特点发展历程JSX语法及特点介绍JSX语法非DOM属性介绍JSX解释器架构介绍目录react的产生facebook需要解决的问题：构建数据不断变化的大型应用。 react特点react特点：简单、声明式 react核心是组件，组件的设计目的是提高代码复用率、降低测试难度和代码复杂度。提高代码复用率：组件将数据和逻辑封装，类似

2015-11-16 15:41:13 750

原创 angularJs study

ng-app 标记一个angularjs程序的开始，并通过angularjs来表明自动初始化应用和标记的根作用域。 ng-init 标记开始，为应用程序变量赋定初始值。 {{}} 绑定数据，可以绑定数字、字符串、对象、数组，写在双大括号内：{{ expression }}。 ng-model 把应用程序数据绑定到html元素上，实现model和view的双向绑定。 ng-repeat 遍历

2015-11-09 18:23:04 382

原创 ArcGIS API for JavaScript 本地IIS部署

目录目录1官网下载2解压使用3配置A默认配置B自定义配置一若不想默认此路径则可以自己配置IIS服务器二修改后的IIS服务器根目录为EwebDeml4测试配置1、官网下载首先到官网下载最新版本的API和SDK(api是开发需要的库，sdk是说明文档和例子) http://support.esrichina-bj.cn/2011/0223/960.html2、解压使用将下载下来的ar

2015-11-05 14:52:50 4276

原创 oracle study

主流数据库：微软： sql server 和 acess 瑞典：AB公司的mysql IBM : db2 美国sybase公司：sybase IBM公司：informix 美国oracle：oracleoracle的安装系统要求：（安装oracle大概耗100多兆的内存）操作系统最好是windows 2000 内存最好在256M以上硬盘空间2G以上安装文件：安装教程参看h

2015-11-04 14:37:54 447

原创 node.js study

目录目录一什么是nodejs二 nodejs的用处为何选择nodejs三 nodejs安装1官网下载安装包2配置配置用户名称和e-mail地址配置编辑器检查配置获取帮助四 nodejs的学习一常用的全局变量global1console2process二模块和包三创建一个web服务器一什么是nodejs Node.js 是一个基于 Chrome V8 引

2015-11-04 12:13:34 752

原创 mysql建库建表的坑你踩了吗

mysql建库建表你注意了吗？平时建库建表没发现，原来mysql建表默认的编码是Latin1编码；mysql> use yourDatabaseName//回车Database changedmysql> status //回车就会出现数据库的相关信息整理的选项是编码的设置。一般选为utf8-bin; 这样做的好处：防止出现不能操作中文的编码问题。

2015-10-29 16:45:03 680

原创几对对比（title\alt,join\split）

一、html的title和altalt属性：如果浏览器无法显示图像（则用alt属性），否则alt属性不显示，浏览器将显示替代文本，就像这样：<!doctype html><html><head></head><body><img src="" alt="海华" title="中华"/></body></html>效果图：当然也就是说<!d

2015-10-29 14:59:32 496

深入理解c# 第三版

深入理解C#(第3版)是C#领域不可多得的经典著作。本书是世界顶级技术专家“十年磨一剑”的经典之作，在C#和.NET领域享有盛誉。作者在详尽地展示C#各个知识点的同时，更注重从现象中挖掘本质。《深入理解C#(第3版)》深入探索了C#的核心概念和经典特性，并将这些特性融入到代码中，让读者能够真正领会到C#之“深入”与“精妙”。在第2版的基础上，《深入理解C#(第3版)》新增了C# 5的新特性——异步，并更新了随着技术的发展，已经不再适用的内容，确保整本书能达到读者期望的高标准。

2016-12-05

TCPIP入门经典第5版

《TCP/IP入门经典(第4版)》的最后为大家带来了一些与Web和安全相关的高级主题。《TCP/IP入门经典(第4版)》叙述简明扼要，通俗易懂，不但适合于计算机网络和Internet用户阅读参考，也可作为大专院校有关专业师生的教学参考书或者培训班教材。

2016-08-25

node.js开发指南

Node.js是一种方兴未艾的新技术，诞生于2009年。经过两年的快速变化，Node.js生态圈已经逐渐走向稳定。Node.js采用了以往类似语言和框架中非常罕见的技术，总结为关键词就是：非阻塞式控制流、异步I/O、单线程消息循环。不少开发者在入门时总要经历一个痛苦的思维转变过程，给学习带来巨大的障碍。而本书的目的就是帮助读者扫清这些障碍，学会使用Node.js进行Web后端开发，同时掌握事件驱动的异步式编程风格，以便进一步利用Node.js的高级特性。

2016-08-25