Coding
未读1、垂直居中对齐1234567891011121314.vc { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.vc { position:absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin:-50px 0 -50px;}
2、全屏显示123456789html, body { position: fixed; width: 100%; height: 100%;}div { height: 100%;}
3、不同a标签链接使用不同样式123456789101112131415// linka[href^="http://"]{ background: url(link.gif) no-repeat center righ ...
ES6入门系列
未读1、概述
JS中一直没有 module 体系,无法将一个大程序拆分成依赖的小文件,在用简单的方法拼接起来。ES6 的模块设计思想是尽量静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。
ES6模块不是对象,而是通过 export 命令显式指定输出的代码,再通过import 命令输入。如下:
12import {state, getNum, setPost} form 'api'
以上方法实质上是从 api模块加载了3个方法,api中其他的方法不加载。这种加载就是 编译时加载或者静态加载
1.1 ES6模块的好处
不在需要UMD模块格式。
将来浏览器的新API就能用模块格式提供,不在必须做成全局变量或 navigator 对象的属性。
不在需要命名空间
2、严格模式
ES6的模块自动采用严格模式,不管你有没有再模块头部加上 「use strict」
2.1 严格模式的限制
变量必须声明再使用
函数的参数不能有同名属性,否则报错
不能使用with语句
不能对只读属性赋值,否则报错
不能删除不可删除的属性,否则报错
不能删除变量 d ...
好记性不如烂笔头123456781. 在docs文件夹 执行 vuepress build2. 进入 docs/.vuepress/dist 3. 如果绑定域名 则执行 echo ‘note.lieme.cn’ > CNAME4. git init5. git add -A6. git commit -m 'update'7. git push -f git@github.com:jiaopianjun/note.git master
重学JavaScript
未读ECMAScript是JavaScript的核心,但如果要在web中使用JavaScript,那么BOM则是真正的核心,BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。
1. window对象
BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,它既是通过JS访问浏览器窗口的一个接口,又是ES规定的Global对象。这意味着在网页中定义的任何一个对象、变量和函数,都以window作为其Global对象,因此有权访问 parseInt()等方法,
1.1 全局作用域
由于 window对象同时扮演着ES中的Global对象的角色,因此所有在全局作用域中声明的变量,函数都会变成window对象的属性和方法。
1234567var age = 29function sayAge() { console.log(this.age)}console.log(window.age) // 29sayAge() // 29window.sayAge() // 29
敲重点:window Mob ...
Coding
未读前提
在 vue开发中,难免遇到各种表单校验,这里整理了网络上和自己平时高频率用到的一些校验方法。如果错误欢迎指出,后期不断补充更新。
1、是否合法IP地址123456789101112export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/; if ((!reg.test(value)) && value != '') ...
本文主要讲述前端开发中主要使用的Git相关方法,一部分整理于网上,一部分整理于自己平常使用的。只提供了基础的命令,如果想要更详细解答的小伙伴可以Google命令查询,如有错误,欢迎指出。
常见信息1234master: 默认开发分支origin:默认远程版本库Head: 默认开发分支Head^:Head 的父提交
创建新仓库123git initgit init [project-name] # 新建一个目录,并将其初始化为git仓库git clone [url] # 拷贝一个git仓库到本地
配置1234567891011Git 的配置文件是 .gitconfig,可以放在用户的主目录(全局配置)下或项目目录下(项目配置) 。# 显示当前的 git 配置git config --list # 编辑 Git 配置git config -e [--global] # 设置用来提交代码的用户信息git config [--global] user.name "[name]" git config [--global] user.email ...
重学JavaScript
未读1. 什么是匿名函数?匿名函数就是没有名字的函数,有时候也称为《 拉姆达函数》。匿名函数是一种强大的令人难以置信的工具。如下:
123function a(a1, a2, a3) { // 函数体}
==其他函数表达式==
123var a = function(a1, a2, a3) { // 函数体}
以上两个例子在逻辑上等价,其主要的区别是: 前者会在代码执行前被加载到作用域中,而后者则是在代码执行到那一行的时候才会有定义。另一个重要的区别就是:函数声明会给函数一个指定的名字,而函数表达式则是:创建一个匿名函数,然后将这个匿名函数赋给一个变量。
123function(a1, a2, a3) { // 函数体}
上面例子也是完全可以的,但是却无法调用这个函数,因为没有指向这个函数的指针,但是可以将这个函数作为参数传入另外一个函数,或者从一个函数中返回另一个函数时就可以使用这种形式来定义匿名函数。
2. 递归
递归函数是在一个函数通过名字调用自身的情况下 ...
前端两三问
未读1、iview table 自定义表头1234567891011121314151617181920212223242526272829303132<Table :columns="tableColumns" :data="searchResults" v-if="!!searchResults" stripe border></Table>tableColumns: [ { title: "订单状态", renderHeader: (h, row) => { return h('Select', { props: { placeholder: '订单状态', value: this.queryData.status }, style: { width: ...
1、需求场景很多管理大量微信社群的小伙伴都有这样的场景,当微信群的人数达到100人之后,将不能在通过分享的群二维码加入群里,必须自主添加好友后,手动去邀请才能加用户拉入群众,如果有大量的用户加群,就只能一个一个手动的拉,想想心情就很美丽,手动哭泣。。。。
2、准备工作1、一台不关机的电脑 OR 一台服务器
2、 安装以下相关依赖(有的不需要)
1234567891011121314151617#coding=utf8import requestsfrom requests import exceptionsfrom urllib.request import urlopenfrom bs4 import BeautifulSoupfrom urllib.parse import urlencodefrom threading import Timerimport refrom wxpy import *import scheduleimport timeimport httpimport json import datetimeimport randomimport osimpo ...
ES6入门系列
未读1. Promise 的含义
Promise 是异步编程的一种解决方案,比传统的解决方案–回调函数和事件更合理、更强大。
1.1 什么是Promise
简单来说就是一个容器,里面保存着某个未来才会结束的事件(也就是异步操作)的结果。从语法上来讲,Promise是一个对象,从它可以获取异步操作的消息,它提供统一的API,各种异步操作都可以用同样的方法进行处理。
Promise有两个特点:1.1.1、对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态、任何其他操作都无法改版这个状态。
1.1.2、一旦状态改版,就不会再变,任何时候都可以得到这个结果。Promise对象的状态改变,只存在两种可能:从 pending 变为 fulfilled 和 从 pending 变为 rejeced。只要这两种情况发生,状态就终止,不会再变了并一直保持这个结果。这时就称为 resolved(已定型)。如果改版已经发生了,即使再对Promise对象添加回 ...