- 博客(24)
- 收藏
- 关注
原创 mac安装nvm node版本管理
安装nvmcurl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash安装这步的时候,命令出错问题:macOS安装Homebrew时总是报错(Failed to connect to raw.githubusercontent.com port 443: Connection refused)原因:由于某些你懂的因素,导致GitHub的raw.githubuserconte.
2020-10-13 12:00:16
395
原创 js判断是否在微信平台、判断在哪个浏览器打开
if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面 var ua = navigator.userAgent.toLowerCase();//获取判断用的对象 if (ua.match(/MicroMessenger/i) == "micromessenger") { //...
2019-12-11 15:49:32
359
原创 webpack打包vue项目后,生成一个可以修改服务器地址的配置文件
正常情况如果后端的ip更改了,那么前端就需要重新更改,npm run build 大包后,将dist文件重新上传服务器才可以解决方法安装generate-asset-webpack-plugin 这个插件,在webpack.prod.conf.js中去生成configServer.json文件,让其在build的时候生成json文件,然后再使用axios异步获取json,替换url即可1.先...
2019-11-11 17:52:37
3048
1
转载 配置webpack中dev.env.js、prod.env.js,解决不同命令下项目启动和打包到指定的环境
原文链接:https://blog.youkuaiyun.com/qq_20097569/article/details/82492819前后端分离的项目开发中,我们有开发环境、测试环境、预生产环境和生产环境。1、开发环境下调试接口的时候,一般都会有好几个接口地址(开发服务器上的,本地的,接口开发人员的,七七八八的接口地址),要根据情况手动来切换接口地址。2、打包时要部署项目到不同的环境,而这也需要每...
2019-11-07 10:34:18
1533
转载 flex布局 解决最后一排数量不够自动向两端排列问题
flex布局 justify-content:space-between; 解决最后一排数量不够自动向两端排列问题flex 布局两端对齐当最后一排数量不够时,会出现以下布局情况这时,我们可以下面after伪类,解决最后一排数量不够两端分布的情况.tem-flex{ display: flex; flex-wrap: wrap; justify-content:spa...
2019-10-22 15:40:00
2384
2
原创 iphone小屏幕(iphone4、5、6)兼容
方式一,直接写到样式里面@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */ .class{}}@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 *...
2019-09-26 11:10:02
223
原创 vue中给一个元素添加style样式
使用 $el.style.top this.HeaderWarrp = this.$refs.headerwarrp.clientHeight this.$refs.list.$el.style.top = `${this.HeaderWarrp}px`
2019-09-20 17:29:49
6228
原创 Vue2.0使用axios引入本地JSON文件
简单的方式,将模拟的json文件放在static文件下food.json 文件内容json文件中的模拟数据不要有注释 否则返回的是string模拟json里的本地图片也需要写在static文件下...
2019-08-23 13:53:00
1250
转载 event-loop 事件轮询
javascript的事件轮询JavaScript 是单线程的,但是如果完全由上至下的一行一行执行代码,假如一个代码块执行了很长的时间,后面必须要等待当前执行完毕,这样的效率是非常低的,所以有了异步的概念,确切的说,JavaScript 的主线程是单线程的,但是也有其他的线程去帮我们实现异步操作,比如定时器线程、事件线程、Ajax 线程。最近看到这样一道有关事件循环的前端面试题:async ...
2019-08-14 17:52:31
188
转载 JavaScript的箭头函数
作者:FEWY来源:优快云原文:https://blog.youkuaiyun.com/FE_dev/article/details/78511113说明箭头函数本质还是函数,我们来看看他与JavaScript中普通函数的区别,先看看写法上的区别。解释写箭头函数,我们记住一个顺序就好,参数、箭头、函数体、这个顺序记住就足够了,参数、箭头、函数体、这三个是必须的,函数名可以没有,但这三项必须有,...
2019-08-01 17:49:05
207
原创 vue音乐app的笔记
jsonp的实现jsonp发送的并不是ajax请求,而是动态创建的script标签,script表签没有同源策略的,是没有限制,可以跨域的,创建的script标签把src指向我们请求正式的服务端地址这个地址和我们的ajax的地址有什么不同那是因为在url这个地址有一个参数通常会叫callback = a(比如=a),这样服务端就会解析这个url 然后它带一个callback = a这样的参数...
2019-07-26 17:47:42
209
转载 JS 开发常用工具函数
作者:hfhan链接:https://segmentfault.com/a/11900000196013331、isStatic:检测数据是不是除了symbol外的原始数据function isStatic(value) { return( typeof value === 'string' || typeof value === 'number' |...
2019-07-25 10:40:31
115
转载 vue中8种组件通信方式, 值得收藏!
转载自 https://juejin.im/post/5d267dcdf265da1b957081a3?utm_source=gold_browser_extension之前写了一篇关于vue面试总结的文章, 有不少网友提出组件之间通信方式还有很多, 这篇文章便是专门总结组件之间通信的vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢...
2019-07-24 11:36:45
143
转载 闭包的定义及作用
1、闭包的定义:闭包就是能够读取其他函数内部变量的函数。在js中,可以将闭包理解成“函数中的函数“。 如下代码中f2()函数就是闭包:function f1(){ var m = 10; function f2(){ alert(m); // 10 } }2、闭包的作用:A、可以读取函数内部的变量 B、让这些变量的值始终保存在内存...
2019-07-24 11:01:43
639
原创 面试总结
1、有无序的一组数据,采用2中方式,将该数据从大到小进行排序// 快速排序 var quicksort = function(arr){ if(arr.length<=1){ return arr; } //取中间值作为一个标杆进行比较 var midIndex=Math.floor(arr.l...
2019-07-23 12:23:06
450
转载 (a== 1 && a ==2 && a==3)可能为true吗?
(a== 1 && a 2 && a3)可能为true吗?前言最近在网上看到一个面试题:(a== 1 && a 2 && a3)有可能返回true吗?答案是可以的,下面来具体讲解一下。valueOf和toString这个问题的一个关键点就是在于利用 == 双等号工作原理, == 和 === 有什么区别呢?最主要的就是用 == ...
2019-07-17 17:41:46
137
原创 koa2安装及原理
一、安装npm install koa-generator -gKoa2 koa2-testnpm install & npm run dev二 、package.js 的配置1、安装npm i cross-env --save-dev2、package.js 的配置 添加 cross-env NODE_ENV=dev "dev": "cross-env NODE_ENV=...
2019-07-17 12:02:45
361
原创 express之中间件原理
1、npm install redis connect-redis – save2、创建redis.js文件const redis = require('redis') const {REDIS_CONF} = require ('../config/db') //创建客户端 const redisClient = redis.createClient(REDIS_CONF.port, RE...
2019-07-15 16:14:17
130
原创 nodejs之express框架搭建到使用
express框架搭建到使用express是nodejs最常用的web server框架什么事框架? 类似前端的vue react angular 等目录express下载、安装和使用,express中间件机制;(标准和流程,通过中间件的机制能把程序里面很多函数拆分,逻辑拆分开,通过一个中间件的流程一起组装起来,同时根据中间件的逻辑把很多插件集成进来,这样会有了一个标准一个流程,然...
2019-07-11 18:32:42
352
原创 不使用任何框架开发server的总结
不使用任何框架开发server的总结开发了哪些功能模块,完整的流程用到了那些核心的知识点server和前端的区别开发了哪些功能模块,完整的流程五大部分处理http接口 如:处理路由,path,cookie等方法连接数据库实现登陆 cookie、session、redis ,联调nginx配置等安全措施 xss sql注入日志...
2019-07-11 13:50:44
135
原创 nodejs安全
nodejs安全sql注入:窃取数据库内容xss攻击: 窃取前端的cookie内容密码加密:保障用户信息安全server端攻击方式非常多,预防手段也多通过webserver(nodejs)层面预防的有些攻击需要硬件和服务来支持(需要op支持)如 DDOSsql注入最原始最简单的攻击,从web2.0就有了sql注入攻击攻击的方法:输入一个sql片段,最终拼成一段攻击代码执...
2019-07-11 11:58:39
902
原创 node文件操作及stream操作文件
node文件操作日志 及stream1、 node中的文件const fs = require(‘fs’) // nodejs原生模块中文件操作const path = require(‘path’) // nodejs原生模块文件中的路径2、获取文件目录const fileName = path.resolve(__dirname,‘data.txt’) // resolve=&...
2019-07-10 14:53:18
579
原创 nginx反向代理安装及使用
nginx反向代理安装及使用1、下载地址http://nginx.org/en/download.html2、解压后 window进入 路径:C:\nginx\conf 打开nginx.conf文件设置代理3、cmd命令窗口最好用管理员身份打开 (cdm.exe 右击有管理员身份)运行 nginx -t // 测试配置文件格式是否正确运行 nginx /...
2019-07-10 11:48:24
114
原创 redis安装及运用
redis安装及运用一、安装的地址https://www.runoob.com/redis/redis-install.html根据步骤安装即可 需注意:运行:redis-server.exe redis.windows.conf 此命令后 需重新再打开新的cmd 窗口 再运行redis-cli.exe -h 127.0.0.1 -p 6379二、使用方式1、安装node环境2、建...
2019-07-10 11:36:51
98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人