vue-element-admin框架之动态路由配置及思路(个人实践，拒绝照搬)
思路：三步1、在路由拦截前对路由数据进行存储和处理2、在渲染路由的router里合并constRoutes和asyncRoutes3、在权限进行修改的时候进行存储和更新路由数据4、对后端返回的数据进行...
Webpack原理与实践从零到掌握
Webpack 以模块化思想为核心，帮助开发者更好的管理整个前端工程。1、快速上手webpack1、初始化package.json，并安装webpacknpm init ...
javascript的深入理解事件循环!(必看)
————————————————原文作者：废柴码农原文链接：https://zhuanlan.zhihu.com/p/87684858最近在看关于js的事件循环机制，（很多公司必问的面试题）看了几篇文...
css中display 的 32 种写法
————————————————原文作者：张京原文链接：https://segmentfault.com/a/1190000012833458你知道『回』字有四种写法，但你知道display有32种写...
Vue响应式原理模拟
1、准备工作 2、数据响应式的核心原理Vue 2.x当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的 property...
javascript的深拷贝和浅拷贝（重点）
浅拷贝的时候如果数据是基本数据类型，那么就如同直接赋值那种，会拷贝其本身，如果除了基本数据类型之外还有一层对象，那么对于浅拷贝而言就只能拷贝其引用，对象的改变会反应到拷贝对象上；但是深拷贝就会拷贝多层...
移动webAPP开发必备基础知识汇总
HTML5存储1、localStorage和sessionStorage1相同的使用方法api使用setItem方法设置存储内容使用getItem方法设置获取内容使用removeItem方法删除存储内...
Vue.js 框架最为核心的 Virtual DOM 是如何实现的？
1、虚拟DOMVirtual DOM :由普通的js对象来描述DOM对象，因为不是真实的DOM对象，所以叫虚拟DOMSnabbdom 就是Vue使用的虚拟DOM框架1)真实DOM成员 let...
使用Javascript对图片进行定宽或定高压缩处理
使用Javascript对图片进行定宽或定高压缩处理本文参考了以下链接https://www.jb51.net/article/182078.htm https://www.cnblogs....
json以及jsonp的跨域
什么是JSON？JSON(javascript object notation)全称是javascript对象表示法，它是一 种数据交换的文本格式，而不是一种编程语言，用于读取结构化数据，...
程序员的退休信号
计算机科学家 Tim Bray 最近写了一篇博客，他觉得自己可能应该退休了。他列出了下面几个理由。1、好多个早晨，我想继续睡觉，而不是起床。2、就算起床，我想做的第一件事，是去看新...
js基础之video视频、audio音频属性及API
1、video 视频video支持三种格式 mp4 webm ogvvideo 里可放source标签，如果播放失败会继续检查下一个source标签，直到兼容不同浏览器差异safafi 只认mp4格式...
js基础之canvas绘图技术
1.canvas的默认宽度和高度是300*150 canvas宽高应设置在canvas标签上（画布大小），设在style里会让canvas根据样式进行缩放（画布被拉伸后的大小）...
使用PHPExcel函数对Excel表格数据进行操作并通过接口上传万条数据
PHPExcel函数下载地址：https://gitee.com/bin012/phpexcel-1.8 PHPOffice函数github地址：https://github.com/PHPOffic...
https协议知识汇总
1、https协议超文本传输安全协议。也称HTTP over TLS,HTTP over SSL, HTTP over Secure通过计算机网络进行安全通信的传输协议OSI模型中的应用层协议隶属于T...
Openssl常用功能和SSO单点登录逻辑
Openssl 常用功能介绍一、openssl rand 产生随机数openssl rand 用于产生指定长度个 bytes 的随机字符。实例如下：E:\OpenSSL\foo>openssl...
HTTP之安全威胁解析
1、web安全攻击web应用的概念web应用是由动态脚本、编译过的代码等组合而成它通常架设在web服务器上，用户在web浏览器上发送请求这些请求使用http协议，由web应用和企业后台的数据库及其他动...
HTTP之功能追加协议以及升级http2.0
1、影响http网络请求的因素带宽 延迟2、http协议的瓶颈一条连接上只可发送一个请求请求只能从客户端开始，客户端不可以接受除响应以外的指令请求/响应头部冗余，不经压缩就发送每次互相发送相...
HTTP之安全的https以及实战操作
证书机构：证书颁发机构、服务端网址、机构私钥加密（服务端公钥）、机构私钥加密（证书签名）1、https协议概述HTTPS可以认为HTTP +TLS.，TLS是传输层加密协议，它的前身是SSL协议.HT...
HTTP之使用HTTP+JAVA构建应用
1、HTTP请求服务器的简单实现(开发)下载Java jdk : www.oracle.com 添加到环境变量 JAVA_HOME(C:\Program Files\Java\j...
HTTP之协议结构、通讯原理以及http特性和使用方法
1、http协议 超文本传输协议(http)是一种通信协议，它允许将超文本标记语言(html)文档从web服务器传送到客户端的浏览器http是一个属于应用层的面向对象的协议web是一种基于超...
PHP入门之Linux基础和shell命令行
centos 一般支持10年nubuntu lts 一般支持5年一、linux系统环境搭建wmware 虚拟机下载centos DVD ISO 或者EVerythine ISO 镜像&nb...
PHP入门之图像信息处理（验证码、水印、缩略图）
PHP处理图像信息要使用GD库（imageMagick是另外一种图像处理工具）1、gd_info：检测服务器支持的图像格式var_dump(gd_info()); // array(13)&n...
PHP入门之正则表达式、PHP错误报告
原子：指正则表达式中不可再分的基本单元可见原子：普通字符：字母 数字 汉字 符号特殊字符 / \ . * ? " ' | [] {} ()不可见原子：\t 制表符tab\...
javascript之原生ajax请求步骤
一、什么是Ajax？Ajax的全称是Asynchronous JavaScript and XML（即异步的 JavaScript和 XML，它并不是一种新的编程语言，结合了多项技术的浏览器端的网页开...
PHP入门基础之面向对象语法
对象是程序中的一种数据结构，用来表现某个事物。相反，任何事物在程序中可以用某个对象来表示。对象包括变量和函数。对象中的变量叫做属性，对象中的函数叫做方法对象的属性和方法可以描述表达万事万物1、面向对象...
程序员接私活，这20个平台一定要知道
本文摘自w3cschool编程狮微信公众号文章https://mp.weixin.qq.com/s/yBEtas9N2fs8TeII9owu8g前言关于程序员接私活，社会各界说法不一。按照作者的观点来...
PHP入门基础之会话控制基础和实战
1、会话控制基础会话是具有逻辑关联的多个简单交互的集合简单交互模型逻辑关联http是无状态协议每个请求都是单独处理的，协议无法识别当前用户。有状态vs无状态 （跟朋友吃饭【不用二次介绍】...
PHP入门基础之知识汇总
PHP官网：https://www.php.net/1、php基础语法：标准风格 <? php 代码段; ?>如果文档中只有PHP代码，结果标记要省略（规范？）短风格 <?代码段;...
计算机编码规范之ASCII码
Bin(二进制)Oct(八进制)Dec(十进制)Hex(十六进制)缩写/字符解释0000 00000000x00NUL(null)空字符0000 00010110x01SOH(start of hea...
在nuxt中使用localStorage
原文作者：Growth61原文链接：https://zhuanlan.zhihu.com/p/82481387使用 localStorage 进行缓存，操作比 cookie 更简单，且存储空间更大，用...
10、第六章--面向对象的程序设计（继承、小结）
6.3 继承继承是 OO 语言中的一个最为人津津乐道的概念。许多 OO 语言都支持两种继承方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。如前所述，由于函数没有签名，在...
9、第六章--面向对象的程序设计（理解对象、创建对象）（2）
接 9、第六章--面向对象的程序设计（理解对象、创建对象）（1）6.2.3 原型模式我们创建的每个函数都有一个 prototype（原型）属性，这个属性是一个指针，指向一个对象，而这个对象...
第13讲：如何使用 Parcel 零配置完成打包任务？
今天我要带你了解一个近两年非常火的打包工具：Parcel。Parcel 是一款完全零配置的前端打包器，它提供了 “傻瓜式” 的使用体验，我们只需了解它提供的几个简单的命令，就可以直接使用它去构建我们的...
第12讲：如何选择打包工具：Rollup 和 Webpack ？
今天我要跟你介绍另外一款同样十分优秀的打包工具：Rollup。Rollup 是一款 ES Modules 打包器。它也可以将项目中散落的细小模块打包为整块代码，从而使得这些划分的模块可以更好地运行在浏...
9、第六章--面向对象的程序设计（理解对象、创建对象）（1）
面向对象（Object-Oriented，OO）的语言有一个标志，那就是它们都有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。前面提到过，ECMAScript 中没有类的概念，因此它的对...
常用正则表达式汇总
来源：菜鸟教程http://c.runoob.com/front-end/854常用正则表达式正则表达式元字符和特殊字符移步6、第五章--引用类型（Date类型、RegExp类型）一、校验数字的表达式...
7、第五章--引用类型（Function类型、基本包装类型）
5.5 Function 类型说起来 ECMAScript 中什么最有意思，我想那莫过于函数了——而有意思的根源，则在于函数实际上是对象。每个函数都是 ...
5、第五章--引用类型（Object类型、Array类型）
引用类型的值（对象）是引用类型的一个实例。在 ECMAScript 中，引用类型是一种数据结构，用于将数据和功能组织在一起。它也常被称为类，但这种称呼并不妥当。尽管 ECMAScript从技术上讲是一...
4、第四章--JavaScript变量、作用域和内存问题
4.1 基本类型和引用类型的值ECMAScript 变量可能包含两种不同数据类型的值：基本类型值和引用类型值。基本类型值指的是简单的数据段，而引用类型值指那些可能由多个值构成的对象...
3、第三章--JavaScript基本概念（语句、函数、小结）
3.6 语句ECMA-262 规定了一组语句（也称为流控制语句）。从本质上看，语句定义了 ECMAScript 中的主要语法，语句通常使用一或多个关键字来完成给...
2、第三章--JavaScript基本概念（操作符）
5. 操作符ECMA-262 描述了一组用于操作数据值的操作符，包括算术操作符（如加号和减号）、位操作符、关系操作符和相等操作符。ECMAScript 操作符的与众不同之处在于，它...
1、JavaScript基本概念（简介、语法、数据类型）
Javascript包含三部分：核心（ECMAScript）,文档对象模型（DOM），浏览器对象模型（BOM）核心（ECMAScript）：由ECMA-262定义，提供核心语言功能文档对象模型（DOM...
修改phpcms后台添加或编辑时的弹出新窗口
如题，在后台添加内容的时候每次都要弹出新的窗口，所以让内容发布人员极其不爽而我当然是要修改该问题，使新窗口打开不用弹出。找到phpcms\modules\content\templates\conte...
CSS Flex 盒布局教程
参考文章：A Visual Guide to CSS3 Flexbox Properties，W3C CSS Flexible Box Layout Module Level，Flex 布局教程：语法...
浏览器几种缓存方法的比较
在Web应用领域，Web缓存大致可以分为以下几种类型：1.数据库数据缓存Web应用，特别是社交网络服务类型的应用，往往关系比较复杂，数据库表繁多，如果频繁进行数据库查询，很容易导致数据库不堪重荷。为了...
浏览器缓存机制
浏览器缓存机制本文地址: https://www.laruence.com/2010/03/05/1332.htmlCache-ControlCache-Control 是最重要的规则。这个...
es6入门之环境搭建
话不多说，首先我也是先学习了然后再总结的。es6入门——es6环境的搭建（原文有个错误，把cmd说成是控制台，以至于评论区有个新手没理解到意思，控制台是浏览器的console，cmd是输入命令行执行的...
Vue2.x进阶知识
1.自定义指令—directive指令用法官方文档： https://cn.vuejs.org/v2/guide/custom-directive.html Vue.directive("...
5种常见网页自动跳转方法
利用HTML标记(META中的REFRESH属性)用HTML标记，就是用META的REFRESH标记，举例如下：<meta http-equiv=refresh content="10...
实现iframe高度自适应的6种方法
iframe高度自适应JS自适应高度，其实就是设置iframe的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。如果内容是固定的，那么我们可以通过CSS...
CSS grid 网格布局教程
grid 兼容性查看请点此处 最新Grid兼容前言：用过这个grid只能说简直爽啊，以往需要float甚至position定位，自从学了grid网格布局，代码量非常精简但是也要注意兼容问题，...
ECMAScript 6之let、const和块级作用域
参考资料：let 和 const 命令1、letlet 允许创建块级作用域，ES6 推荐在函数中使用 let 定义变量，而非 var：let 只能声明一次， var 可以声明多次:var a...
html5 移动端开发总结
取自https://quirksmode.org/mobile/viewports2.html手机与浏览器浏览器:移动端开发主要针对手机，ipad等移动设备，随着地铁里的低头族越来越多，移动端开发在前...
SEO搜索引擎工作原理
一、搜索引擎工作原理 当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。 在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量...
前端日常编程代码便捷汇总
1、使用form表单进行上传文件需要为form添加enctype="multipart/form-data" 属性，除此之外还需要将表单的提交方法改成post,如下 me...
基于Vue自定义上下轮播组件（原创）
当初拿到设计师设计的这个稿子，我也是花了好几天才写出来的这个轮播图效率极低，特此发表纪念一下，万一以后能用的到呢。效果：鼠标移入圆点，移动下一张图片。它也可以自动轮播。重点是右侧我标注的红框，它是固定...
基于Vue自定义左右渐变图片轮播组件
本文取自 https://github.com/zhangxiaoshang/va-carousel 的 一个基于 vue 的图片轮播组件 我在此基础上修改了一下，自己用...
PHPCMS实现表单提交数据功能
PHPCMS实现表单提交数据功能一般的童鞋可能都会遇到明明在后台设置了表单，为啥在前台页面只提交了一次就不能提交了。造成这个原因是因为在phpcms后台表单设置里，默认设置了否的“允许同一IP多次提交...
phpcms筛选功能+分页功能的实现（新手看完就会）
首先，我是在网上找了很多资料，基本上都是一样的代码，都是复制一段PHP代码然后调用模板，我也在坑里呆了好久。他们的链接我放在下面，以免误坑。http://m.genban.org/teach/teac...
PHPCMS完成手机端搭建全教程（新手看完即会）
注：这篇文章是在我做完一个自适应和一个响应式网站后写的。所以我建议，如果可以的话，最好用@media css做响应式网站，这样就不用考虑手机端的各种问题。因为我当初做的就是自适应，但是没有想到后面的坑...
实现PHPCMS里提交表单发送邮件功能
使用phpcms自带的邮件发送功能实现前台页面表单提交时发送邮件1、首先在phpcms后台找到邮箱配置2、修改相关配置信息。我这里建议使用163的邮件服务器，因为我刚开始用的就是QQ，但是不好用。记得...
从输入URL到页面加载完成的过程（全程梳理）
————————————————原文作者：CSDN博主「Junli_1413」原文链接：https://blog.csdn.net/qq_20901397/article/details/799826...
PC端固定顶部的导航栏在屏幕缩小时左右滚动
一般网站都会有固定导航栏，但是大多数都是随着屏幕的缩小并不会出现左右滚动。比如京东和淘宝的官网就是没有出现左右滚动你想想，如果把这个问题解决掉，其实你比他们还优秀言归正传，那就来说说怎么实现。首先上我...
手机端使用3D轮播图的方法
效果呈现来源于http://www.jq22.com/demo/jR3DCarousel-master20160315/我根据业务需求，改成了自己需要的样子，如图总的来说，代码量并不多。我把栏目的数据...
使用火车头采集文章并发布在PHPCMS里（新手看完即会）
网上其实有免登录的方法 https://www.gwygd.com/rRz6bMWRO.html但是我用过，发现不能用，所以只好用了登录的方法，所幸成功了。首先下载火车头，里面有phpcms采集文章的...
meta标签功能之兼容主流浏览器
其实一般新手估计都不会注意这个问题，新手大多都会迫不及待的为了实现网页而去重视代码，往往忽视最重要的meta标签，我就是这样，我也是做了两年的前端才算发现这个里面有很大的学问我最近在一个人独自开发一个...
使用rem做手机端网页自适应
利用原生js做手机端网页自适应解决方案rem布局刚开始我用的是下面这段代码，然后js通过外部链接引入，最后每次用手机刷新网页的时候都会出现缩略图function getRem(pwidth,...
PHPCMS列表页ajax动态获取更多（新手看完即会）
本文取自Dong-Ge的phpcms 列表页ajax点击加载更多文章但是在实践过程中，由于我对phpcms的不熟悉导致还是浪费了一点时间经过咨询大佬，终于完美解决。1、在phpcms/model创建一...
PHPCMS里Apache服务器的伪静态和定制404页面
1、首先网站根目录要有.htaccess文件，我做的网站服务器是Apache，所以这里就先不讲nginx服务器环境下了，听说nginx环境更简单。 2、然后直接在.htaccess文件配置网...
前端入门html、css、js知识汇总（1）
注：本文适合需要一点前端知识，如有不懂自行百度或去W3C官网、去菜鸟教程查询1.html不需要编译，直接由浏览器执行 html文件时一个文本文件 h...
