大前端
关注
分享
扫一扫
Gavincoder
代码给您带来的最大的收获是什么？
自由。当你可以做自己喜欢的工作来养活自己，同时又不受各种条条框框的约束，这种自由是无价的。可以这么说，我用键盘敲出了code，而code把自由和真实的本我馈赠给了我，现在的我很清晰的明白自己在做什么，我想要的code是什么样的，我能跟随自己内心的指引去开发出更多的新功能，这也许就是我最大的收获。
展开
-
Vue中的ref指令 &常用内置指令大全
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 —>原生 js 训练计划<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l...原创 2019-08-23 11:39:22 · 8861 阅读 · 0 评论 -
[原生 js 训练计划] 限制字符串的长度
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 —>原生 js 训练计划<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-07-16 09:19:48 · 499 阅读 · 0 评论 -
[原生 js 训练计划] 限制只能输入中文
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 —>原生 js 训练计划<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-07-14 10:40:27 · 315 阅读 · 0 评论 -
[原生 js 训练计划] 限制只能输入数字
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 —>原生 js 训练计划<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2019-07-13 22:08:41 · 165 阅读 · 0 评论 -
flexbox最新最全教程
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 flex-directionflex-wrap这个是自动换行—flex-wrap,默认是nowraporder默认全是 0justify-content![image-20190617165753393...原创 2019-06-17 22:57:20 · 266 阅读 · 0 评论 -
npm 设置默认信息
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 npm 为我们提供了快速创建 package.json 文件的命令 npm init，执行该命令会问几个基本问题，如包名称、版本号、作者信息、入口文件、仓库地址、许可协议等，多数问题已经提供了默认值，你可以在问题后敲回车接受默认...原创 2019-06-03 21:43:39 · 963 阅读 · 0 评论 -
回调函数须知
概念:1:你定义的函数2:你没有调用3:最终却执行了须知:1:干什么用的2:什么时候执行原创 2019-06-09 10:54:13 · 207 阅读 · 0 评论 -
js 中函数方法+模板字符串的用法
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新原创 2019-06-14 10:43:15 · 1831 阅读 · 0 评论 -
webpack配置开发工程师进阶教程
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 webpack配置开发工程师进阶教程1.新建项目目录npm init 初始化目录,对照提示自己选择即可2.安装 webpack 基本库npm i webpack webpack-cli webpack-dev-serv...原创 2019-06-08 17:11:04 · 253 阅读 · 0 评论 -
[原生 js 训练计划] 禁止表单输入的几种方法
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>禁止表单输...原创 2019-07-12 14:21:05 · 316 阅读 · 0 评论 -
[原生 js 训练计划] 去除字符串左右两边的空格
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 —>原生 js 训练计划<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-07-12 14:25:34 · 195 阅读 · 0 评论 -
[原生 js 训练计划] 验证输入是否为空
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 —>原生 js 训练计划<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2019-07-12 14:26:52 · 252 阅读 · 0 评论 -
Vue定义自定义指令
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 —>原生 js 训练计划<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &...原创 2019-08-22 21:44:43 · 847 阅读 · 0 评论 -
Vue中的动画效果
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 —>原生 js 训练计划<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-08-22 21:23:31 · 896 阅读 · 0 评论 -
Vue使用v-model实现表单动态收集
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 —>原生 js 训练计划<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-08-22 18:26:02 · 437 阅读 · 0 评论 -
最全正则表达式
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 —>原生 js 训练计划一、校验数字的表达式1. 数字：^[0-9]*$2. n位的数字：^\d{n}$3. 至少n位的数字：^\d{n,}$4. m-n位的数字：^\d{m,n}$5. 零和非零开头...原创 2019-08-07 12:02:18 · 186 阅读 · 0 评论 -
[原生 js 训练计划] 禁止输入汉字
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 —>原生 js 训练计划<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-07-12 14:29:08 · 257 阅读 · 0 评论 -
[原生 js 训练计划] 禁止复制粘贴
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 —>原生 js 训练计划<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-07-12 14:28:07 · 667 阅读 · 0 评论 -
javascript中的异常处理机制
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我个人的学习及生活小记录--->行业内最新最群的报告，工作日每日更新<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v...原创 2019-05-23 15:38:53 · 177 阅读 · 0 评论 -
防重复提交解决方案
防重复提交解决方案传统方式**（不推荐） **首先我们介绍下之前传统的防重复提交方式：**1：前端处理： **思路如下：function dosubmit(){//第一步，我们需要获取表单的提交按钮。var btnSubmit = document.getElementById(“submit”);//第二步，需要将表单提交按钮设置为不可用（或则直接隐藏，但是隐藏的话会被认为是BU...原创 2019-05-17 17:17:07 · 803 阅读 · 1 评论 -
ES5之JSON对象 操作
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我个人的学习及生活小记录--->行业内最新最群的报告，工作日每日更新 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02_JS...原创 2019-05-22 12:43:35 · 1590 阅读 · 0 评论 -
mongoose的schema& model&document基本操作 大全
/* 1.下载安装Mongoose npm i mongoose --save 2.在项目中引入mongoose var mongoose = require("mongoose"); 3.连接MongoDB数据库 mongoose.connect('mongodb://数据库的ip地址:端口号/数据库名', { useMongoClient: true}); - 如果端...原创 2019-05-15 11:32:27 · 1805 阅读 · 0 评论 -
mongodb中sort与投影
//查询文档时，默认情况是按照_id的值进行排列（升序）//sort()可以用来指定文档的排序的规则,sort()需要传递一个对象来指定排序规则 1表示升序 -1表示降序//limit skip sort 可以以任意的顺序进行调用db.emp.find({}).sort({sal:1,empno:-1});//在查询时，可以在第二个参数的位置来设置查询结果的 投影db.emp.find...原创 2019-05-15 11:31:12 · 264 阅读 · 0 评论 -
mongodb 文档间的关系
/* 文档之间的关系 一对一（one to one） - 夫妻 (一个丈夫 对应 一个妻子) - 在MongoDB，可以通过内嵌文档的形式来体现出一对一的关系 一对多（one to many）/多对一(many to one) - 父母 - 孩子 用户 - 订单 文章 - 评论 ...原创 2019-05-15 11:30:19 · 389 阅读 · 1 评论 -
mongobd练习题 全套
//1.进入my_test数据库use my_test//2.向数据库的user集合中插入一个文档 db.users.insert({ username:"sunwukong"});//3.查询user集合中的文档db.users.find();//4.向数据库的user集合中插入一个文档 db.users.insert({ username:"zhub...原创 2019-05-15 11:29:36 · 1057 阅读 · 0 评论 -
less预编译器 中的继承
less预编译器 中的继承我的逻辑是,写三个按钮.第一个按钮的样式自己写,下面两个通过继承方法来实现.我们来分解一下.less 样式html片段编译后的css实现效果结果我们可以看到,第三个框子实现了跟第一个一样的效果.正是因为其在继承时使用了 all // &:extend(.first all);好了,就这样.欢迎来我的github主页玩:ht...原创 2019-05-14 08:32:58 · 181 阅读 · 0 评论 -
less预编译器 中的继承
less预编译器 中的继承我的逻辑是,写三个按钮.第一个按钮的样式自己写,下面两个通过继承方法来实现.我们来分解一下.less 样式html片段编译后的css实现效果结果我们可以看到,第三个框子实现了跟第一个一样的效果.正是因为其在继承时使用了 all // &:extend(.first all);好了,就这样.欢迎来我的github主页玩:ht...原创 2019-05-14 00:11:12 · 120 阅读 · 0 评论 -
ES5之数组新方法
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我个人的学习及生活小记录--->行业内最新最群的报告，工作日每日更新 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=...原创 2019-05-22 12:44:53 · 83 阅读 · 0 评论 -
ES5之 apply&call&bind
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我个人的学习及生活小记录--->行业内最新最群的报告，工作日每日更新 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="...原创 2019-05-22 12:46:04 · 96 阅读 · 0 评论 -
mac下安装及运行mongodb
直接安装brew install mongodb运行mongod --config /usr/local/etc/mongod.conf原创 2019-05-08 11:26:46 · 145 阅读 · 0 评论 -
TypeScript学习笔记(2019最新最全)
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新 TypeScript学习笔记1.TypeScript简介1.JavaScriptJavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览...原创 2019-05-27 09:11:35 · 1327 阅读 · 0 评论 -
ES6之变量的解构赋值
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我个人的学习及生活小记录--->行业内最新最群的报告，工作日每日更新 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>03_变量的...原创 2019-05-22 13:03:13 · 83 阅读 · 0 评论 -
ES6 之 const 关键字
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我个人的学习及生活小记录--->行业内最新最群的报告，工作日每日更新 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02_con...原创 2019-05-22 13:01:58 · 230 阅读 · 0 评论 -
js之变量提升
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我个人的学习及生活小记录--->行业内最新最群的报告，工作日每日更新 var test = function () { //变量提升 // console.log(a); // var a = 10; // console.log(a)...原创 2019-05-22 12:53:19 · 137 阅读 · 0 评论 -
ES5/6之对象的创建方式
欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我个人的学习及生活小记录--->行业内最新最群的报告，工作日每日更新 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=...原创 2019-05-22 12:49:16 · 152 阅读 · 0 评论 -
less预编译器 中的继承
less预编译器 中的继承我的逻辑是,写三个按钮.第一个按钮的样式自己写,下面两个通过继承方法来实现.我们来分解一下.less 样式html片段编译后的css实现效果结果我们可以看到,第三个框子实现了跟第一个一样的效果.正是因为其在继承时使用了 all // &:extend(.first all);好了,就这样.欢迎来我的github主页玩:ht...原创 2019-05-13 23:58:14 · 152 阅读 · 0 评论