前端
文章平均质量分 69
前端学习笔记
泥烟
邮箱[email protected],
泥烟の导航站: https://knight02-bit.github.io/
展开
-
Vue学习日记(一)
监听事件监听事件<script src="https://how2j.cn/study/vue.min.js"></script> <div id="div1"> <div>一共点击了 {{clickNumber}}次</div> <button v-on:click="count">点击</button> </div> <script> ..原创 2021-09-13 17:26:24 · 205 阅读 · 0 评论 -
HTML DOM(一)
DOM ????Document Object Model( 文档对象模型 )把所有的html(元素,属性,内容)都节点化<html><body><div id="d1">hello HTML DOM</div> </body> <script>function p(s){ document.write(s+"<br>");}var div1 = document.getElementB原创 2021-08-16 23:21:38 · 172 阅读 · 0 评论 -
[JavaScript学习记录] 异步操作
JavaScript 引擎有多个线程,单个脚本只能在主线程运行,其他线程都在后台配合.单线程模型虽然对 JavaScript 构成了很大的限制,但也因此使它具备了其他语言不具备的优势。如果用得好,JavaScript 程序是不会出现堵塞的,这就是为什么 Node 可以用很少的资源,应付大流量访问的原因。目录一.定时器setTimeout(JavaScript函数/要执行的代码, 等待的毫秒数)clearTimeout(timeoutID)setInterval(JavaScript.原创 2021-08-12 23:29:25 · 629 阅读 · 3 评论 -
[JavaScript学习记录] BOM小记
浏览器对象模型(Browser Object Model)浏览器对象包括Window(窗口)Navigator(浏览器)Screen (客户端屏幕)History(访问历史)Location(浏览器地址)目录HistoryNevigator弹框警告框alert确认框conform输入框Historyhistory.go(-2); //-1表示上次,-2表示上上次,以次类推History使用有前提,无论你使用的是a标签还是button, target..原创 2021-08-11 23:10:00 · 123 阅读 · 0 评论 -
[JavaScript学习记录] 首次运用于网页,做一个简易利息计算器!!!
事件javascript允许html与用户交互的行为例如:鼠标点击事件<script>function sayHello{ alert('Hello World ppp!');}</script><button onclick="sayHello()">kick me</button>错误处理<script>function f1(){ //函数f1是存在的}try{ document...原创 2021-08-11 20:53:17 · 602 阅读 · 2 评论 -
[JavaStript学习记录] 模块/封装私有变量
用软件工程的方法,管理网页的业务逻辑原创 2021-08-09 23:03:00 · 121 阅读 · 0 评论 -
[JavaStript学习记录] 对原型链的一些理解
回忆一下昨天的学习内容,梳理一些疑惑先写了一个简单的构造函数function A(){ var num=0;}var aa=new A();查看该函数的实例为什么实例对象没有prototype属性呢?下面是经过查证后我的理解发现1.aa是A的一个实例,但是不是一个函数,所以没有prototype;A是Function的一个实例,而Function是一个函数,他的实例A也是一个函数,所以他们都有prototype。此外Object ...原创 2021-08-09 16:51:02 · 120 阅读 · 0 评论 -
[JavaStript学习记录] 对象的继承
原型对象原型对象的作用,就是定义所有实例对象共享的属性和方法。这也是它被称为原型对象的原因,而实例对象可以视作从原型对象衍生出来的子对象。原创 2021-08-08 19:49:33 · 123 阅读 · 0 评论 -
[JavaStript学习记录] 二.面向对象 (loading...)
数组任何类型的数据,都可以放入数组var arr = [ {a: 1}, [1, 2, 3], function() {return true;}];arr[0] // Object {a: 1}arr[1] // [1, 2, 3]arr[2] // function (){return true;}如果数组的元素还是数组,就形成了多维数组...原创 2021-08-07 20:39:47 · 149 阅读 · 0 评论 -
[转载]JavaScript 的 this 原理
转自:JavaScript 的 this 原理 - 阮一峰的网络日志 (ruanyifeng.com)一、问题的由来学懂 JavaScript 语言,一个标志就是理解下面两种写法,可能有不一样的结果。var obj = { foo: function () {}};var foo = obj.foo;// 写法一obj.foo()// 写法二foo()上面代码中,虽然obj.foo和foo指向同一个函数,但是执行结果可能不一样。请看下面的例子。var转载 2021-08-06 12:16:59 · 90 阅读 · 0 评论 -
[JavaScript]一:概念/特色/语法/函数/数组
----本系列仅为个人学习总结,基于阮一峰大佬的《>>JavaScript 教程<<》----目录----本系列仅为个人学习总结,基于阮一峰大佬的《>>JavaScript 教程<<》----一.概念一些特点总结二.使用范围(1)浏览器的平台化(2)Node(3)数据库操作(4)移动平台开发(5)内嵌脚本语言(6)跨平台的桌面应用程序“Atwood 定律”:三.>>JavaScript ...原创 2021-08-03 12:35:27 · 379 阅读 · 0 评论 -
[转载]如何正确设计登录表单
转自:15 Tips for Better Signup / Login UX翻译工具:彩云小译--------------------------15 Tips for Better Signup / Login UXErik D. Kennedy· Published Jun 22, 20212021年6月22日OK, I hate long intros, so: this is a checklist of some of themost important UX ...转载 2021-08-02 20:29:13 · 1618 阅读 · 0 评论 -
2021-07-22 初学CSS布局 (loading......)
边框模型真正决定一个元素的表现形式,是由其边框模型决定的由图所示蓝色框即为内容width:70px 表示内容的大小红色框即为边框内容到边框之间的距离,即为内边距 5px灰色框,是指边框与其他元素之间的距离,即为外边距:10px.box{width:70px;padding:5px;margin: 10px;}内容宽度70px内边距:5px外边距:10px超链状态伪类,所谓的伪类即被选中的元素处于...原创 2021-07-22 14:45:58 · 108 阅读 · 0 评论 -
CSS表格.边框 の 初体验
<style> div.alldirection{ width:150px; height:150px; border-top-style:solid; border-top-color:red; border-top-width: 50px; border-left-style:solid; border-left-color:blue; border-left-width: 50px; border-bottom-styl...原创 2021-07-20 18:59:01 · 140 阅读 · 0 评论 -
2021-07-20 从零开始的一日CSS
学习css即学习有哪些选择器,哪些属性以及可以使用什么样的值,分为:1.元素选择器 2.id选择器 3.类选择器通过分层设计,css把和颜色,大小位置等信息剥离到<style>中,而html只用关心提供什么样的内容就行了。1.元素选择器不使用css 给每一个单元格加上背景颜色就需要给每一个td元素加上bgcolor属性<table border="1"> <tr > <t...原创 2021-07-20 16:29:51 · 124 阅读 · 0 评论 -
[HTML] 做个空壳网页练手(菜鸡的自我信息完善
对昨天学习的自我检测,勉勉强强能看 效果图代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>information</title> <style> ...原创 2021-07-18 11:55:13 · 198 阅读 · 1 评论 -
2021-07-17 从零开始的一日HTML
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>狗子的工作站</title> </head> <body> <p> <h1>狗子Dev奇风岁月</h1> <ul type="s...原创 2021-07-17 15:36:11 · 128 阅读 · 0 评论