原生js里的OOP及其js里this的理解

//ES6之前 的 原生js里的OOP//虽说以后es6是趋势 //但是目前而言还是可能用到```javascript //ES6之前 的 原生js里的OOP //目前而已还是会经常用到 //常规函数直接量赋值给一个变量 与 直接定义有名function a(){} 几乎是一个意思 / 函数直接量的立即执行表达式 !(function(win){})(window) 其实win是形参 window实参代入 比如jquery就是
阅读全文

一个美观的二次元HTML单页/下载页源码

```html<!DOCTYPE html<html lang="zh"<head <meta httpequiv="ContentType" content="text/html; charset=UTF8" <meta name="viewport" content="width=devicewidth, initialscale=1" / <titleXX 单页面</title <link rel="appletouchicon" href="https://
阅读全文

h5储存 和 cookie储存 和 session

H5的 Web Storage1、概述:对于Web Storage来说,实际上是Cookies存储的进化版。如果了解Cookie的人几乎一看Web Storage就会用,如果你从来没用过没了解过Cookie,没关系,看了这篇文章照样轻松玩转Web Storage。首先,学习Web Storage只需背熟这句口诀:“两个接口,四个函数”。2、口诀:(1)两个接口:分别是localStorage和sessonStorage(2)四个函数:分别是setItem、getItem、r
阅读全文

如何写好前端代码以及oop理解前端

如何写好前端:如果你是像我这种优先接触后端的phper肯定会苦恼的事 但是看了以下我的一些见解后 相信你会对前端的理解有一片质的飞跃:闲言:首先编写前端必不可少三成员:html结构 css ui代码 js业务逻辑 简单的都会 但是遇到复杂的页面结构和css ui 以及繁多的js特效就会不知所措:其实复杂的页面完全可以细细体会 慢慢简化 (前端写多了的人会有那种体会)进入正题: 编写流程推荐```html复杂html页面结构的编写: 首先拿到设计师的图: 先写静态 再写动态 然后
阅读全文

OOP形式理解模板语法 layout机制

oop形式理解模板的layouts和不同ui模板的理解你把layouts 看做父类 具体多少模块根据程序划分比如 home有一个home.layout admin有一个admin.layout 各个模块下面有各种各样的子页面(子类ui)(不同的地方的ui模板编写不同的子类文件)组合使用时(理解为重写父类共同ui的方法) 子页面先继承父页面 然后父模板html中用特定的语法嵌入不同的子ui 父类(父页面 layout页面里语法)```phplaravel语法: yield(‘cont
阅读全文

网页按F12与查看源代码的区别及其前端资源安全防护

所谓查看源代码,就是别人服务器发送到浏览器的原封不动的代码。审查元素时,你看到那些,在源代码中找不到的代码,是在浏览器执行js动态生成的。通过审查元素看到的就是最终的html代码。即:源代码 + 网页js渲染 。
阅读全文

JS的三座大山 JavaScript的三座大山

1.JS三座大山之原型和原型链 构造函数提到原型就不得不说一下构造函数,我们先来看一个简单的构造函数的例子:````javascriptfunction Foo (name,age) { this.name = name; this.age = age; //return this;}var f = new Foo ("zhangsan",20);var f1 = new Foo ("lisi",21); //创建多个对象
阅读全文

Laravel 核心 及其 常用纪要

Laravel 的 核心 其实laravel 核心 就是一个超级工厂 也就是一个IOC容器 (服务容器)学习上面是ioc容器这个概念之前 需要先了解一下:依赖倒置原则(DIP):高层定义接口,低层模块负责实现控制反转(IOC):一种反转流,依赖和接口的方式(DIP的具体实现方式)。依赖注入(DI):IoC的一种实现方式,用来反转依赖IoC容器:DI的框架,用来映射依赖,管理对象创建和生存周期(DI框架)从上面看出依赖注入(DI)是
阅读全文

css分割线 文字居中的7种实现方式(用于理解css)

1.单个标签实现分隔线:特点:简洁```html<html<head lang="en" <meta charset="UTF8" <title</title <style .line_01{ width: 180px; padding: 0 20px 0; ...
阅读全文

好用前端UI框架 及其 美观可用后台模板

首先对于服务端懒人来说Layui 无疑是首选https://fly.layui.com/store/ 部分收费其次关于交互类的 vue的极佳1.elementElement UI 是一套采用 Vue 2.0 作为基础框架实现的组件库https://element.eleme.cn/2.vuemanagesystem基于Vue.js 2.x系列...
阅读全文