自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

原创 Mac电脑本地起服务供手机端访问web页面

在shell中输入open /etc打开个人资源库,可以看到被隐藏的文件输入以上指令后看到以下文件目录,其中index.html.en是web服务器自动打开的文件。服务器的地址为:资源库----WebServer----Documents-----index.html.en3. 输入启动本地服务的指令:sudo apachectl start,按照提示输入开机密码,即可启动服务,启动之后再地址栏输入 localhost 可以看到 It works! 字样,说明本地服务启动成功,显示的内容是上一.

2020-08-27 13:46:02 2678

原创 nginx.conf 文件中各个配置项的含义简析

以下是前期投入项目用到的nginx.conf配置项,已添加注释说明各配置指令的含义:#全局块开始,配置Nginx服务器整体运行相关的指令 worker_processes auto; #配置Nginx进程生成的worker process数,auto 表示Nginx进程自动检测生成数。 error_log stderr; #Nginx服务器的运行日志支持输出到某一个固定的文件f...

2020-04-25 19:20:13 1095

原创 通过插件postcss-pxtorem轻松实现px到rem转换,完成移动端适配

移动端适配:为什么要适配呢?使用px单位设置页面的大小时,不进行适配处理,在不同的设备中显示结果是这样的,分辨率越大,显示的元素越小。如下图1所示,使用的是px单位,未进行适配:iPhone5、iPhone6及iPhone6 Plus的显示效果:控制台看到的css单位为px:适配的方法有很多种,本节介绍之前开发项目使用的适配方法:使用post-loader 加 postcss-pxto...

2020-04-24 19:29:44 31737 5

原创 javascript 值和引用浅析

javascript 值和引用:简单值(基本类型值,null,undefined,number,string,boolean,symbol)总是通过值复制的方式来赋值/传递;复合值----对象(数组和封装对象)和函数,则总是通过引用复制的方式来赋值/传递。注意:由于引用指向的是值本身而非变量,所以一个引用无法更改另一个引用的指向。我们无法自行决定使用值复制还是引用复制,一切由值...

2020-04-04 14:30:07 136

原创 域名解析配置

查看当前有的域名2. 解析指定域名,添加记录:3. 转发到负载衡器需要配置证书4. 创建证书5. 填写证书的信息6. 绑定证书到指定域名,即第2步所示图片相应位置。7. 绑定后,等待域名验证通过。

2023-03-22 19:33:36 315

原创 动态闪动文字

css的高级用法

2023-02-01 14:34:33 1718

原创 google analytics简单总结

google analytics 快速入门

2022-06-08 11:30:48 1687

原创 使用jquery准确获取iframe中的元素

window.onload=function(){// 确保jquery 可用//先获取iframe的document对象,在最外层window中加载的js默认会使用最外层的document对象,直接使用$("iframe.子元素")大概率取不到元素 let iframeDocument=$("iframe[name='iframeName']")[0].contentWindow.document; let targetDom=$(iframeDocument).find('子元素');}

2022-05-16 17:19:33 4169

原创 requested an insecure resource的解决方法

在一次接口调试中遇到以下问题:出现原因:跨域请求配置只有POST,未加上OPTIONS,这是浏览器自身安全限制,必须要这样写的options是解决跨域。需要改成这样:response.addHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, PUT");改了之后先用options请求试一下,没问题,在用post测一下,没问题,即ok.参考链接:https://stackoverflow.com/ques

2022-05-10 11:39:36 437

原创 一款好用的网站性能测试工具

网页性能 测试工具

2022-02-22 16:45:12 223

原创 gulp 4.0.2打包配置

gulp 打包

2022-01-04 14:47:24 1293

翻译 前端基础面试题

1. 请写出box-sizing属性的值及其含义答:content-box:在宽度和高度之外绘制元素的内边距和边框。border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制inherit:规定应从父元素继承 box-sizing 属性的值2.请描述 sessionStorage、localstorage及cookies三者之间的异同点答:从不同的方面列出相同点和不同点:含义:sessionStorage, localStorage, cookie这三者都可以

2021-07-27 10:09:37 120

原创 排列显示阿拉伯语、数字及英文时的处理方法

这段时间参与开发沙特阿拉伯的网站模板,模板使用的语言是阿拉伯语,其显示顺序为从右到左,而中文、数字及英文的显示顺序为从左到右 ,所以当遇到一行文字内既有阿拉伯语又有数字和英文时会出现语序混乱的问题,如期待显示的文案为:按顺序写入,对应的代码如以下,其中currency_pay为变量,值为356SAR<span>الدفع الفعلي:{{currency_pay}}</span>显示为الدفع الفعلي : 356SAR金额356和货币符号SAR分开了,这样显

2021-02-24 12:59:12 4079

原创 在devServer中拦截请求,更改cookie

直接贴代码: devServer: { contentBase: __dirname + "/develop/", host: "localhost", port: 8000, historyApiFallback: false, inline: true, proxy: { '/proxy/': { target: 'http://www.bck.zero.net', changeOrigin: true, pathRewrite: { '

2021-01-26 17:07:21 1219

原创 安装oh-my-zsh的插件zsh-autosuggestions 和zsh-syntax-highlighting的正确方式

方法一:$ZSH_CUSTOM

2020-11-21 15:12:06 8219

原创 await命令后面如果是一个 Promise 对象,则返回该对象的结果

async函数的await命令后面,可以是 Promise 对象和原始类型的值(数值、字符串和布尔值,但这时会自动转成立即 resolved 的 Promise 对象)。 const fetchMembers = async function (classList) { for (let i = 0; i < classList.length; i++) { let item = classList[i]; //await后面是一个promise对象,这时得到的结果

2020-09-09 20:21:51 6281

原创 vue源码中优秀的函数

读Vue源码时发现有一段函数优化的代码值得我们学习。它将每次执行函数后的值进行缓存,当再次执行的时候直接调用缓存的数据而不是重复执行函数,以此提高前端性能,这是典型的用空间换时间的优化,也是经典的偏函数应用。function cached (fn) { var cache = Object.create(null); // 创建空对象作为缓存对象 return (function cachedFn (str) { var hit = cache[str]; return hit |

2020-07-03 17:22:20 265

原创 TypeScript学习笔记整理

TypeScript-Knowlege一. 基础类型1.基础类型布尔值: let isDone:boolean=false; 数字: let height:number:123/0xf00d; //TypeScript里的所有数字都是浮点数字符串:let name: string = "bob"; let age: number = 37; let sentence: string = `Hello ${ name }` //相当于"Hello " + name

2020-05-29 10:47:07 336

原创 lodash库_.debounce防抖动方法的正确写法

Vue项目中使用:错误的写法一:这样写不能执行传入的需要防抖动的func函数,没有被执行。//在js文件中抽取的方法:const pressDebounce = (func) => { return _.debounce(func, 2000, { leading: true, trailing: false, maxWait: 3000 })}//html元素中使用: ...

2020-05-08 15:03:46 1427

转载 WebKit和Gecko浏览器内核渲染原理

给大家推荐一篇浏览器渲染原理的文章:点击以下链接跳转查看:????????????浏览器的工作原理:新式网络浏览器幕后揭秘(地址:https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/#The_HTML_grammar_definition)...

2020-04-10 12:57:16 604

原创 img 图片加载完成前及下载异常时的显示设置小技巧

Image 图片资源加载失败的回调函数是onerror,图片资源加载中的回调函数是onload;使用前端框架来调用这些函数时函数名有细微的差别:vue 项目中 img 标签资源加载失败时的监听函数写法为 @error,资源加载中的回调函数为@load, 去掉了 on;//template中<img src="../assets/merchantOutletLogo.png" @err...

2020-04-10 12:45:26 823

翻译 老版本浏览器兼容性问题的解决方案 (shim/polyfill)

if(!Array.prototype.push){ Array.prototype.push = function(item){ this[this.length-1] = item } }以上代码称为polyfill(或者shim),用来给老版本浏览器提供新版本浏览器所具有的新方法。polyfill 能有效地为不符合最新规范的老版本浏览器填补缺失的功能,让你能够通过可靠的代码来...

2020-04-05 20:13:46 1075

原创 javascript 中容易出错的知识点

undefined : 指从未赋值;null : 指曾赋过值,但是目前没有值;NaN : 无效数值,失败数值,指执行数学运算没有成功,这是失败返回的结果。NaN != NaN; 值为true,判断是否为NaN需要用 ES6 新增的 Number.isNaN( .. ) ,不能用window.isNaN( … ), 因为window.isNaN( ‘foo’ ) 值为true。typ...

2020-04-04 13:53:51 166

原创 Git 终端中文显示改成英文显示的方法及拉远端代码时报Permission denied (publickey)的解决方法

如果你用的是oh-my-zsh .需更改.zshrc文件:echo “alias git=‘LANG=en_GB git’” >> ~/.zshrc新电脑在码云上拉代码遇到的问题解决方法记录:通过SSH链接下载,git@mayun开头git config —list ,查看用户名和邮箱是否正确报 Permission denied (publickey)的错误时,...

2020-03-26 15:50:19 1070

原创 HTTP/1.1 中可使用的请求方法、响应结果HTTP状态码汇总

返回结果的HTTP状态码HTTP状态码负责表示客户端HTTP请求的处理结果,标记服务器端是否异常,通知出现的错误等等。名称类别解析原因解析1XX信息性状态码(Informational)接受的请求正在处理2XX成功状态码(Success)请求被正常处理完毕3XX重定向状态码(Redirection)需要进行附加操作以完成请求4XX客户端错误...

2020-03-15 16:06:40 3121

原创 JavaScript 显示类型转换、隐式类型转换、 || 及&&逻辑运算符浅析

基本知识类型之间的转换通过以下内置函数(原生函数)来实现:1. String()2. Number( )3. Boolean( )注意:前面没有new关键字;抽象操作规则:toString : 显示转换其他类型为字符串JOSN.stringify() 在转换字符串、数字、布尔值和null时的规则和toString基本相同。toNumber :1. 使用方法 , 例: Nu...

2020-03-07 15:21:24 283

原创 vue-cli、webpack等打包工具在浏览器调试环境下的跨域解决配置方法

前端开发 浏览器调试环境下,需要配置localhost往实际后台接口的代理:以下是用不同工具时的配置方案:vue项目:vue.config.jsmodule.exports = { publicPath: './', outputDir: 'dist', assetsDir: 'static', devServer: { open: true, // 自动打开浏览器 ...

2020-03-05 16:37:58 382

原创 call、apply及bind用法解析

JavaScript中的函数也是对象,是一种可以被调用的对象。函数就是对象的一个子类型。 typeof functionName === "object"也说明了这一点。函数对象可以包含方法,我们今天要讨论的是函数的call、apply和bind方法。任何函数可以作为任何对象的方法来调用,哪怕这个函数不是那个对象的方法,函数作为对象的方法调用之后函数内部的this指向被绑定的对象。ca...

2020-02-08 15:42:07 189

原创 node环境和浏览器环境不同点简析

构造函数的prototype属性值 === 实例对象的__proto__属性值:有些书籍或者文档中提到的 [[Prototype]] 实际上就是指 __proto__例:在node环境中执行JavaScript代码得到的结果:node环境与浏览器环境的不同点简析:node环境中没有Window等全局对象,有global全局对象。对浏览器内置函数的处理不同。node环境中:浏览器...

2020-02-06 16:12:25 1052

原创 this的判断规则、Object.assign

对象遍历for … in : 循环遍历对象的属性值;数组遍历以下方式通过遍历数组下标得到值:forEach() : 遍历数组中的所有值并忽略回调函数中的返回值;map( callback ) : map方法对类型化数组中的元素调用提供的 callback函数,按照顺序,并且会从结果构造新的类型化数组every() : 会一直运行直到回调函数返回false;some() :...

2020-02-06 00:02:21 485

原创 使用npm踩过的坑

项目背景:项目使用的是前端框架是Vue , 使用Vue-cli搭建。web移动网页,嵌入原生APP访问。项目中用到一些与原生APP交互的通用的api方法,为了便于维护及场景通用,抽取了一个npm依赖包。通过以下配置请求地址方式放到package.json中:由于app-mobile-api这个抽取出来的api库放在公司代码仓库,且只能通过公司内网访问,所以执行 npm install ...

2019-12-31 17:11:44 574

原创 微信小程序开发--笔记

参考:微信小程序官方文档技术发展史:逻辑线程阻塞渲染线程,导致长时间的页面空白。小程序与普通网页的区别:小程序的渲染线程和脚本线程分别运行在不用的线程中。无法进行DOM操作;运行环境不同;开发环境不同;开始开发:申请账号,获得小程序AppID;安装开发工具,输入AppID;编辑,微信扫码预览;小程序代码构成:.json 配置app.json : 当前小程序的...

2019-12-25 18:07:17 148

转载 Promise对象

Promise初识生成实例:const promise = new Promise((resolve,reject)=>{//成功时执行,走thenresolve()//失败时执行,走catchreject()})promise实例.then(成功的函数,失败的函数(可选))//摘自阮一峰-ES6let promise = new Promise(function(re...

2019-12-13 10:54:46 108

原创 编辑器缩进、格式化代码配置

如何编写出美观的代码格式呢?官网参考答:在项目根目录添加.editorconfig文件效果如下:

2019-12-12 20:46:11 730

原创 git常用指令查询

日常开发系列git status :查看本地更改git pull --rebase :拉取远端代码并合并git add . :暂存所有本地更新的代码git add -p :按需暂存本地更新代码,若需要提交 跟随提示输入y,不提交输入n,自动进入下一项git push :提交本地代码git checkout -b +分支名 :新建git分支...

2019-12-09 15:27:30 263

原创 vue开发笔记

vue初识vue中的特殊字符含义和用法:@click :相当于v-on:click=“函数名”com目录的作用:class :v-bind:class=“class变量” 的缩写v-bind : 相当于 {{}}v-if : v-if = "show";"show"为boolean ,决定是否显示宿主元素v-else : 前一兄弟元素必须有 v-if 或 v-else-ifv-...

2019-12-04 14:59:27 85

原创 前端项目开发前的环境准备

安装环境安装项目需要的node版本,安装node之时会自动下载npm包管理库。安装git由于git默认的主题颜色比powershell好看太多所以设置默认的终端为git很有必要(个人看法);在vscode中更换terminal的方式是:ctrl+,打开vscode的Settings面板,搜索框输入shell,下拉找到Terminal>Intergrated>She...

2019-12-03 15:35:37 369

原创 js事件循环(同步函数及异步函数)

Event Loop(事件循环)Event Loop 即事件循环,是指浏览器或 Node 的一种解决 javaScript 单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理。之所以称之为事件循环,是因为它经常按照类似如下的方式来被实现:while (queue.waitForMessage()) { queue.processNextMessage();}如果当前没有任...

2019-11-26 23:04:57 783

原创 监听事件系列之冒泡事件demo

事件冒泡定义:当一个元素上的事件被触发时,其所有父元素上的同类型事件都会被触发,这一过程叫做事件冒泡。这个事件从被触发的原始元素开始一直冒泡到DOM树的最上层。冒泡顺序为:原始元素 --> 父元素(一个或多个) --> body —> document —> window只要父元素注册了与子元素类型相同的事件,当子元素的事件被触发时父元素的事件就会被触发。问:事...

2019-11-22 11:48:35 665

原创 IT常用职位缩写总结

IT常用职位缩写概览PO : Product Owner,产品或业务负责人,熟悉该产品所有业务相关的逻辑、流程、设置等方面事宜的人员PM :Product Manager,产品经理,主导整个产品的规划PM: Project Manager, 项目经理,推送整个项目的进展BA :Business Analys, 业务需求分析师, 在IT公司里,BA的角色就是PM(产品经理),只是这类...

2019-11-22 11:37:45 6775

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除