03 2020 档案
摘要：phpstorm常用操作 5、phpstorm配置命令行环境 一、总结 一句话总结： phpstorm配置命令行环境 的路径就是 File->Settings->Tools->Terminal，指定好shell文件的路径即 二、phpstorm配置命令行环境 博客对应课程的视频位置：5、phpsto
阅读全文
摘要：phpstorm常用操作 4、phpstorm配置phpunit环境 一、总结 一句话总结： phpunit是单元测试，单元测试需要命令行环境，所以phpstorm配置phpunit环境就是配置命令行的环境，也就是php的CLI Interprete 二、phpstorm配置phpunit环境 博客
阅读全文
摘要：phpstorm常用操作 3、phpstorm修改默认快捷键 一、总结 一句话总结： phpstorm修改默认快捷键 可以在 File->Settings->Keymap 中修改 二、phpstorm修改默认快捷键 博客对应课程的视频位置：3、phpstorm修改默认快捷键https://www.f
阅读全文
摘要：phpstorm常用操作 2、phpstorm特别常用快捷键 一、总结 一句话总结： phpstorm快捷键特别多，记住最常用的三个即可：1、最近文件ctrl+e；2、查找php文件中的方法ctrl+f12；3、格式化代码ctrl+alt+l 二、webstorm特别常用快捷键 博客对应课程的视频位
阅读全文
摘要：phpstorm常用操作 1、phpstorm安装插件 一、总结 一句话总结： phpstorm安装插件 的路径就是 File->Settings->plugins，然后搜索需要安装的插件即可 二、webstorm安装插件 博客对应课程的视频位置：1、phpstorm安装插件https://www.
阅读全文
摘要：phpstorm中如何配置phpunit（单元测试） 一、总结 一句话总结： phpstorm中配置phpunit需要配置php的CLI Interpreter 1、为什么phpstorm中使用phpunit需要配置php的CLI Interpreter？ 因为phpunit是命令行的工具，而默认p
阅读全文
摘要：前端性能优化 3、静态资源使用cdn加速 一、总结 一句话总结： CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网
阅读全文
摘要：前端性能优化 2、图片响应式加载 一、总结 一句话总结： 图片响应式加载 就是根据不同的显示情况，在不太影响显示效果的情况下，加载最小的资源，以提高用户的响应速度。 二、图片响应式加载 博客对应课程的视频位置：2、图片响应式加载https://www.fanrenyi.com/video/22/18
阅读全文
摘要：前端性能优化 1、懒加载和复杂资源点击时再请求 一、总结 一句话总结： 懒加载和复杂资源点击时再请求 的原理和作用都是一样的，都是等到资源要用的时候再去请求，这样可以降低最初用户加载页面的响应时间，也可能可以在一定程度上降低服务器的负载 二、懒加载和资源点击时再请求 博客对应课程的视频位置：1、懒加
阅读全文
摘要：Javascript进阶课程 1、使用工厂模式创建对象 一、总结 一句话总结： 使用工厂模式创建对象 本质： 利用函数封装代码（创建对象的代码），方便对代码进行复用 function createPeople(name,age) { //创建字面量的方式 var people={ name:name
阅读全文
摘要：javascript疑难问题 14、js的字面量对象和JSON的区别 一、总结 一句话总结： json键值对中的键都要带上双引号 json键值对中的值只支持四种基本类型：数值、字符串、bool值、null，不支持函数和undefined 二、js的字面量对象和JSON的区别 博客对应课程的视频位置：
阅读全文
摘要：javascript字符串与json字符串的最大区别 一、总结 一句话总结： json字符串必须使用双引号(使用单引号会造成语法错误) 二、javascript字符串与json字符串的最大区别 博客对应课程的视频位置： javascript字符串与json字符串的最大区别json字符串必须使用双引号
阅读全文
摘要：js的字面量对象和JSON的区别 一、总结 一句话总结： a、json对象是json字面量的子集 b、json对象把key用双引号括起来 c、json对象的value限定为数字、字符串、布尔值和NULL中的一种 1、当js字面量对象中包含函数对象时，转换成json 再转换回来，会发生什么？ 函数被去
阅读全文
摘要：JS 创建自定义对象的方法 一、总结 一句话总结： 自定义对象可以使用 组合使用构造函数模式和原型模式，这样 构造函数模式用于定义实例属性，而原型模式用于定义方法和共享的属性。 1、工厂模式 创建对象的优缺点？ 工厂模式优点：【代码复用】：接受参数，可以无数次的调用这个函数，创建Person对象，而
阅读全文
摘要：好用的js插件 2、懒加载库lazyload 一、总结 一句话总结： 懒加载就是延时加载，即当资源需要用到的时候再去加载，可以用来懒加载图片视频等资源，github上面有很多懒加载的库， 1、懒加载的好处？ 加快页面的响应速度，可能降低服务器的负载 2、懒加载最基本使用？ 图片的data-src属性
阅读全文
摘要：legend3 本地的navicat如何连上阿里云的云服务器 ECS 上面的数据库 一、总结 一句话总结： 其实要想外网访问服务器上面的数据库，肯定是要在安全组里面放行数据库端口，然后在防火墙放行规则，然后查看数据是否可以远程连接 1、需要您在安全组放行数据库端口 添加安全组规则，您参考：https
阅读全文
摘要：ES7参考 ES7相关 一、总结 一句话总结： 1、指数运算符(幂): ** 2、Array.prototype.includes(value) : 判断数组中是否包含指定value console.log(3 ** 3);//27 let arr = [1,2,3,4, 'abc']; conso
阅读全文
摘要：ES6参考 for...of方法2 一、总结 一句话总结： for...of方法 可以遍历有 iterator接口的结构，比如对象，比如数组，比如伪数组，比如set、map等 for...of方法 本质上就是调用对象的iterator接口，用来遍历 let arr = [1,2,3,4,5]; fo
阅读全文
摘要：ES6参考 Set和Map 一、总结 一句话总结： Set容器：无序不可重复的多个value的集合体：let set = new Set([1,2,3,4,3,2,1,6]) Map容器：无序的 key不重复的多个key-value的集合体：let map = new Map([['abc', 12
阅读全文
摘要：ES6参考 对象的深度克隆 一、总结 一句话总结： 先判断类型，找出对象和数组，因为对象和数组默认值引用（也就是浅克隆），对对象和数组里面的元素再递归进行 对象的深度克隆 判断 // 深度克隆(复制) function getObjClass(obj) { let result = Object.p
阅读全文
摘要：ES6参考 对象扩展 一、总结 一句话总结： 1、Object.is(v1, v2)：判断2个数据是否完全相等，字符串方式比较 2、Object.assign(target, source1, source2..)：将源对象的属性复制到目标对象上 3、对象直接操作 __proto__ 属性：let
阅读全文
摘要：ES6参考 数组方法扩展 一、总结 一句话总结： 1、Array.from(v) : 将伪数组对象或可遍历对象转换为真数组 2、Array.of(v1, v2, v3) : 将一系列值转换成数组 3、find(function(value, index, arr){return true}) : 找
阅读全文
摘要：ES6参考 数值扩展 一、总结 一句话总结： a、js二进制与八进制数值表示法: 二进制用0b, 八进制用0o b、Number的isFinite()、isNaN()、isInteger()方法 c、Math的trunc()方法 1、js二进制与八进制数值表示法: 二进制用0b, 八进制用0o？ 二
阅读全文
摘要：ES6参考 字符串扩展 一、总结 一句话总结： 1、includes(str) : 判断是否包含指定的字符串 2、startsWith(str) : 判断是否以指定字符串开头 3、endsWith(str) : 判断是否以指定字符串结尾 4、repeat(count) : 重复指定次数：str.re
阅读全文
摘要：ES6参考 class类 一、总结 一句话总结： 1、通过class定义类/实现类的继承，在类中通过constructor定义构造方法 2、通过new来创建类的实例 3、通过extends来实现类的继承，通过super调用父类的构造方法 4、重写从父类中继承的一般方法 class Person {
阅读全文
摘要：ES6参考 async函数（es7） 一、总结 一句话总结： async函数 是ES2017的内容，也是解决异步问题的，也是同步流程表达异步操作，本质是Generator函数的语法糖 async function foo(){ await 异步操作; await 异步操作； } 1、async函数
阅读全文
摘要：ES6参考 Generator函数 一、总结 一句话总结： Generator函数和promise一样，也是用来做异步的，也是状态机的方式实现异步，只不过是通过遍历器iterator加yield（暂停）实现的 1、Generator函数的作用是什么？ Generator函数和promise一样，也是
阅读全文
摘要：ES6参考 for...of方法 一、总结 一句话总结： for...of方法本质上就是调用对象的iterator接口，用来遍历 1、自定义iterator生成指针对象 代码？ 主要是实现iterator的next方法和终值判断 // 自定义iterator生成指针对象 function mockI
阅读全文
摘要：ES6参考 Symbol属性 一、总结 一句话总结： Symbol是ES6中的添加了一种原始数据类型symbol(已有的原始数据类型：String, Number, boolean, null, undefined, 对象)，Symbol是唯一的，解决命名冲突问题 window.onload = f
阅读全文
摘要：ES6参考 形参默认值 一、总结 一句话总结： 形参的默认值：当不传入参数的时候默认使用形参里的默认值function Point(x = 1,y = 2){} function Point(x = 1,y = 2) { this.x = x; this.y = y; } 二、形参默认值 博客对应课
阅读全文
摘要：ES6参考 ...运算符 一、总结 一句话总结： 1、rest(可变)参数：用来取代arguments 但比arguments灵活,只能是最后部分形参参数 2、扩展运算符：扩展运算符：arr1 = [1,3,5];arr2 = [2,...arr1,6]; ...arr1代表1,3,5 1. res
阅读全文
摘要：ES6参考 箭头函数 一、总结 一句话总结： 箭头函数是fun1 = () => console.log('fun1()')的结构，主要用来定义匿名函数，做回调函数，没有自己的this 1、箭头函数形参特点？ 1、没有参数的话参数的括号要写上 2、有一个参数括号不用写 3、有多个参数括号也要写上 2
阅读全文
摘要：legend3 一些手机浏览器打开网站提示安全证书有问题 一、总结 一句话总结： https证书直接用阿里云云盾的，不要用云盾下载下来的证书上传证书和私钥 二、一些手机浏览器打开网站提示安全证书有问题 博客对应课程的视频位置： https证书直接用阿里云云盾的，不要用云盾下载下来的证书上传证书和私钥
阅读全文
摘要：legend3 cdn加速oss域名配置问题 一、总结 一句话总结： 一个域名只能配一条解析记录，把cname到oss的那条删了，只cname到cdn的即可。 1、static.fanrenyi.com对应的oss是oss1，对应的cdn加速是cdn1，我在域名解析里面都配置了cname的指向，这样
阅读全文
摘要：legend3 阿里云cnd加速oss 一、总结 一句话总结： 整体的流程是：我们访问 static.fanrenyi.com 的资源，会自动 转到oss1拿资源，然后通过static.fanrenyi.com.aliyun.com进行cdn加速 1、比如静态资源 放在名字为oss1的oss上，现在
阅读全文
摘要：legend3 27、清除无用或者多余图片 一、总结 一句话总结： 遍历数据库的图片链接，把有用到的图片的链接记录下来，然后去图片文件夹里面把没有被用到的图片干掉，这个定时清理一下就好 1、课程图片直接放在oss上显示策略？ 可以把图片直接oss上面，然后拿链接 2、图片的响应式怎么做？ 可以不用懒
阅读全文
摘要：日常英语 200327（Intersection Observer API） 一、总结 一句话总结： intersection：英 /ˌɪntəˈsekʃn/：n. 交叉；十字路口；交集；交叉点 1、@param compareFn The name of the function used to
阅读全文
摘要：什么WebSocket 一、总结 一句话总结： WebSocket 是一种网络通信协议，双向通讯，持续通讯。服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。 1、为什么需要 WebSocket？ 1、因为 HTTP 协议有一个缺陷：通
阅读全文
摘要：在PC上调试微信手机页面的三种方法 一、总结 一句话总结： 可以开Fiddler抓手机的包，记得在chrome里面模拟手机的浏览器，也就是user-agent Mozilla/5.0 (Linux; U; Android 4.1.2; zh-cn; Chitanda/Akari) AppleWebK
阅读全文
摘要：Fiddler抓包工具使用详解 一、总结 一句话总结： 1、【监视、设置断点、修改输入输出数据】：Fiddler是最强大最好用的Web调试工具之一， 它能记录所有客户端和服务器的http和https请求。允许你监视、设置断点、甚至修改输入输出数据。 2、【.net语言 + 事件脚本子系统】：Fidd
阅读全文
摘要：legend3 Fiddler抓包工具总结 一、总结 一句话总结： Fiddler是位于客户端和服务器端的HTTP代理，目前最常用的http抓包工具之一，功能非常强大，是web调试的利器 1、fiddler插件Willow？ Willow是一个Fiddler的插件，提供重定向和host主机等功能，通
阅读全文
摘要：Fiddler-HTTP协议调试代理工具，以及插件Willow的使用 一、总结 一句话总结： Fiddler是位于客户端和服务器端的HTTP代理，目前最常用的http抓包工具之一，功能非常强大，是web调试的利器 1、fiddler插件Willow？ Willow是一个Fiddler的插件，提供重定
阅读全文
摘要：Fiddler介绍 一、总结 一句话总结： Fiddler是位于客户端和服务器端的HTTP代理，目前最常用的http抓包工具之一，功能非常强大，是web调试的利器 1、Fiddler作用？ 抓包、调试，也可以抓手机app的包调试手机app ·监控浏览器所有的HTTP/HTTPS流量·查看、分析请求内
阅读全文
摘要：legend3 访问fanrenyi.com是https的，但是访问www.fanrenyi.com是http 一、总结 一句话总结： 在cdn的 域名管理 的 HTTPS配置 的 强制跳转 中设置HTTP到HTTPS的强制跳转 二、访问fanrenyi.com是https的，但是访问www.fan
阅读全文
摘要：设置跨域资源共享 一、总结 一句话总结： 服务器带Access-Control-Allow-Origin 这个 Header，浏览器根据服务器的header里面有没有Access-Control-Allow-Origin进行拦截 1、CORS 通过 HTTP 请求中附带 Origin 的 Heade
阅读全文
摘要：阿里云oss解决资源跨域 一、总结 一句话总结： 阿里云oss资源跨域的话，在oss的跨域规则里面设置一下就好了，来源的话写要跨域的网站，也就是referer，Allowed Methods可以写get、post、head，Allowed Headers可以是*号，其它默认即可 二、阿里云oss解决
阅读全文
摘要：oss中字体文件跨域 一、总结 一句话总结： 字体文件跨域的话，在oss的跨域规则里面设置一下就好了，来源的话写要跨域的网站，也就是referer，Allowed Methods可以写get、post、head，Allowed Headers可以是*号，其它默认即可 二、oss中字体文件跨域 转自或
阅读全文
摘要：legend3 阿里云oss无法加载font-awesome字体 一、总结 一句话总结： 跨域和防盗链：先设置字体文件跨域，再要小心字体文件是css的相对引用，所以具体调用字体文件的时候referer是服务器，是css在调用，所以防盗链白名单里面要加上 本oss，而且报的403错误，一下子就应该想到
阅读全文
摘要：OSS上无法使用字体文件解决方案 一、总结 一句话总结： 跨域和防盗链：先设置字体文件跨域，再要小心字体文件是css的相对引用，所以具体调用字体文件的时候referer是服务器，是css在调用，所以防盗链白名单里面要加上 本oss，而且报的403错误，一下子就应该想到防盗链 二、OSS上无法使用字体
阅读全文
摘要：php程序增加Access-Control-Allow-Origin 头设置跨域 一、总结 一句话总结： 直接通过header方法在响应头中加上Access-Control-Allow-Origin:*即可：header('Access-Control-Allow-Origin:*'); 二、php
阅读全文
摘要：php和apache设置Access-Control-Allow-Origin 头跨域 一、总结 一句话总结： php就是header方法设置响应头，apache的话可以直接在vhost下Header set来设置响应头 php: $origin = 'https://www.google.com,
阅读全文
摘要：PHP通过Access-Control-Allow-Origin 跨域 一、总结 一句话总结： 直接通过header方法在响应头中加上Access-Control-Allow-Origin:*即可：header('Access-Control-Allow-Origin:*'); 二、PHP通过Acc
阅读全文
摘要：htaccess下配置跨域的方法 一、总结 一句话总结： htaccess下配置跨域的方法：只要搜索对关键字，百度上面一般都有，搜索关键字的话就是最直接的描述，遇到什么描述什么 允许所有域名跨域 <IfModule mod_headers.c> Header add Access-Control-A
阅读全文
摘要：阿里云 CDN+OSS 解决方案 一、总结 一句话总结： 就是使用oss作为cdn的源站，当然在这个过程中可以选择给oss绑定服务器子域名，当然也可以选择不 二、阿里云 CDN+Oss 解决方案 转自：阿里云 CDN+Oss 解决方案_网络_Leon的博客-CSDN博客https://blog.cs
阅读全文
摘要：一次完整的HTTP请求过程 一、总结 一句话总结： 1、域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 2、服务器响应http请求，浏览器得到html代码 --> 浏览器解析html代码，并请求html代码中的资源（如js、css、图片等） --> 浏览器对
阅读全文
摘要：apache多站点配置中ServerAlias什么意思 一、总结 一句话总结： 就是给ServerName起别名，通过Alias中的域名也可以访问这个虚拟主机 二、apache多站点配置中ServerAlias什么意思 博客对应课程的视频位置： 别名，访问www.maiche.pro www.bei
阅读全文
摘要：legend3 apache配置https 一、总结 一句话总结： 第一步：将80端口跳转到443端口 第二步：在httpd-ssl.conf中配置https规则 二、apache配置https 博客对应课程的视频位置： 第一步：将80端口跳转到443端口 第二步：在httpd-ssl.conf中配
阅读全文
摘要：legend3 Fiddler如何抓手机app的包 一、总结 一句话总结： 1、【设置手机局域网代理】：保证手机和电脑在一个局域网，并且在手机的局域网设置中指定代理为电脑ip（比如192.168.1.7），端口号为Fiddler监听的端口（比如8888） 2、在Fiddler->Tools->Opt
阅读全文
摘要：Fiddler：增加IP列 一、总结 一句话总结： 1、运行fiddler，菜单，Rules->Customize Rules，打开“Fiddler ScriptEditor” 2、Ctrl+F查找“static function Main()”字符串，然后添加增加ip列的代码： FiddlerOb
阅读全文
摘要：http请求报文格式和响应报文格式 一、总结 一句话总结： HTTP 请求报文由请求行、请求头部、空行 和 请求包体 4 个部分组成 HTTP 响应报文由状态行、响应头部、空行 和 响应包体 4 个部分组成 1、常见的请求头及用途有哪些？ +、【比如爬虫】：User-Agent：产生请求的浏览器类型
阅读全文
摘要：http请求头中Referer的含义和作用 一、总结 一句话总结： 什么是Referer：Referer表示请求的来源，比如什么网站经过链接跳转过来的 Referer作用：Referer是 防盗链 和 防止恶意请求 1、什么是Referer？ 什么是Referer：Referer表示请求的来源，比如
阅读全文
摘要：Chrome保存的HAR文件怎么打开 一、总结 一句话总结： HAR是HTTP存档格式（HTTP Archive format），可以使用Fiddler（http协议调试代理工具）打开HAR文件 1、HAR是什么？ HAR，即HTTP存档格式（HTTP Archive format），是一种JSON
阅读全文
摘要：legend3 阿里云配置cdn之后报ssl错误 一、总结 一句话总结： 1、【CDN上配置HTTPS证书】：域名是解析到CDN上了，所以必须到CDN上去配置HTTPS证书的 2、【回源端口配置成443】：源站有一个强制HTTPS的跳转，所以您需要把您的CDN的回源端口配置成443，用HTTPS回源
阅读全文
摘要：404、403常见错误代码解析 一、总结 一句话总结： 403：禁止访问：比如设置了防盗链 404：无法找到文件：比如被删除了 1、403：禁止访问？ a、服务器拒绝：出现403是因为服务器拒绝了你的地址请求，很有可能是你根本就没权限访问网站，就算你提供了身份验证也没用。讲真，很有可能是你被禁止访问
阅读全文
摘要：legend3 阿里云oss无法访问到font-awesome字体问题 一、总结 一句话总结： 请求成功的请求头中的referer和请求失败的请求 头的中的referer不一样，显然是防盗链的问题，设置了防盗链，请求成功的referer在白名单中，请求失败的referer没在，就算请求失败的refe
阅读全文
摘要：阿里云cdn配置HTTPS证书 一、总结 一句话总结： 如果是设置云盾证书，是直接从阿里云控制台中选，如果是自定义，则是将自己https证书的及私钥上传（复制粘贴） 二、阿里云cdn配置HTTPS证书 转自或参考：https://help.aliyun.com/document_detail/271
阅读全文
摘要：阿里云oss存储静态资源 一、总结 一句话总结： 阿里云oss存储静态资源的时候，静态资源可以通过oss客户端来导入，支持文件夹结构和很多文件，非常方便 二、oss存储静态资源 转自或参考：用oss储存云服务的js,css图片文件,是怎么做的呢? - 的回答 - SegmentFault 思否htt
阅读全文
摘要：legend3 阿里云跨域设置实例 一、总结 一句话总结： 在chrome的控制台，在Response Headers中，Access-Control-Allow-Methods和Access-Control-Allow-Origin都是我们在oss跨域中设置的东西 Access-Control-A
阅读全文
摘要：legend3 阿里云配置cdn是出现SSL_ERROR_NO_CYPHER_OVERLAP错误 一、总结 一句话总结： 报ssl错误，https是做ssl加密的，而网站本身https协议，cdn的https还在申请，估计问题再这 二、阿里云配置cdn是出现SSL_ERROR_NO_CYPHER_O
阅读全文
摘要：前端跨域请求及解决方案 一、总结 一句话总结： 跨域请求是当前发起请求的域（协议、域名、端口）与该请求指向的资源所在的域不一致，常见的解决方式有 JSONP、跨域资源共享CORS、反向代理等 1、JSONP2、跨域资源共享CORS（Cross-Origin Resource Sharing）3、反向
阅读全文
摘要：Access-Control-Allow-Origin跨域 一、总结 一句话总结： 1、跨域中，Access-Control-Allow-Origin，标识允许哪个域的请求。 2、当然，如果服务器不通过，根本没有这个字段，接着触发XHR的onerror，再接着你就看到浏览器的提示xxx的服务器没有响
阅读全文
摘要：head请求是什么 一、总结 一句话总结： HEAD方法跟GET方法相同，只不过服务器响应时不会返回消息体。一个HEAD请求的响应中，HTTP头中包含的元信息应该和一个GET请求的响应消息相同。这种方法可以用来获取请求中隐含的元信息，而不用传输实体本身。也经常用来测试超链接的有效性、可用性和最近的修
阅读全文
摘要：legend3 阿里云配置cdn服务 一、总结 一句话总结： cdn加速的话就是先开启cdn服务，然后进行域名管理，将服务器域名映射到cdn的加速域名上面去 1、cdn全站加速具体配置两个步骤？ a、在cdn中，将cdn加速域名映射到我们自己的服务器的ip上面去 b、在域名解析中，添加cname记录
阅读全文
摘要：legend3 阿里云添加 CNAME 记录提示和 A 记录冲突如何解决 一、总结 一句话总结： 先删除掉 A 记录，然后再添加 CNAME 记录就没问题了：因为cname解析是 本域名指向cdn加速的域名，cnd加速域名那里是配置了服务器的ip的，所以这里这条a记录删掉，不然就冲突了，自然报错 1
阅读全文
摘要：legend3 laravel将静态资源转移到阿里云oss 一、总结 一句话总结： 1、给laravel的静态资源设置路径前缀 2、使用阿里云oss客户端批量添加文件夹 1、给laravel的静态资源设置路径前缀 实例？ 在config中加一个配置文件，在配置文件中配置路径前缀常量，在所有资源相关的
阅读全文
摘要：legend3 laravel配置文件(自定义配置文件) 一、总结 一句话总结： laravel配置文件是自动加载的，你在config里面新建一个custom.php，可以直接config('custom.timezone')读取配置，模板中的话可以{{config('custom.timezone
阅读全文
摘要：laravel 自定义常量方法 一、总结 一句话总结： 直接在配置文件中定义常量即可：laravel配置文件是自动加载的，直接定义常量直接就可以用，config('配置文件名.常量名')：config('constants.ADMIN_NAME'); 二、laravel 自定义常量方法 转自或参考：
阅读全文
摘要：laravel 解决静态资源路径改变问题 一、总结 一句话总结： 将和路径相关常用的路径字符串定义成常量放在一个配置文件中：laravel配置文件是自动加载的,所以只要将和路径相关常用的路径字符串定义成常量放在一个配置文件中就可以了 // 前台静态文件存放目录 define('_CSS_', '/s
阅读全文
摘要：base64格式1*1的透明色块 一、总结 一句话总结： lazy load的时候，图片的src可以用1px的base64格式透明色块：data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNg
阅读全文
摘要：ES6参考 简化的对象写法 一、总结 一句话总结： 主要是把键值对写法变成只有一部分，一部分是同名属性赋值，另一部分是函数赋值 1、省略同名的属性值：x : x 写成 x,2、省略方法的function：getPoint : function () {} 写成 getPoint(){} 1、简化的对
阅读全文
摘要：js触发页面resize事件 一、总结 一句话总结： 1、let myEvent = new Event('resize'); 2、window.dispatchEvent(myEvent); 二、js触发页面resize事件 博客对应课程的视频位置： 1、createEvent + dispatc
阅读全文
摘要：原生js实现jquery中的trigger 一、总结 一句话总结： jquery中trigger什么的click事件，相当于js中new Event('click')，然后dispatchEvent <button id="btn-1">Button-1</button> <button id="b
阅读全文
摘要：ES6参考 模板字符串 一、总结 一句话总结： 模板字符串的作用是 简化字符串的拼接，和php的双引号很像，用 `` 包含，变化的部分使用xxx1、模板字符串要点？1、模板字符串必须用‘‘包含2、变化的部分使用{xxx}定义 2、模板字符串 实例？ ``包含，变化的部分用${xx
阅读全文
摘要：ES6参考 解构赋值 一、总结 一句话总结： 1、解构赋值就是从对象或数组中提取数据, 并赋值给变量(多个) 2、对象的解构赋值：左边的全局变量放在对象中：let {n, a} = {n:'tom', a:12} 3、数组的解构赋值：左边的全局变量放在数组中：let [a,b] = [1, 'atg
阅读全文
摘要：ES6参考 const关键字 一、总结 一句话总结： const是定义一个常量，也就是不能修改的量（重新赋值会报错），作用域啥的和let一样 二、const关键字 博客对应课程的视频位置： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta c
阅读全文
摘要：ES6参考 let关键字 一、总结 一句话总结： let关键字是块级作用域，不会预处理, 不存在提升，let会取代var 1、let关键字特点？ a、块级作用域 b、不能重复声明 c、不会预处理, 不存在提升 2、let的一个应用？ 循环遍历加监听：let是块级作用域，块中回调函数如果用到变量，变量
阅读全文
摘要：ES6参考 call、apply和bind 一、总结 一句话总结： bind和call与apply的区别是不会立即调用函数，常用于改变回调函数的参数，bind的参数传递方式和call一样 <script type="text/javascript"> function fun(age) { this
阅读全文
摘要：ES6参考 es5中数组方法 一、总结 一句话总结： a、值位置：indexOf(value) 或 lastIndexOf(value)：得到值在数组中的第一个（最后一个）下标 b、遍历回调型：forEach（遍历数组）、map（遍历返回加工之后的数组）、filter（遍历返回符合要求的数组） 1.
阅读全文
摘要：ES6参考 es5-对象本身的get和set方法 一、总结 一句话总结： 1、get propertyName(){}：调用值的时候自动调用：用来得到当前属性值的回调函数 2、set propertyName(){}：值变化的时候自动调用：用来监视当前属性值变化的回调函数 var obj = { f
阅读全文
摘要：ES6参考 es5-Object扩展 一、总结 一句话总结： 1、Object.create(prototype, [descriptors])：以指定对象为原型创建新的对象，并且为新的对象指定新的属性, 并对属性进行描述 2、Object.defineProperties(object, desc
阅读全文
摘要：ES6参考 es5-json对象扩展 一、总结 一句话总结： json就是字符串（用字符串方式表示对象），JSON.stringify(obj/arr)是将js对象(数组)转换为json对象(数组)，转换出来的json对象是个字符串， 1、json的两个方法？ 1、JSON.stringify(ob
阅读全文
摘要：ES6参考 es介绍 一、总结 一句话总结： es是ECMAScript，是标准，js是es的实现 1、ES的几个重要版本？ *、ES5 : 09年发布 *、ES6(ES2015) : 15年发布, 也称为ECMA2015 *、ES7(ES2016) : 16年发布, 也称为ECMA2016 (变化
阅读全文
摘要：ES6参考 es5-严格模式 一、总结 一句话总结： a、除了正常运行模式(混杂模式)，ES5添加了第二种运行模式："严格模式"（strict mode），这种模式使得Javascript在更严格的语法条件下运行 b、使用就是script前面加句话'use strict'; 1、严格模式 的作用？
阅读全文
摘要：legend3 26、懒加载 或者 复杂资源点击的时候再请求 一、总结 一句话总结： 懒加载：无论是组件还是静态资源都可以懒加载，这样对用户和服务器都非常有帮助 复杂资源点击的时候再请求：这个原理和好处和懒加载一样，比如一些要经过复杂计算的资源 1、laravel将数据库查询出来的集合数据转化为数组
阅读全文
摘要：js插件 延迟加载库lazy load 一、总结 一句话总结： 使用插件的时候，把必要的东西都配上：使用lazy load，因为没写图片的src，造成部分图片显示，部分不显示的问题，所以下次使用这些插件，把必要的东西都配上 1、lazy load最好配上data-srcset（就算不是因为img的s
阅读全文
摘要：javascript异步编程 一、总结 一句话总结： javascript异步编程最常用的就是回调和promises 1、单线程优缺点？ 优点：【执行环境简单】：JavaScript的执行环境是单线程的，单线程的好处是执行环境简单，不用去考虑诸如资源同步，死锁等多线程阻塞式编程等所需要面对的恼人的问
阅读全文
摘要：img的srcset和sizes属性作用 一、总结 一句话总结： 1、img 标签的 srcset 可以用来处理页面在不同像素密度终端设备上对图片的选择性展示 2、sizes 作用就在于告诉浏览器根据【屏幕尺寸】和【像素密度】的计算值从srcset 中选择最佳的图片源。 1、img 标签的 srcs
阅读全文
摘要：屏幕尺寸，分辨率，像素，PPI之间到底什么关系 一、总结 一句话总结： 分辨率是横向纵向像素点个数，PPI是每英寸的像素点个数 1、英寸和厘米的转换？ 1英寸（inch）=2.54厘米（cm） 2、啥是分辨率比？ 手机的屏幕是个长方形，高是1920px，宽是1080px。你稍计算就会发现，这个高和宽
阅读全文
摘要：img 的 srcset、sizes 属性 一、总结 一句话总结： HTML 5.1 新增加了 img 元素的 srcset 、 sizes 属性和 picture 元素，使得响应式图片的实现更为简单便捷，很多主流浏览器的新版本也对这些新增加的内容支持良好。 1、如下关于img的srcset代码的意
阅读全文
摘要：legend3 图片裁剪实例代码 一、总结 一句话总结： 图片裁剪之后，图片尽量存为jpg，相比于png，jpg的图片要小很多 1、base64格式图片如何存储为jpg，如何存储为png？ 存储为jpg就是canvas转base64的时候格式选jpeg，存png就是转的时候格式选png，转jpg例子
阅读全文
摘要：JPG 和 JPEG 格式有什么区别 一、总结 一句话总结： 没有区别，全名、正式扩展名是JPEG。但因DOS、Windows 95等早期系统采用的8.3命名规则只支持最长3字符的扩展名，为了兼容采用了.jpg。也因历史习惯和兼容性考虑，.jpg目前更流行。 二、JPG 和 JPEG 格式有什么区别
阅读全文
摘要：jpg与png图片的优缺点 一、总结 一句话总结： png是无损压缩，所以图片较大，jpg是有损压缩，所以图片较小，所以网页中尽量用jpg格式的图片 1、jpg格式图片优缺点？ jpg优点：尺寸较小，节省空间；打开速度快 jpg缺点：有损格式，在修图时不断保存会导致图片质量不断降低；不支持透明 2、
阅读全文
摘要：ES6参考 Promise对象 一、总结 一句话总结： 1、promise代替回调来做异步，回调做异步结构太混乱了，可以把异步函数（定时器、ajax等等）写在promise里面 2、promise可以将异步操作以同步的流程表达出来, 避免了层层嵌套的回调函数(俗称'回调地狱') * 创建promis
阅读全文
摘要：范仁义js课程 70、sort方法 一、总结 一句话总结： sort方法是对数组进行排序的，例如arr.sort()，不传递参数的话使用unicode编码的顺序排序，默认升序，我们也可以给sort方法传递一个作为排序规则的回调函数来指定sort方法的排序规则 1、不同浏览器sort方法的排序方法不一
阅读全文
摘要：JS实现异步编程的4种方法（总结） 一、总结 一句话总结： 一、回调函数：这是异步编程最基本的方法。 二、事件监听：采用事件驱动模式。任务的执行不取决于代码的顺序，而取决于某个事件是否发生。 三、发布/订阅：Ben Alman的Tiny Pub/Sub，这是jQuery的一个插件：我们假定，存在一个
阅读全文
摘要：JS执行机制详解 一、总结 一句话总结： JS是单线程语言，Event Loop（事件循环）是JS的执行机制。 1、为什么JS是单线程？ 1、【操作dom】：JS作为浏览器脚本语言，它的主要用途是与用户互动，以及操作DOM，因此js是单线程，也避免了同时操作同一个DOM的矛盾问题；比如，假定Java
阅读全文
摘要：js执行机制 一、总结 一句话总结： ①先执行执行栈中的同步任务 ②异步任务（回调函数）放入任务队列中 ③一旦执行栈中的所有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈，开始执行。 ④由于主线程不断的重复获得任务，执行任务，再获取任务，再执行
阅读全文
摘要：Javascript异步（node.js） 一、总结 一句话总结： 1、node.js的“一切皆异步”的思想很有创意，目的是可以让开发者轻松编写高性能的web服务端，而不会“不小心”就用同步api阻塞了服务器从而影响性能。 2、其他的语言比如php, python, java等基于同步的语言，虽然也
阅读全文
摘要：Javascript异步编程之回调函数 一、总结 一句话总结： js回调函数实现异步，是在你的函数定义里面调用别人已经提供的异步api （不管是原生的还是第三方的），在这个异步api中调用回调函数 function foo(callback) { 你自己的代码; asyncFn(function()
阅读全文
摘要：重绘（redraw或repaint）和重排（reflow） 一、总结 一句话总结： 重绘（repaint或redraw）：当盒子的位置、大小以及其他属性，例如颜色、字体大小等都确定下来之后，浏览器便把这些原色都按照各自的特性绘制一遍，将内容呈现在页面上。 重排（重构/回流/reflow）：当渲染树中
阅读全文
摘要：前端性能优化之重排和重绘 一、总结 一句话总结： 重绘（repaint或redraw）：当盒子的位置、大小以及其他属性，例如颜色、字体大小等都确定下来之后，浏览器便把这些原色都按照各自的特性绘制一遍，将内容呈现在页面上。 重排（重构/回流/reflow）：当渲染树中的一部分(或全部)因为元素的规模尺
阅读全文
摘要：关于options请求的一点理解 一、总结 一句话总结： options请求是用于请求服务器对于某些接口等资源的支持情况的，包括各种请求方法、头部的支持情况，仅作查询使用。HTTP 的 OPTIONS 方法 用于获取目的资源所支持的通信选项。客户端可以对特定的 URL 使用 OPTIONS 方法，也
阅读全文
摘要：跨域中option请求详解 一、总结 一句话总结： 在正式跨域的请求前，浏览器会根据需要，发起一个“PreFlight”（也就是Option请求），用来让服务端返回允许的方法（如get、post），被跨域访问的Origin（来源，或者域），还有是否需要Credentials(认证信息） 1、为什么会
阅读全文
摘要：手写call、apply、bind函数 一、总结 一句话总结： 其实都不用记，用脑子去推就好了：核心点是为传进来的对象context添加fn这个函数属性，然后context就可以执行fn这个函数，也就是改变了fn的this指向 Function.prototype.myCall = function
阅读全文
摘要：CSS3疑难问题 7、实现元素水平垂直居中 一、总结 一句话总结： 方式一：绝对定位+margin: auto;：子元素绝对定位，并且偏移全为0，margin设置为auto 方式二：绝对定位+margin自身负偏移：子元素绝对定位且左（left）上（top）偏移50%，再margin负偏移左（lef
阅读全文
摘要：CSS3疑难问题 8、纯css实现三角形 一、总结 一句话总结： 纯css实现三角形：原理是通过边框来实现三角形：将内容区的宽高设置为0，然后将需要的部分设置为真实的颜色，不需要的部分设置为透明色transparent .box{ width: 0; height: 0; border: 200px
阅读全文
摘要：图片懒加载原理 一、总结 一句话总结： 到达指定加载图片位置时，用data-src的属性值替换img的src的属性值即可，这个时候img就会去请求资源 imgs[i].src = imgs[i].getAttribute('data-src'); 二、图片懒加载原理 博客对应课程的视频位置： 1 <
阅读全文
摘要：js参考 sort函数 一、总结 一句话总结： sort函数不同浏览器的实现不一样，所以具体的排序算法的原理也不一样，一样的就是如果返回a-b，则升序，返回b-a，则降序 1、sort函数参数对应的回调函数的两个形参的作用是什么？ 接收排序时候传递过来的实参：sort函数里面的回调函数需要两个形参，
阅读全文
摘要：css参考 纯css实现三角形 一、总结 一句话总结： 内容区的宽高设置为0，需要的部分设置是真实的颜色，不需要的部分设置成透明色transparent .box{ width: 0; height: 0; border: 100px solid; border-left-color:red ; b
阅读全文
摘要：css参考 实现元素水平垂直居中 一、总结 一句话总结： 方式一：绝对定位+margin: auto;：子元素绝对定位，并且偏移全为0，margin设置为auto 方式二：绝对定位+margin自身负偏移：子元素绝对定位且左（left）上（top）偏移50%，再margin负偏移左（left）上（t
阅读全文
摘要：javascript疑难问题 13、函数防抖 一、总结 一句话总结： 防抖函数 就是 一个会频繁触发的函数，在规定的时间内，只让最后一次生效，前面的不生效。算法思路就是 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 1、防抖函数 的作用？ 防止用户的重复（手抖）操作 2、防抖函
阅读全文
摘要：javascript疑难问题 12、函数节流 一、总结 一句话总结： 函数节流就是 一个函数执行一次后，只有大于设定的执行周期后，才会执行第二次，这样可以防止函数过于频繁的执行，起到节约性能的作用 //2、需求：滚动条事件 每隔200ms才触发一次 /** * 1、函数节流 * @param fn
阅读全文
摘要：闭包执行注意（函数节流为例） 一、总结 一句话总结： 注意，本例中document.onscroll的时候，执行的不是throttle函数而是throttle函数里面的闭包 //2、需求：滚动条事件 每隔200ms才触发一次 /** * 1、函数节流 * @param fn 要执行的回调函数 * @
阅读全文
摘要：javascript疑难问题 11、回调函数 一、总结 一句话总结： 回调函数是你定义了的，但是你没有直接调用，但是 最终它执行了(在特定条件或时刻)的函数 1、常见的回调函数有哪些？ 比如DOM事件函数、定时器函数、ajax回调函数等等 二、回调函数 博客对应课程的视频位置：11、回调函数http
阅读全文
摘要：js回调函数做异步 一、总结 一句话总结： 用回调函数实现异步是把回调函数的执行放到了异步函数里面，常用的异步函数有 定时器函数、ajax函数等 二、js回调函数做异步 博客对应课程的视频位置： 你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"
阅读全文
摘要：JavaScript 异步调用执行过程 一、总结 一句话总结： js的异步过程是 call stack（主调用栈）、web apis（相当于异步操作放的位置）、事件队列（异步回调事件放到这个里面等待执行）、event loop（循环执行从事件队列中取事件到call stack执行）共同作用的结果 二
阅读全文
摘要：js参考 数组排序函数sort 一、总结 一句话总结： sort的作用是排序数组，@param：compareFn：The name of the function used to determine the order of the elements. If omitted, the elemen
阅读全文
摘要：算法疑难(js实现) 1、快速排序 一、总结 一句话总结： 快排就是将数列按照基准数分成左（左区间都比基准数小）右（右区间都比基准数大）两个区间，对左右区间递归快排，直到区间只有一个数，这样区间就全部有序了，然后将全部有序的区间合并起来就得到排序好的结果 1 function quickSort(a
阅读全文
摘要：js数组sort排序方法的算法 一、总结 一句话总结： ECMAScript没有定义使用哪种排序算法，各个浏览器的实现方式会有不同。火狐中使用的是归并排序，Chrome是插入排序（元素小于等于10的时候）结合快排（元素大于10的时候）。 二、js数组sort排序方法的算法 转自或参考：js数组sor
阅读全文
摘要：javascript疑难问题 10、call和apply 一、总结 一句话总结： call和apply方法 不仅可以执行函数（方法），更重要的是他们在执行函数（方法）的时候可以改变函数（方法）里面this的指向 1、函数（方法）中this的指向？ 就是谁调用函数（方法），函数（方法）里面的this就
阅读全文
摘要：范仁义js课程 69、forEach 一、总结 一句话总结： forEach方法的作用是用于遍历数组的每个元素，使用的话直接 数组名.forEach()即可，forEach的参数是回调函数：function(currentValue, index, arr) 1、forEach方法的参数回调函数：f
阅读全文
摘要：基于vue的UI框架集锦(移动端+pc端) 一、总结 一句话总结： 基于vuejs的有很多的前端框架，比如移动端vonic、vux等等，pc端Element、iView等等 1、基于vuejs的前端框架（比如vonic）和普通前端框架（bootstrap）的区别是什么？ 基于vuejs的前端框架也是
阅读全文
摘要：vue移动框架vonic 一、总结 一句话总结： vonic 一个基于 vue.js 和 ionic 样式的 移动端UI 框架，用于快速构建移动端单页应用，很简约，样式也还比较好看 1、基于vuejs的前端框架（比如vonic）和普通前端框架（bootstrap）的区别是什么？ 基于vuejs的前端
阅读全文
摘要：vue桌面端框架element 一、总结 一句话总结： vue桌面端框架element：基本的布局（比如栅格系统等等）、样式（比如按钮，表格，表单，弹框，日历等等），还有一些vue的基本应用比如 transfer等等 二、vue桌面端框架element 博客对应课程的视频位置： element地址：
阅读全文
摘要：vuex最简单的入门文档 一、总结 一句话总结： vuex是管理状态的，也就是用来解决vue组件之间通信复杂的问题的 1、vue手机和电脑对应的前端ui框架？ 比如手机端的vonic和vux，以及电脑端的ElementUI 2、vuex中的getters对象解释？ getters 和 vue 中的
阅读全文
摘要：Vuex最简单教程 一、总结 一句话总结： vuex 是一个专门为vue.js应用程序开发的状态管理模式。这个状态我们可以理解为在data中的属性，需要共享给其他组件使用的部分。也就是说，是我们需要共享的data，使用vuex进行统一集中式的管理。 1、vuex中，默认的五种基本的对象的理解？ st
阅读全文
摘要：动态规划和回溯总结 一、总结 一句话总结： 算法的录课可以以大知识点为一门课程，比如dp，比如回溯，比如线段树，比如最短路等等 1、动态规划技巧总结？ 1、找准状态：一般问题所问我们就可以设置为状态 2、找变化（转移）关系：也就是找递推表达式：也就是找动态规划的状态转移方程 3、找好起始状态和最终状
阅读全文
摘要：图论相关算法 一、总结 一句话总结： 算法或者算法的思想在敲代码方面特别有用，不要荒废了，编程相关的方面全部都要用 1、最小生成树 prim算法？ 找离集合最近的点，用一个数组来维护离集合最近的点即可 2、最小生成树 Kruskal算法？ 依次找最小的边，条件是 找的那条边的两个点不能连通，这里看两
阅读全文
摘要：谷歌浏览器 Unchecked runtime.lastError: The message port closed before a response was received. 一、总结 一句话总结： 原因是chrome扩展程序的问题，逐一排查，关闭即可 二、谷歌浏览器 Unchecked ru
阅读全文
摘要：前端面试题总结 一、总结 一句话总结： 还是求职或者面试的时候学习效率和做事效率要高一点，而且还能有急迫感，建议保持 1、弹性盒子实现水平垂直居中？ display: flex设置弹性盒子，然后弹性盒子水平属性和垂直属性都设置为center即可 #wrap { display: flex; just
阅读全文
摘要：js插件 延时加载库echo.js 一、总结 一句话总结： Echo.js 是一个用于图像延迟加载，非常小巧，压缩后不足 1KB，使用非常非常简单，例如img src="images/blank.gif" alt="pic" data-echo="img/pic.jpg" width="640" h
阅读全文
摘要：JS函数防抖和函数节流 一、总结 一句话总结： 函数防抖(debounce)：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 函数节流(throttle)：规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效
阅读全文
摘要：回调函数理解 一、总结 一句话总结： 1、“回调函数，是当父函数执行完后再去执行传入的函数。” 这句话是错误的，父函数并不是呆呆地执行每一个以参数形式传进来的回调函数，它有可能在适当的时机调用，也可能永远不调用。 2、回调函数本质上是“面向未来编程”，当我开始做一件事的时候（父函数），有些伴生的事明
阅读全文
摘要：JS回调函数-深入篇 一、总结 一句话总结： 回调函数是从一个叫函数式编程的编程范式中衍生出来的概念。简单来说，函数式编程就是使用函数作为变量。 1、回调函数使用场景？ a、异步调用（例如读取文件，进行HTTP请求，等等） b、时间监听器/处理器 c、setTimeout和setInterval方法
阅读全文
摘要：call、apply和bind方法的用法以及区别 一、总结 一句话总结： call、apply、bind的作用是改变函数运行时this的指向，bind返回对应函数, 便于稍后调用； apply, call则是立即调用。 1、如下代码两个this的指向分别是什么？ 答案：点击页面，依次输出：docum
阅读全文
摘要：js参考 forEach 一、总结 一句话总结： forEach()方法需要一个回调函数作为参数，这个回调函数会被浏览器传进去三个参数，分别是value（值）、index（索引）、arr（数组），例如 arr.forEach(function(value , index , obj){}); arr
阅读全文
摘要：JS回调函数实例 一、总结 一句话总结： 回调，回调，就是回头调用的意思。主函数的事先干完，回头再调用传进来的那个函数。 //定义主函数，回调函数作为参数 function A(callback) { callback(); console.log('我是主函数'); } 1、回调函数英文定义？ A
阅读全文
摘要：范仁义js课程 68、数组的遍历的练习 一、总结 一句话总结： 数组的遍历的练习中，我们是遍历数组，找出得分不及格的对象，对其它数组的操作一般也是遍历数组，找出满足条件的数组中的元素。 二、数组的遍历的练习 博客对应课程的视频位置：68、数组的遍历的练习https://www.fanrenyi.co
阅读全文
摘要：范仁义js课程 67、数组的遍历 一、总结 一句话总结： 数组的遍历也就是依次访问数组中的每个元素，我们可以用循环来实现数组的遍历，例如：for(var i=0;i<arr.length;i++){} var arr=['猪八戒','白骨精','嫦娥','孙悟空','小白龙']; //console
阅读全文
摘要：范仁义js课程 65、栈的方法 一、总结 一句话总结： 栈是一种先进后出的数据结构，有两个主要的方法：入栈和出栈，入栈方法可以用push()来模拟，出栈方法可以用pop()来模拟 1、栈的入栈操作和出栈操作对应的js中的数组中的方法分别是什么？ 入栈：数组的结尾添加元素：push()：向数组的末尾添
阅读全文
摘要：范仁义js课程 66、队列的方法 一、总结 一句话总结： 队列就是先进先出的数据结构，有两个主要方法：入队和出队，入队方法可以用push()来模拟，出队方法可以用shift()来模拟 1、队列的入队操作和出队操作对应的js中的数组中的方法分别是什么？ 入队：在数组的末尾添加元素：push()：向数组
阅读全文
摘要：范仁义js课程 64、多维数组 一、总结 一句话总结： 数组中也可以放数组，这种数组我们称为二维数组，例如 var arr=[[1,2,3],[4,5,6]]; 如果二维数组中的元素也是数组，那么就是三维数组，多维数组以此类推 1、如何访问二维数组中的元素？ 比如访问arr=[[1,2,3],[4,
阅读全文
摘要：范仁义js课程 63、数组的长度 一、总结 一句话总结： js中获取数组的长度可以通过length属性，例如 arr.length 1、js中如何向数组的最后一个位置添加元素？ 指定索引值为arr.length，例如 arr[arr.length]=13; 二、获取数组的长度 博客对应课程的视频位置
阅读全文
摘要：范仁义js课程 62、数组基本操作 一、总结 一句话总结： 数组也是对象，所以数组的操作方式和对象很相似，创建数组可以用[]或者new Array()的方式，向数组中添加元素是：数组名[索引]=值，访问数组中的元素：数组名[索引] 1、js中如何创建一个数组？ var arr1=[];//用json
阅读全文
摘要：范仁义js课程 61、数组简介 一、总结 一句话总结： 数组就是对数据进行分组存放，这样可以很方便的存储数据，也可以很方便的操作数据，比如 var arr=[89,99,79]; 二、数组简介 博客对应课程的视频位置：61、数组简介https://www.fanrenyi.com/video/19/
阅读全文
摘要：vue项目目录结构详解 一、总结 一句话总结： vue的目录结构相对而言比较简单，我们主要要操作的就是src目录，在components目录下写主键，在router目录下写路由 1、vue一般是做什么的？ 基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES N
阅读全文
摘要：日常英语 200313（npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli） 一、总结 一句话总结： deprecated：v. 不赞成；弃用；不宜用（deprecate的
阅读全文
摘要：vuex是干什么的 一、总结 一句话总结： 【状态管理库】：vuex是基于vue框架的一个状态管理库。可以管理复杂应用的数据状态，比如兄弟组件的通信、多层嵌套的组件的传值等等。 1、vuex是干什么的？ 【状态管理库】：vuex是基于vue框架的一个状态管理库。可以管理复杂应用的数据状态，比如兄弟组
阅读全文
摘要：石川es6课程 4、箭头函数 一、总结 一句话总结： 相当于函数的简写，类似python lambda 函数，先了解即可 let show1 = function () { console.log('abc') } let show2 = () => { console.log('abc') } s
阅读全文
摘要：石川es6课程 3、变量let和常量const 一、总结 一句话总结： let非常好用，尤其是let的块级作用域可以解决之前要（function(){})()立刻执行函数做的块级作用域 1、js中var声明变量会伴随哪些问题？ - 可以重复声明，没有报错和警告 - 无法限制修改（也就是没有常量的概念
阅读全文
摘要：vue参考 eslink编码规范检查 一、总结 一句话总结： ESLint 是一个代码规范检查工具，它定义了很多特定的规则, 一旦你的代码违背了某一规则, eslint 会作出非常有用的提示 1、如何查看eslink提示的错误信息？ 直接仔细看控制台的报错，如果没看懂，可以去错误对应的链接页面 2、
阅读全文
摘要：vue参考 vue项目结构 一、总结 一句话总结： vue的目录结构相对而言比较简单，我们主要要操作的就是src目录，在components目录下写主键，在router目录下写路由 二、内容在总结中 博客对应课程的视频位置： |-- build : webpack 相关的配置文件夹(基本不需要修改)
阅读全文
摘要：vue参考 vue项目的打包发布 一、总结 一句话总结： vue项目的打包发布就是用npm run build命令生成dist目录，还是非常简单，打包之后就可以放到服务器上面去了 二、vue项目的打包发布 博客对应课程的视频位置： 1. 打包:npm run build2. 发布 1: 使用静态服务
阅读全文
摘要：vue-cli（vue脚手架）详细教程 一、总结 一句话总结： vue-cli实质是一个vue前端模板项目：vue init webpack vue_demo 相当于从 https://github.com/vuejs-templates 下载vue模板项目中的webpack项目 1、vue.js全
阅读全文
摘要：组件化开发和模块化开发概念辨析 一、总结 一句话总结： 组件（代码复用）：最初的目的是代码重用，功能相对单一或者独立。在整个系统的代码层次上位于最底层，被其他代码所依赖，所以说组件化是纵向分层。 模块（高内聚）：最初的目的是将同一类型的代码整合在一起，所以模块的功能相对复杂，但都同属于一个业务。不同
阅读全文
摘要：关于Vue中main.js，App.vue，index.html之间关系进行总结 一、总结 一句话总结： 1、index.html-主页，项目入口； 2、App.vue-根组件； 3、main.js-入口文件 在项目运行中，main.js作为项目的入口文件，运行中，找到其实例需要挂载的位置，即ind
阅读全文
摘要：vue组件基本结构 一、总结 一句话总结： 一个vue组件主要包括3个部分：界面展示代码template、业务实现代码script、界面布局代码style <template> <div class="class_1"> <h2>{{msg}}</h2> 这是一个fry VueComponentTe
阅读全文
摘要：vue参考 vue组件基本开发 一、总结 一句话总结： vue就是组件化开发，整体还是比较简单，前端用框架的话的确可以有点化腐朽为神奇，弄清楚目录结构、组件引入方式、路由（是根据不同情况路由显示不同组件） 1、vue组件中引入其它组件的方式？ 1、引入组件：FryTest：import FryTes
阅读全文
摘要：通过html引入的vue，不使用vue-cli，创建的项目能做成单页面吗 一、总结 一句话总结： 可以，但是非常的麻烦。 所以用 Vue.js + Vue Router 创建单页应用，是非常简单的。 二、通过html引入的vue，不使用vue-cli，创建的项目能做成单页面吗 博客对应课程的视频位置
阅读全文
摘要：vue参考 vue-cli介绍 一、总结 一句话总结： vue-cli实质是一个vue前端模板项目：vue init webpack vue_demo 相当于从 https://github.com/vuejs-templates 下载vue模板项目中的webpack项目 1、vue-cli的实际作
阅读全文
摘要：vue参考 自建vue插件 一、总结 一句话总结： vue中，我们可以很方便的开发自定义插件，记得使用的时候声明一下就好了Vue.use(MyPlugin) 1、vue中如何开发一个插件？ 1、按vue规范写好一个vue插件：MyPlugin 2、在vue中声明使用插件：Vue.use(MyPlug
阅读全文
摘要：vue参考 vue指令 一、总结 一句话总结： vue中系统指令有v-text、v-html、v-bind、v-for、v-cloak等等，除了内置指令之外，我们还可以自定义指令，全局的或局部的 1、vue中如何操作dom？ 指定标识：用ref关键字，具体操作的话在vue的$refs中 <div i
阅读全文
摘要：vue参考 vue基本实例 一、总结 一句话总结： vue基本实例：vue中的el是element的缩写，也就是选择器（选择作用元素）的意 二、vue基本实例 博客对应课程的视频位置： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta cha
阅读全文
摘要：sass与less的区别？Stylus又是啥？ 一、总结 一句话总结： Less、Sass 和 Stylus是比较流行的CSS预处理器，功能都差不多，写法相差也不大（但是也有差别），使用都非常简单，stylus是没有大括号({})和分号(;) 1、比较流行的CSS预处理器？ Less、Sass 和
阅读全文
摘要：Postman 介绍 一、总结 一句话总结： postman可以非常方便的测试各种请求，比如ajax，比如前端测试后端请求 Postman不仅可以调试简单的css、html、脚本等简单的网页基本信息，它还可以发送几乎所有类型的HTTP请求！ 1、前端中查看后端的接口数据的软件？ 用postman：这
阅读全文
摘要：vue参考 Vue 扩展插件 一、总结 一句话总结： vue的扩展插件很多，比如vue全家桶，比如图片懒加载vue-lazyload，比如页面滑动相关的vue-scroller，比如移动端UI组件库mint-ui 1、vue-cli和vuex 分别是做什么的？ vue-cli:vue 脚手架 vue
阅读全文
摘要：laravel疑难问题 3、laravel如何格式化分页数据 一、总结 一句话总结： getCollection()方法可以从分页数据中获取真实的数据（比如分页中的课程数据），setCollection()方法可以将真实数据设置进分页数据，collect()方法可以将数组数据转化为集合数据 //1、
阅读全文
摘要：legend3 laravel如何格式化分页数据 一、总结 一句话总结： getCollection()方法可以从分页数据中获取真实的数据（比如分页中的课程数据），setCollection()方法可以将真实数据设置进分页数据，collect()方法可以将数组数据转化为集合数据 // 获取包裹的 d
阅读全文
摘要：范仁义js课程 60、this的作用 一、总结 一句话总结： this的作用是用来替代对象，替代的就是函数（方法）所在的那个对象 <script> var zhubajie={ name:'猪八戒', age:4, saoRao:function () { console.log('我是'+this
阅读全文
摘要：范仁义js课程 59、this 一、总结 一句话总结： this是一个指示代词，是这、这个的意思，this代表的是函数（方法）所在的那个对象 1、为什么在函数里面可以直接打印this？ 因为浏览器（解析器）在调用函数的时候，会向函数的内部传递一个隐含的参数，这个参数就是this 2、js中this的
阅读全文
摘要：javascript疑难问题 9、闭包执行问题 一、总结 一句话总结： 闭包在执行的时候，如果和外部函数一起执行（比如fn1()()），可能会造成外部函数局部变量被重新赋初值的情况，可能造成结果不是我们预期，所以推荐大家调用匿名函数的方式是先执行外部函数，然后再执行内部函数（var fn3=fn1(
阅读全文
摘要：javascript疑难问题 8、闭包在循环中的问题 一、总结 一句话总结： 闭包在循环中可能会遇到闭包调用的变量是循环执行完之后的变量，比如演示中的输出结果都是“元素5”，可以通过 【让匿名函数立即执行】 或 【用闭包局部变量常驻内存的特点来保存中间值的方法】 来解决这个问题 /* * 现象：数组
阅读全文
摘要：范仁义js课程 58、闭包应用-自定义模块 一、总结 一句话总结： 用js闭包可以很方便的创建自定义模块，这样变量和方法不会污染全局作用域 二、闭包应用-自定义模块 博客对应课程的视频位置：58、闭包应用-自定义模块https://www.fanrenyi.com/video/19/159 1 <!
阅读全文
摘要：范仁义js课程 57、闭包缺点 一、总结 一句话总结： 闭包的内部变量常驻内存，就会造成内存泄漏的问题，可以将外部调用闭包的变量赋值为null，这样可以解决闭包内部变量常驻内存的问题 function fn1() { var a=10; function fn2(){ console.log(++a
阅读全文
摘要：js参考 内存溢出与内存泄露 一、总结 一句话总结： 内存溢出：比如水杯里面的水倒满就溢出了，当程序运行需要的内存超过了剩余的内存时 内存泄露：占用的内存没有及时释放，内存泄露积累多了就容易导致内存溢出 二、内存溢出与内存泄露 博客对应课程的视频位置： 1 <!DOCTYPE html> 2 <ht
阅读全文
摘要：js参考 闭包的生命周期 一、总结 一句话总结： 1. 产生: 在嵌套内部函数定义执行完时就产生了(不是在调用) 2. 死亡: 在嵌套的内部函数成为垃圾对象时 二、闭包的生命周期 博客对应课程的视频位置： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4
阅读全文
摘要：js参考 回调函数 一、总结 一句话总结： 回调函数是你定义的，但是你没有直接调用，但最终它执行了(在特定条件或时刻)，比如 定时器函数 setInterval中的函数参数 setInterval(function () { alert('到点啦!') }, 2000) 什么函数才是回调函数? *
阅读全文
摘要：范仁义js课程 56、闭包应用 一、总结 一句话总结： 1、闭包可以做缓存，使用对象时候，缓存里面如果没有的话，就新建对象到缓存，如果缓存里面有，就直接从缓存里面拿，这样就可以节约新建对象耗费的资源 2、闭包可以实现变量的访问权限。我们可以让封装对象中的变量不能直接访问，而通过提供的闭包中的方法来访
阅读全文
摘要：范仁义js课程 55、闭包 一、总结 一句话总结： 闭包就是能够读取其他函数内部变量的函数。只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。 1、闭包的特点？ 1、通过闭包，我们在函数外部操作了函数内部的值 2
阅读全文
摘要：范仁义js课程 54、匿名函数在框架中的应用 一、总结 一句话总结： 一般框架为了不造成全局变量的污染，一般都会用立即执行的匿名函数来创建块级作用域，将变量和方法放到匿名函数的函数体里面，比如jquery、vue等 二、匿名函数在框架中的应用 博客对应课程的视频位置：54、匿名函数在框架中的应用ht
阅读全文
摘要：js中的匿名函数 一、总结 一句话总结： 匿名函数顾名思义指的是没有名字的函数，匿名函数的应用有很多，比如1、创建函数表达式，2、创建json对象的方法，3、做回调函数，4、执行事件（比如onclick事件），5、作为函数的返回值，6、闭包，7、模仿块级作用域 二、js中的匿名函数 转自或参考：js
阅读全文
摘要：范仁义js课程 53、匿名函数应用 一、总结 一句话总结： 匿名函数的应用有很多，比如1、创建函数表达式，2、创建json对象的方法，3、做回调函数，4、执行事件（比如onclick事件），5、作为函数的返回值，6、闭包，7、模仿块级作用域 1、如何用匿名函数模仿块级作用域？ 用立即执行的匿名函数就
阅读全文
摘要：范仁义js课程 52、匿名函数 一、总结 一句话总结： 匿名函数也就是没有名字的函数，可以通过加圆括号的方式调用，和有名字的函数的调用方式一致 (function (a) { console.log('你好'); console.log(a); })(10); 二、匿名函数 博客对应课程的视频位置：
阅读全文
摘要：js参考 数组简介 一、总结 一句话总结： 讲数组的话要重实例，也就是数组设计出来的设计意图，数组就是一组数 1、js中如何创建一个数组？ 普通方法创建 var arr = new Array(); 和 对象方法创建 var arr = []; var arr = new Array();var a
阅读全文
摘要：js参考 arguments 一、总结 一句话总结： 在调用函数时，浏览器会传递arguments这个隐含的参数，调用函数传递的实参都会在arguments中保存，arguments是一个类数组对象,它也可以通过索引来操作数据，也可以获取长度 1、在调用函数时，浏览器每次都会传递进两个隐含的参数，分
阅读全文
摘要：js参考 call和apply 一、总结 一句话总结： call和apply都是函数对象的方法，call和apply方法的作用就是修改函数执行时候的this，所以可以给方法指定对象，例如fun.call(obj,2,3); 1、call和apply方法的作用是什么？ call和apply方法可以调用
阅读全文
摘要：js参考 垃圾回收 一、总结 一句话总结： js中垃圾回收机制是自动的，我们将不再使用的对象设置null，即可让对象自动回收 1、程序中垃圾过多的危害？ 垃圾（没有引用的对象）过多会占用大量的内存空间，导致程序运行变慢，所以这种垃圾必须进行清理。 2、js中垃圾回收机制是自动的，那我们怎么告诉浏览器
阅读全文
摘要：js参考 toString()方法 一、总结 一句话总结： js中也有toString()方法，一般是添加在对象的原型中，这样类的对象都可以应用这个方法，一般输出对象就是调用对象的toString()方法 二、toString()方法 博客对应课程的视频位置： 1 <!DOCTYPE html> 2
阅读全文
摘要：php静态 一、总结 一句话总结： 静态变量就是常驻内存，静态方法就是可以直接通过类名调用 二、php静态 转自或参考：php class之静态篇_PHP_小菜鸟的成长笔记-CSDN博客https://blog.csdn.net/shuchuan0409/article/details/804022
阅读全文
摘要：js参考 原型prototype 2 一、总结 一句话总结： 原型对象也是对象，所以它也有原型 1、js中对象找属性和方法的过程（包括原型对象的原型）？ 当我们使用一个对象的属性或方法时，会现在自身中寻找，自身中如果有，则直接使用，如果没有则去原型对象中寻找，如果原型对象中有，则使用，如果没有则去原
阅读全文
