关注
分享
前端开发最大的快乐是少bug，多反馈，所以取名无忧学院。
那谁呀撒
/^\/^\
_|__| O|
\/ /~ \_/ \
\____|__________/ \
\_______ \
`\ \ \
| | \
/ / \
/ / \\
展开
-
贪吃蛇js
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>简易的贪吃蛇游戏</title> <style type="text/css"> * { padding: 0; margin: 0; } .m{width:400px; margin-top: 50px; margin-left: a.原创 2020-10-26 01:13:21 · 435 阅读 · 1 评论 -
vue父子通信
自定义事件，子传父子<template> <div> <button @click="toParent">点击传到父级</button> </div></template><script>export default { name: 'child', methods: { toParent () { this.$emit('fr原创 2020-10-07 17:38:00 · 297 阅读 · 0 评论 -
正则--高级
1.分组2.贪婪，惰性3.可重复子项分组就是使用()与|这俩符号，顾名思义，分个组，一组就当做一个(ab){3}那就是 ababab过 aaabbb、abbb凉小竖线是或3(1|2)3 那么313过 323过贪婪与惰性，就是是否一直匹配下去8xxx8 8xxx8 8xxx8上面这个字符串，我们用/8.*8/g来匹配，那么匹配到一处，是整个字符串我们用/8.*?8/g来匹配，那么匹配到三处，每处都是8xxx8贪婪就是多来点，都符合，要多的惰性就是匹配到就行了，别管下面的了可重复子原创 2020-09-04 17:30:50 · 3330 阅读 · 1 评论 -
Array、Date、RegExp
红皮书第5章5.引用类型5.1Object类型5.2Array类型5.3Date类型5.4RegExp正则5.5.Function类型5.6包装类内置对象面向对象5.引用类型5.1Object类型初识：1.Object就是万物皆可为对象的那个对象，对象是一种以键值对的形式存储数据的存储类型2.要什么就new什么，var person = new Object();3.数组和函数，其实也都是Object，今天不讲原型链，只是来认识，这个以键值对形式存储数据的对象。var a = { name:“z原创 2020-09-04 02:10:38 · 5331 阅读 · 0 评论 -
js百度搜索框
直接复制，即可运行。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><style>...原创 2020-09-04 02:09:10 · 3909 阅读 · 0 评论 -
js气泡特效
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <canvas.原创 2020-09-02 05:42:01 · 3552 阅读 · 0 评论 -
animation小钟表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .biao { .原创 2020-08-27 16:26:16 · 3940 阅读 · 1 评论 -
js优质DOM练习--拖拽？放大镜！
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .sbox { .原创 2020-05-20 10:58:21 · 8535 阅读 · 0 评论 -
vue/cli快速搭建vue项目
首先我们来看如何使用脚手架创建一个vue项目，脚手架别人写好的一坨代码，它像其他包一样，放在了npm上npm是一个js的包管理工具，它内置在node环境里首先，安装node学到这里，你应该已经安好了，如果没有，这里有一个链接然后，搞一个cnpmnpm的服务器在国外，而cnpm是它的国内版本，cnpm需要使用npm安装npm install -g cnpm --registry=https://registry.npm.taobao.org然后，安装脚手架cnpm install -g @原创 2020-08-02 14:43:54 · 8358 阅读 · 1 评论 -
yarn、npm、cnpm的安装与介绍
npm、cnpm、yarn安装与介绍npmcnpmyarnnpmnpm: Nodejs下的包管理器，这里只介绍它的版本号npm是围绕着 语义版本控制(semver)的思想而设计。给定一个版本号：主版本号.次版本号.补丁版本号， 以下这三种情况需要增加相应的版本号：主版本号： 当API发生改变，并与之前的版本不兼容的时候次版本号： 当增加了功能，但是向后兼容的时候补丁版本号：当做了向后兼容的缺陷修复的时候`安装：npm在内置在node环境，所以安装npm，就是要安装node[no原创 2020-08-07 11:44:07 · 7724 阅读 · 0 评论 -
无忧学院------git
日常使用只要记住下图6个命令，就可以了但是熟练使用，恐怕要记住60～100个命令fetch vs pullgit fetch是将远程主机的最新内容拉到本地，用户在检查了以后决定是否合并到工作本机分支中。而git pull 则是将远程主机的最新内容拉下来后直接合并，即：git pull = git fetch + git merge，这样可能会产生冲突，需要手动解决。下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace：工作区Index / Stage：暂存区原创 2020-08-06 19:40:26 · 7681 阅读 · 1 评论 -
JS实践（乾坤未定，你我皆是黑马4-3）
上一篇后半部分写的不好，就是浅显的罗列语法。排序，下周补充其余6种…这篇是精讲一个案例，先讲语法，做小案例，再把所有语法用到一起，写个稍微大一点的案例。看完之后你能学会dom操作以及成就感。javascript 原生方法对dom节点的操作包括：访问（查找）、创建、添加、删除、替换、插入、复制、移动等。唉，等等等等？？？ 什么是dom？？？js分为ECMAScript、DOM、BOM三部分，第一部分是语法，就是变量啊函数啊，操作符啊等等等等的，DOM是操作文档对象，BOM是浏览器对象今天只看D原创 2020-07-04 12:01:00 · 8495 阅读 · 0 评论 -
JS基础（乾坤未定，你我皆是黑马4-2）
上一篇呐就是纯粹为了跟js见个面不知道上手是不是搞得有点上头这篇来讲JS基础语法，小白（不会闭包的）可以认真看一下这篇介绍了JS语法、打印99乘法表、数组去重、数组排序…学完了上面的，中间有疑问可以去百度，或者找一套课看一看，想要这部分课程资源的话可以留言，现在我们需要进行练习！首先确认一下我们已经认识for关键字是用来循环的我们打印一个99乘法表双层for循环，这是必须掌握的外面从1数到9，外面数每个数的时候，里面都从一数到九字符串拼接自己试试就知道了然后我们来看数组去重~原创 2020-07-02 19:00:57 · 8734 阅读 · 2 评论 -
css、css3快速入门
这篇文章讲的是css和css3大概内容包括：css基本语法，选择器，单位，盒模型，响应式布局，过渡与动画，浮动与定位，雪碧图与绘制三角形，chrome调试，ps基本使用…CSS 指层叠样式表 (Cascading Style Sheets)再拥有样式之前，我们的网页长这个样子…那么通过今天的学习，我们就可以写很普遍的网站，当然，想要写出来游戏官网那种非常好看的网页，还是没必要，好吧，那确实很难...原创 2020-06-30 12:17:37 · 8781 阅读 · 1 评论 -
html、html5、浏览器内核差异
本篇讲HTML介绍（不重要）：HTML（baiHypertext Markup Language）全称是“超文本标记语言”.标记语言一般以ML结尾，与编译语言的区别就是没有逻辑与行为，是一堆被动的信息.经过我们初步认识，发现html不就是网页吗！HTML 文档 = 网页，只不过我们学的不是浏览网页，而是写网页，其中html负责写网页的骨架。上面好比只用html写的网页，下面相当于html+css写的网页，今天我们来搭建“骨架”，明天再“整容+化妆” html这玩意原创 2020-06-26 18:07:07 · 8614 阅读 · 0 评论 -
前端路线图2020
总结就是三件事：1、前端页面重构：写一些页面，电脑、手机、平板都能用！2、前后端网页交互：用户操作–>获取参数–>给后端发请求–>将响应展示给用户！3、Node.js + 前端框架：使用成熟的技术，大幅度提升工作效率。并通过node.js进行后端开发！第一篇文章我们不着急开始学，先来前端世界逛一逛~下面是大佬眼中的前端：主要前端技术：1、实际业务相关理论基础知识和经验…2、css布局基础知识（rem、viewport（vw vh）、less / sass、清除浮动、BFC.原创 2020-06-26 15:12:26 · 9657 阅读 · 0 评论