- 博客(67)
- 资源 (12)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 NVM安装包报错404
最近使用M3 pro芯片的macbook pro，通过nvm下载部分node版本的时候会出现下载包报错404。⚠️ 防止遗忘，记录一下，各位有需要的可以参考下。通过使用如下命令即可解决。
2024-08-21 16:46:01
373
原创 vue-router 多个同名参数获取为数组拦截
vue-router中使用query获取参数，如果存在多个同名参数，则拿到的参数为数组格式，如果只想获取单一的字符串，通过拦截可以实现
2023-02-14 11:45:20
458
原创 nginx重点讲解
文章目录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
1862
原创 订阅--发布者模式
订阅–观察者模式先定义一个订阅管理器 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
169
原创 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
111
原创 TypeScript初认识
TypeScript的核心TypeScript 的核心是类型分析、流程分析、ES5 语法转换TypeScript 的目标是：兼容所有 JavaScript 语法，并在此基础扩展语法；静态分析代码，找出那些很有可能有 BUG 的代码；生成纯净的、可读的 JavaScript 代码，并且不会对代码作任何优化、处理，甚至连源码中的错误都保留到生成的代码中；不影响最后运行代码的环境。TypeScript 的主要职责是静态分析function isObject(val) {return Object
2020-11-26 14:47:35
208
原创 移动端显示边框兼容问题
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
244
原创 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
708
原创 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
914
原创 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
10943
原创 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
256
原创 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
246
原创 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
327
原创 createDocumentFragment 好处知多少
我们知道，createDocumentFragment代表创建一个新的空白的文档片段；那么我们为什么说他呢？下面我们具体了解下在前端飞速发展的热浪中，用户对体验的要求越来越高，导致我们对页面渲染展示的要求页越来越高，传统的dom渲染一直是很耗费时间的一种操作，而虚拟dom的优势却越来越得以体现，从以下两个小demo中，我们看到虚拟dom带给我们的直观体验google浏览器下测试数据10...
2018-07-24 16:38:55
2549
原创 Git知多少
你了解Git吗？如果想学的话，请阅读本博，本博主学习Git除了看官网资料以外，收获最大的还有来自实验楼的文章Git 基础入门Git基础知识Git 实战教程Git常用命令Git 命令汇总Git 命令清单Git 操作Git 远程操作的正确姿势Git 的10种撤销操作详解Git 协作流程Git 进阶Git中级用户的25个提示你需要知道的1...
2018-07-20 15:18:13
253
原创 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
1284
原创 深入浅出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
387
原创 代码整洁之道总结
整洁规则1、使用有意义的命名，有更好的命名随时替换2、使用可搜索的名称3、不需要使用前缀或后缀4、类名和对象名应该是名词或名词短语5、方法名应该是动词或动词短语6、别用双关语，做到一词一义7、添加有意义的语境
2017-11-13 19:05:58
503
转载 手机定位技术相关flp
近几年来谷歌一直在进行融合定位的研发，哪位大神给普及一下融合定位技术（FLP，Fused Location Provider）的原理，以及和目前的手机定位技术相比的优势？ 作者：知位轩 链接：https://www.zhihu.com/question/35654364/answer/64768355 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。手机定位的
2017-03-27 16:22:05
1324
原创 OOP编程
oop编程语言有一个标志，就是它们都有类的概念。 Js中对象定义为”无序属性的集合”，其属性可以包含基本值、对象或者函数 因此Js对象可以被想象成散列表：无非就是一组名值对，其中值可以是数据或函数。 组合使用构造函数和原型模式，是目前Js使用最广泛、认同度最高的一种创建自定义类型的方法 构造函数模式（浪费内存）instanceOf 验证原型对象与实例之间关系原型链模式isProto
2017-02-24 16:01:12
467
原创 HTTP协议
HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等。 HTTP是一个应用层协议，由请求和响应构成，是一个标准的客户端服务器模型。HTTP是一个无状态的协议。［
2017-02-24 15:26:01
474
原创 global 、window、this
global和window什么关系，你会疑问吗？BOM的核心对象是window，他表示浏览器的一个实例。在浏览器中，window对象有双重角色，它既是通过javaScript访问浏览器窗口的一个接口，又是ECMAScript规定的global对象。这意味着在网页中定义的任何一个对象、变量和函数，都以window作为其global对象，因此有权访问parseInt()等方法。
2017-02-24 11:59:16
885
原创 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
1803
原创 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
9646
原创 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
441
原创 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
1050
原创 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
1257
原创 双飞翼布局
双飞翼布局的实现思路是，先把最重要的身体部分放好，然后再将翅膀移动到适当的地方。 这种布局的好处： 一、可以实现主要的内容先加载的优化； 二、兼容目前所有的主流浏览器，包括IE6在内哦。 三、不同的布局框，可以通过调整相关CSS属性即可实现。示例demo包：demo下载 效果图：
2015-11-18 13:40:47
555
原创 React Native study
基于原生的UI组件 手势识别 基于flexbox的css布局模式 跨平台开发 基于React,Jsx的组件开发模式 可使用npm中的模块 Chrome Dev Tool的集成样式布局
2015-11-18 11:11:43
595
原创 React study（四）Mixin编写使用、函数复用、自定义表单组件
Mixin的优缺点： 优点 代码复用：抽离出通用代码，减少开发成本，提高开发效率 即插即用：可以直接使用许多现有的Mixin来编写自己的组件 适应性强：改动一次代码，影响多个组件缺点 编写难度高：Mixin可能被用在各种环境中，兼容多种环境就需要更多地逻辑代码，通用的代价是提高复杂度 降低代码可读性：组件的优势在于将逻辑和界面直接结合在一起，Mixin本质上会分散逻辑，理解难度更大。两种
2015-11-17 17:49:48
1201
原创 React study(二)
目录目录react 组件生命周期概要不同阶段的自定义函数react 组件生命周期生命周期的初始化阶段生命周期的运行中阶段生命周期的销毁阶段属性的含义和用法项目分析react 组件生命周期概要组件本质上是状态机，输入确定，输出一定确定。 状态发生转换时会触发不同钩子函数，从而让开发者有机会作出响应。可以用事件的思路来理解状态。react整个生命周期： 不同阶段的自定义函数初始化：
2015-11-16 18:03:29
838
原创 React study(一)
目录react的产生react特点发展历程JSX语法及特点介绍JSX语法非DOM属性介绍JSX解释器架构介绍目录react的产生facebook需要解决的问题：构建数据不断变化的大型应用。 react特点react特点： 简单 、 声明式 react核心是组件，组件的设计目的是提高代码复用率、降低测试难度和代码复杂度。 提高代码复用率：组件将数据和逻辑封装，类似
2015-11-16 15:41:13
907
原创 angularJs study
ng-app 标记一个angularjs程序的开始，并通过angularjs来表明自动初始化应用和标记的根作用域。 ng-init 标记开始，为应用程序变量赋定初始值。 {{}} 绑定数据，可以绑定数字、字符串、对象、数组，写在双大括号内：{{ expression }}。 ng-model 把应用程序数据绑定到html元素上，实现model和view的双向绑定。 ng-repeat 遍历
2015-11-09 18:23:04
421
原创 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
4654
原创 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
492
原创 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
794
原创 mysql建库建表的坑你踩了吗
mysql建库建表你注意了吗？平时建库建表没发现，原来mysql建表默认的编码是Latin1编码；mysql> use yourDatabaseName//回车Database changedmysql> status //回车就会出现数据库的相关信息 整理的选项是编码的设置。一般选为utf8-bin; 这样做的好处：防止出现不能操作中文的编码问题。
2015-10-29 16:45:03
725
深入理解c# 第三版
2016-12-05
TCPIP入门经典第5版
2016-08-25
node.js开发指南
2016-08-25
精通CSS与HTML设计模式
2015-11-11
php使用手册
2015-04-27
js怎么实现只打印div框内部分，溢出div框外部分不打印
2015-08-24
请问使用js能实现向svg中添加div吗
2015-08-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人