1. 方案一html: 1<div class="main"></main> css: 12345678910.main{ width:400px; height:200px; background:#eee; position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-100px;} 利用定位,移动宽高的一半,然后margin...
Webpack 入门
从 webpack v4.0.0 开始,可以不用引入一个配置文件。然而,webpack 仍然还是高度可配置的。在开始前你需要先理解四个核心概念: 入口(entry) 输出(output) loader 插件(plugins) 1.入口(entry)*入口起点(entry point)**指示 webpack 应该使用哪个模块,来作为构建其内部依赖图*的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。 123module.exports = ...
JavaScript 模块化
1. 模块化过程1. 全局函数123456789101112/** * 全局函数模式: 将不同的功能封装成不同的全局函数 * 问题: Global被污染了, 很容易引起命名冲突 *///数据let data = 'atguigu.com'function foo() { console.log('foo()')}function bar() { console.log('bar()')...
ECMAScript 从入门到精通
1. es51. 严格模式1.理解: 除了正常运行模式(混杂模式),ES5添加了第二种运行模式:”严格模式”(strict mode)。 顾名思义,这种模式使得Javascript在更严格的语法条件下运行 2.目的/作用 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为 消除代码运行的一些不安全之处,为代码的安全运行保驾护航 为未来新版本的Javascript做好铺垫 3.使用 在全局或函数的第一条语句定义为: ‘use strict’; 如果浏览器不支持, ...
JavaScript 从入门到精通
1. this 解析器在调用函数每次都会向函数内部传递进一个隐含的参数,这个隐含的参数就是this,this指向的是一个对象, 这个对象我们称为函数执行的 上下文对象,根据函数的调用方式的不同,this会指向不同的对象,以方法的形式调用时,this就是调用方法的那个对象。当我们直接调用一个全局的函数的时候其实就是 window 对像上面的方法。 1234567891011121314151617181920212223function fun(){ console.l...
CSS3 从入门到精通
1. 选择器1. 一些注意的点1. love & hate (lvht) 这是什么意思呢?其实是我们在写 a 表的伪类的时候会有一些优先级的问题,如果说我们没有按照这个优先级写css 的话很可能会导致我们样式不生效或者说被覆盖的问题。具体来说就是 link , visited,hover,target 。 2. nth-child(n) 注意这个的 n 是从 1 开始的而不是 0 开始的,另外如果我们写了 #wrap p:nth-child(1) 的含义是指 id ...
CSS2 从入门到精通
1. 常用的选择器1. 元素选择器 作用:通过元素选择器可以选择指定的元素 语法:tag{} 123456p{ color: red;}h1{ color: red;} 2. id 选择器 作用:通过元素的id属性值选中唯一的一个元素 用法: #id{} 123#p1{ font-size: 20px;} 3.类选择器 通过元素的class属性值选中一组元素 语法:.class{} 1234567.p2{ ...
Composer 使用指南
1. 安装依赖1composer install 这个语句会检查当前目录下的 composer.json 然后检查是否有 composer.lock 如果有这个文件那么就按照 lock 文件中的版本号进行安装依赖,如果没有lock文件就按照 composer.json 中定义的版本进行安装。 这里就需要注意,composer.json 定义的版本号可能是一个区间也就是他可以是一个范围,随着类库的更新而更新,但是 lock文件保证了此项目的版本号是确定的,也就是项目组成员得到的版本号是一...
记一次微信支付踩过的坑
最近在做一个微信小程序,然后里面涉及到了支付的内容,本来以为微信支付挺简单的,当我开始写支付后台去看微信提供的支付文档的时候我就崩溃了,文档写了跟没写一样。 本来是准备原生的php写后来觉得还是不太安全,而且真的文档不全很麻烦,就去找了一个类库。一会也会介绍一下这个类库的坑。 1 . 微信支付流程 好了,这大概就是微信支付的流程了。下面来具体的说一下: 首先是小程序调用 wx.login 获取用户当前登陆的 code 这个code是会变化的,并不能作为用户的...
七牛云关联Windows图床
1. 注册七牛云七牛云 地址,需要在这里进行注册 2.完成实名认证需要上传身份证的正反面以及支付宝做一下认证即可。 首先进入个人中心 然后进行实名认证 由于我已经认证过了,所以显示认证完成,未认证的用户需要按照提示认证,一般来说 5分钟就能完成认证。 3. 创建对象存储 只需要填一下名字,然后因为是图床所以肯定是公开的访问权限。 4. 绑定域名配置完空间以后就是需要关联域名,配置 CNAME 绑定域名,这个域名需要是一个已经备案过的域名。 只需要填写域名这一项即可,最后就是需要...