- 博客(32)
- 收藏
- 关注
RSS订阅
原创 关于把文章分享到facebook,google,twtter,whatsapp的总结
关于把文章分享到facebook,google,twtter,whatsapp的总结在网站的mete标签处还需要添加内容<!-- twitter share--><meta name="title" content="lopScoop"><meta name="twitter:site" content="@lopscoopNews"&
2018-03-01 20:35:56
10151
1
原创 网站通用布局vw和rem 的使用
🚀 新的响应式方案推荐（基于rem + vw为了提升响应式页面的开发效率，我们推荐使用 动态计算根元素（html）的字体大小 的方式，结合rem单位，实现自适应布局。这种方式可以兼顾不同分辨率下的视觉还原，同时避免频繁计算vw的繁琐过程。ps: 可以直接参考示例代码。
2025-04-08 17:21:22
245
原创 JavaScript 原型链的工作原理及如何实现继承
每个 JavaScript 对象在创建时都会拥有一个内部链接，指向另一个对象（称为原型对象）。这个原型对象包含了该对象可以继承的属性和方法。原型的存在使得对象可以共享一些通用的行为。在 JavaScript 中，可以通过__proto__（或在 ES6 中的和）来访问或设置一个对象的原型。JavaScript 中的对象通过原型链来实现继承。当我们访问一个对象的属性或方法时，如果该对象本身没有该属性或方法，JavaScript 引擎会沿着该对象的原型链向上查找，直到找到该属性或方法，或到达原型链的顶端（即。
2024-11-14 14:56:02
1099
原创 HTTP 1.0、HTTP 1.1 和 HTTP 2.0 区别
HTTP/1.0：每次请求建立新连接，效率低，基本已淘汰。HTTP/1.1：增加持久连接和缓存机制，优化了传输效率，至今仍在广泛使用。HTTP/2.0：支持多路复用和服务端推送，提升了加载性能，逐渐普及中。为什么http1.0 Expires 头字段指定缓存到期时间，不够灵活Expires头字段在 HTTP/1.0 中用于缓存控制，其值是一个绝对时间（即 GMT 时间），用于指定资源的过期时间。
2024-11-14 13:34:20
1362
转载 Vue项目中你是如何解决跨域的呢？
一、跨域是什么跨域本质是浏览器基于同源策略的一种安全手段同源策略（Sameoriginpolicy），是一种约定，它是浏览器最核心也最基本的安全功能所谓同源（即指在同一个域）具有以下三个相同点协议相同（protocol） 主机相同（host） 端口相同（port）反之非同源请求，也就是协议、端口、主机其中一项不相同的时候，这时候就会产生跨域一定要注意跨域是浏览器的限制，你用抓包工具抓取接口数据，是可以看到接口已经把数据返回回来了，只是浏览器的限制，你获取不到数据。用postm.
2021-12-16 11:15:38
482
原创 为什么使用一个谷歌浏览器打开网页至少会有四个进程
如果你使用谷歌浏览器打开一个网页为什么至少会有4个进程呢2007年之前早期的浏览器都是单进程的，但是这会有一个特别大的问题，我们都知道一个进程可以有多个线程,每个线程可以读取公共进程中的数据，如下图早期浏览器，启动的时候，计算机会为浏览器分配一定的内存空间，在浏览器中，你每打开一个网页就是启动一个线程，但是我们都知道，如果一个线程奔溃会导致整个进程的奔溃浏览器中又有许多的插件，你可以想象一下，如果是一个恶意的插件，会导致你的浏览器直接奔溃，不能使用，或者你使用浏览器打开一个网页，这个网页是一个死循环，
2021-04-29 16:44:43
2178
2
原创 git 代码回滚
回退命令：$ git reset --hard HEAD^ 回退到上个版本$ git reset --hard HEAD~3 回退到前3次提交之前，以此类推，回退到n次提交之前$ git reset --hard commit_id 退到/进到 指定commit的sha码强推到远程：$ git push origin HEAD --force...
2020-10-27 18:24:26
187
原创 webpack 打包文件分析
1. 安装 npminstall--save-devwebpack-bundle-analyzer2. vue.config.js 引入const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');3. 在webpack plugins 文件引入4. 执行项目启动或则npm run build（文件打包的时候）的时候会在浏览器打开新的窗口显示打包文件信息...
2020-07-17 16:55:50
314
原创 vue 上传 form表单的内容形式
直接上代码api 接口封装export function userTypeObj(obj,callback) { // obj 表示你的参数集合 // 返回的接口草callback里边 return request({ method:"PUT", url:"接口地址", data:obj, transformRequest: [function (data) { let ret = '' for...
2020-05-09 15:01:43
424
原创 关于网站嵌入faceboook以及youtube视频
在新闻网站中，我们针对国外用户，需要引入第三方视频，首先引入youtube视频我们拷贝youtube视频网址 https://www.youtube.com/watch?v=oK6k9O65QAs或则 https://youtu.be/oK6k9O65QAs我们可以看到他的规则 每个youtube视频都由特殊的id oK6k9O65QAs...
2020-03-10 10:44:15
3310
原创 js 数字字转化为整数
js 数字转化为整数,如果数字不是整数，使用按位或会先转化为整数，如果要元素为非数字，会强制会转化为数字，然会按位或|0,key可以看到控制台输出的 ，如果是数字，按位或结果为整数，如果是非数字，按位或结果为0...
2019-11-21 16:00:56
869
原创 过滤数组中的所有假值
使用Boolean过滤数组中的所有假值我们知道JS中有一些假值：false，null，0，""，undefined，NaN，如何把数组中的假值快速过滤掉，并返回一个真正的数组值，可以使用Boolean构造函数来进行一次转换const filterFalse =arr=>arr.filter(Boolean)filterFalse([2,"",false,NaN,null,...
2019-11-12 16:12:14
479
原创 npm install 下载很多包
node 执行npm install 会下载很多包packjson 中有 dependencies 和devDependencies，有时候我们生产环境的包只依赖 dependencies ，但是如果你执行npm install 的时候 默认 dependencies 和devDependencies 下的包都会下载例如：webpack,gulp等打包工具，这些都是我们开发阶段...
2019-10-30 17:17:26
1507
原创 node 启动区分开发环境和生产环境
有时候我们启动node 项目需要区分开发环境和生产环境例如 开发接口地址和生产环境的接口地址不一致如何配置环境变量直接在cmd环境配置即可，查看环境变量，添加环境变量，删除环境变量等操作1.windows环境配置如下我们直接进入cmd 命令node中常用的到的环境变量是NODE_ENV，首先查看是否存在set NODE_ENV如果不存在则添加环境变量set NODE_...
2019-09-02 11:27:13
5847
原创 js对象深拷贝和浅拷贝
直接上代码最简单的实现对象深拷贝，仅仅2行代码原理 先把对象转化为json格式的字符串，然后在解析成一个json格式的对象可以看到打印结果备注js 原生对象有 Object.assign() 只可以浅拷贝,如果元素里边再包含引用数据,copy 的只是一个引用地址如下（备注，json.stringify 虽然好用，但是数据量特别大的时候，会耗费性能的，所以还是慎重使用哦！）最后...
2019-07-17 16:12:25
160
原创 图片上传到阿里云oss 上边
我们有时候需要把图片上传到阿里云oss 对象存储 上边我自己买了一个 作为测试使用 5元40g 半年如果买好了，可以进入他的后台 选择对象存储oss 上边新建一个 bucket 我新建的是dixiaoping ，名字很重要，命名尽量规范，你点击你新建的bucket 会出现这个让后点击用户头像获取到你的 accesskeys 里边的 AccessKey ID 和 ...
2018-12-14 18:14:16
341
原创 js 调用手机返回按钮
js 中我们可以使用 go history 返回上一级页面，但是如果你是单独一个页面，调用手机自带的返回按钮，想要返回你想要返回的页面，可以让用户不容易出站可以有效推广页面js 为了安全考虑 不允许修改history里已有的url链接,但是我们可以使用h5提供的方法 pushState，在history 里添加链接，并且使用 h5 中的 popstate 事件监测从history栈...
2018-12-14 17:40:38
2960
转载 git 拉取远程项目到本地
例如：将gitLab 上的dev分支拉取到本地 首先 你要下载 <a href="https://git-scm.com/downloads ">git</a> 下载下来右击鼠标有个菱形标志2 注册 github 账号 打开下载下的那个图标就是这样一个窗口，首先Git是分布式版本控制系统，所以需要填写用户名和邮箱作为一个标识，分别输 入这两个命令，用...
2018-12-14 17:23:13
5736
原创 苹果手机（ipone）点击元素，事件不执行
最近发现苹果手机，给除了a链接之外的元素绑定事件不执行最后才发现苹果手机对div之类的块元素不识别点击事件，解决方案-1 给要点击元素增加 css样式 cursor:pointer 就可以了，例如以下<style> .commonbtn{cursor:pointer } /**/</style> 解决办法 2 ： ...
2018-07-26 15:30:18
1381
原创 使用node搭建网站,用户量增加，发现网站越来越慢
我使用node搭建网站，用户量增多，网站越来越慢，排查了很多原因发现我使用的是log4.js作为网站的日志 给日志配置了access ，最后去掉了，只留了错误日志发现速度快了，但是还不是理想的状态由于我是直接取接口数据，然后拼接渲染页面的 不应该慢的，发现是我模板用的art-template ，可能对模板了解不够深刻发现使用了，随着用户越多，网站越慢，最后果断改成了ejs模板现...
2018-07-26 15:11:29
780
原创 如何判断一个js是否加载成功
有时候我们需要判断一个js文件是否加载成功，我们需要这样的判断functionloadJs(path,callback){ varheader=document.geyElementsByTagName("head")[0];var script=document.createElement('script');script.setAttribute('src',path);header....
2018-06-26 17:02:23
8567
原创 如何点击图片上的文字并且可以跳转到指定的页面
有时候ui会设计图上直接设计一个点击按钮以前我会给图片的父元素加一个定位，但是不同的手机分辨率定位会有偏差，这是我们可以找到图片的点击区域就好，有一个标签就map标签 例如今日头条就是这样实现的,如img标签 加一个属性 usemap，后边在加一个标签<img border="0" alt="" src="http://s0.pstatp.com/r2/image/404.jpg?ver=1...
2018-05-19 16:55:17
4974
原创 关于360浏览器兼容模式下文档模式默认以ie7标准渲染
有时网站在ie7的模式下是不兼容的，页面布局会乱，或则js代码不执行，我们只需要在网页head标签中加这么一句话<meta http-equiv="X-UA-Compatible" content="IE=edge">就可以让文档模式默认是ie11，或则最高版本具体可以参考 https://www.zhihu.com/question/28001699一般项目中要...
2018-05-09 20:24:10
3203
原创 前端你需要了解的内容，各种大牛博客
前端资源集合https://cnodejs.org/topic/56ef3edd532839c33a99d00e
2018-03-29 14:16:29
278
原创 node使用express中对于不存在路径如何处理（404页面处理）
最近做项目，发现express中router，对于不存在的路径如何处理直接看代码引入router模块路由页面问题来了，对于用户输入不存在的路径改如何处理比如127.0.0.1/2但是不存在的路径，服务端如何给一个不存在的路径呢比如127.0.0.1/ddgd首先我们匹配一下，发现会匹配到/：id可以再这个函数里有一个next我这边路径都是127.0.0.1/数字如果不是了，或则一个不存在的路径只需...
2018-03-29 11:41:33
8706
转载 [ JS 进阶 ] 闭包，作用域链，垃圾回收，内存泄露
[ JS 进阶 ] 闭包，作用域链，垃圾回收，内存泄露kraaas 2015年05月19日发布14.3k 次浏览关于闭包，我翻了几遍书，看了几遍视频，查了一些资料，可是还是迷迷糊糊的，干脆自己动手来个总结吧 ！欢迎指正... (～ o ～)~zZ1. 什么是闭包？来看一些关于闭包的定义：闭包是指有权访问另一个函数作用域中变量的函数 --《JS高级程序设计第三版》 p178函数对象可以通过作用域链相...
2018-03-23 11:30:15
211
原创 你不知道ｔｈｉｓ指向，以及如何改变this指向
function foo() { console.log( this.a );}var a = 2;foo(); // 2-----------------------------------------------++++--------------------------------------------------------------function foo() {...
2018-03-23 10:54:40
259
原创 Express 支持同一路径绑定多个路由响应函数，（node）
控制权转移 我们要绑定某个路径的 POST 请求，则可以用 app.post(path, callback) 的 方法。需要注意的是 app.all 函数，它支持把所有的请求方式绑定到同一个响应函数，是 一个非常灵活的函数，在后面我们可以看到许多功能都可以通过它来实现。 app.all('/user/:username', function(r...
2018-03-02 11:42:42
2676
原创 常用原生工具类
获取元素样式的工具类function getStyle(ele) { var style = null; if(window.getComputedStyle) { style = window.getComputedStyle(ele, null); }else{ style = ele.currentStyle; } return s...
2018-03-01 20:32:29
206
原创 关于file文件，通过file文件对图片进行操作
html5实现图片预览和查看原图1. fileReaderFileReader接口的方法 FileReader接口有4个方法，其中3个用来读取文件，另一个用来中断读取。无论读取成功或失败，方法并不会返回读取结果，这一结果存储在result属性中。 方法名参数描述readAsBinaryStringfile将文件
2017-07-27 15:28:54
1119
原创 如何判断设备是网站以及移动设备
isMobile = 'ontouchstart' in document; 如果返回值为true为移动设备，否则为电脑设备
2017-06-22 17:42:30
435
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人