Astra27-CSDN博客

原创 Vue-router（一）

Vue-router（一）路由概念路由：就是将信息从源地址传输到目的地址路由中的映射表：内网IP1：电脑mac地址1（决定路由器接收的信息发给哪个用户）前端渲染和后端渲染后端渲染：服务器直接生产渲染好对应的HTML页面, 返回给客户端进行展示。比如：jsp页面好处：前端耗时少，模板统一在后端。前端（相对）省事，不占用客户端运算资源（解析模板）坏处：占用服务器资源后端路由（后端处理URL和页面之间的映射关系）前端渲染：后端返回JSON数据，前端利用预先写的html模板，循

2021-02-18 22:35:20 185 1

原创 VueCLi

VueCLi如果只是简单的几个Vue的demo不需要用上脚手架，但是开发大型项目需要考虑代码目录结构、项目结构和部署、热加载代码单元测试等概念CLi:Command-Line Interface(命令行界面，俗称脚手架)使用vue-cli可以快速搭建vue开发环境及对应的webPack配置使用前提——依赖node安装好nodejs,Node环境要求8.9更高版本npm:Node Package Manager,是一个NodeJs包管理和分发工具，通常会使用NPM来安装一些

2021-02-16 16:43:16 160

原创 slot——插槽和ES模块的导入导出

slot——插槽和ES模块的导入导出组件的插槽（一个预留空间）目的：让封装更具有扩展性，让使用者可以决定组件内部一些内容究竟展示什么如何封装：将共性抽取到组件，将不同暴露为插槽<body> <div id="app"> <cpn><button>第一个组件放入按钮</button></cpn> <cpn><span>第二个组件放入span标签</span&

2021-02-10 23:56:02 441 1

原创寒假学习——ES6（4）

寒假学习——ES6（4）class<script> class Paopao{ constructor(name,age){ this.name=name; this.age=age; } eat(){ console.log("吃吧"); } } let hon

2021-02-06 15:00:41 2640 7

原创寒假学习——ES6（3）

寒假学习——ES6（3）迭代器（iterator）任何数据结构只要部署iterator接口，就可以完成遍历操作for of循环原生具备该接口的数据（可用for of 遍历）ArrayArgumentsSetMapStringTypedArrayNodeListfor in保存的是键名，for of保存的是键值原理：创建一个指针对象指向数组起始位置，第一次调用next方法指针指向第一个成员，之后一个个移动去遍历，直到最后一个成员每次调用next方法的时候会返回一

2021-01-31 22:49:26 371 4

原创寒假学习——ES6（2）

寒假学习——ES6（2）箭头函数的适合场景：与this无关的回调、定时器、数组的方法回调，不太适合用在对象的方法中函数参数默认值1、允许给形参赋初始值（注意一般具有默认值的参数位置要靠后）2、可以与解构赋值一起用function add(a, b, c = 10) { return a + b + c; } let result = add(1, 2);//没传参数就用默认值传了就用传的参数 console.log(

2021-01-23 13:31:13 2105 3

原创寒假学习——ES6（1）

寒假学习——ES6（1）let constlet的一些注意事项1、变量不能重复进行声明2、var没有块级作用域，let有（块级作用域包括{}条件循环等）3、let不存在变量提升（var有，即在使用之前会去代码中查找到对变量的声明不用管位置）4、不影响作用域链 <script> { let name="paopao"; function say(){ console.log(name);

2021-01-23 11:11:07 322 1

原创计算机控制器及其设计实现

控制器及其设计实现中央处理器CPU的功能与结构中央处理器的功能：程序是指令的有序集合，程序运行过程实质是指从程序首地址开始，连续自动的处理指令序列，直到程序最后一条指令从存储程序来看，中央处理器的功能就是实现连续自动的处理存储于主存储器的指令序列程序中的指令用于只是计算机对数据进行传输与运算或指示下一条指令地址中央处理器的任务任何一条指令处理可以分为取指令和执行指令2个阶段，程序运行就是不断地取指执行指令循环往复直到结束取指令2项任务：1、将当前需要处理的指令代码从主存储器中取到C

2021-01-03 20:40:15 3364 4

原创 java锁机制、互斥机制和同步

java锁机制、互斥机制和同步(卖票互斥案例和五个线程同步案例)互斥机制引入之前那个买票案例未用锁机制出现的问题一（相同票卖多次）理解过程：每一个线程通过以该实现了runnnable接口的类作为参数依次通过start()方法主动调用run,执行run的过程中，三个线程依次执行run的方法体，因为线程执行的随机性即在每一条语句都可能是某一个线程先抢到CPU的执行权，从而在ticket执行–操作之前，执行了那条输出语句，然后出现输出三个100的情况而之后ticket直接变成07，没有98和99

2020-12-25 19:22:02 254 1

原创 java GUI编程

java GUI编程awt和swingawt:抽象窗口工具集所属包：java.awtswing:awt的拓展，不是替换swing继承了awt的许多类，因此使用swing类库的时候间接使用了awt类库所属包：javax.swingcomponent类中的常用方法：String getName() 获得组件的名称Container getParent() 获得直接容纳该组件的容器boolean isFocusable() 判断组件是否可以获得焦点boolean

2020-12-20 19:40:59 422 2

原创组件和组件通信

组件和组件通信任何应用都可能会被抽象成一颗组件树组件使用的步骤：创建组件构造器注册组件使用组件 <div id="app"> <my-cpn></my-cpn> </div> <script src="../practice/vue.js"></script> <script>

2020-12-13 21:24:24 213

原创 Java线程和进程

java线程和进程进程概念：是正在运行的程序是系统进行资源分配和调用的独立单位每一个进程都有自己的内存空间和系统资源线程概念：是进程中单个顺序控制流是一条执行路径单线程：一个进程只有一个执行路径（按照顺序）多线程：即多条执行路径多线程例子扫雷：一个控制时间一个控制玩家自己的顺序卖票存取钱等。多线程的实现方式一：继承Thread类（后面有通过接口实现）定义一个类MyThread继承Thread类在MyThread类中重写run方法（区分能被线程执行的

2020-12-06 19:01:30 180 1

原创 java复习：类的管理及常用工具类

java复习：类的管理及常用工具类包写在程序文件的第一行一个Java 源文件中只能声明一个包，且声明语句只能作为源文件的第一条指令导入类能导入非public类，但是不能用因为在其他包缺省的权限用不了package Testp;import Testpackage.*;public class C { public static void main(String[] args) { A a=new A(); B b=new B(); }}//Testpackage.*只能导

2020-11-29 17:38:43 347 1

原创 ES6小点和Vue组件化前部分

ES6小点和Vue组件化前部分块级作用域let/var事实上var的设计可以看成是JS上的语言设计上的错误，但是这种错误多半不能修复和移除，可以将let看成更完美的var块级作用域js中用var来声明一个变量的时候，变量的作用域主要和函数的定义有关针对于其他块定义来说是没有作用域的，比如for/if<script type="text/javascript"> { var a = 1; console.log(a);

2020-07-31 23:43:35 234

原创 Vue简单认识回顾和计算属性

Vue简单认识回顾和计算属性因为是换了一个视频学习，所以还是复习了一下前面的，(虽然才开始学习vue两三天)认识vue:简单认识一下vue.js一些高级功能：解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM编程范式：Vue安装方式CDN引入下载和引入NPM安装管理Vuejs初体验hello vuejs声明式编程(数据和界面分离，数据更新界面不需要更改)命令式编程创建Vue对象的时候：传入一些参数：

2020-07-30 22:53:43 207

原创 Vue实现记事本简单功能(新增删除统计清空隐藏)

Vue实现记事本简单功能(新增删除统计清空隐藏)上次一些补充：V-for还可以？在迭代属性输出的之前，对属性进行升序排序输出html部分：<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script><div id="app"><ul> <li v-for="n in object"> {{ n }} </li&

2020-07-29 23:16:36 564

原创 Vue学习——简介、插值表达式、指令

Vue学习——简介、插值表达式、指令简介前端框架三大主流框架：React,Vue,Angular简介：Vue.js是前端的主流框架之一，它是一套构建用户界面的框架，只关注视图层，，它容易上手并且便于与第三方库和其他项目整合，官方介绍：Vue.js是一套构建用户界面的渐进式框架。其目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组优点：减少不必要的DOM操作，增加对业务逻辑的关注提高渲染效率双向数据绑定（通过框架提供的指令，只需要关心数据的业务逻辑，不再关心DOM的渲染过程）

2020-07-28 22:10:00 255

原创高级技巧（3）——JS高级定时器

高级技巧（3）——JS高级定时器先是自己总结，课本细知识点在后面自己总结先思考：1、定时器真的是定时执行的吗？定时器不能保证真正定时执行一般会延迟一点（可以接受），也有可能延迟很长时间（不能接受）2、定时器回调函数是在哪个线程执行的？在主线程执行，js是单线程的扩展：3、定时器是如何实现的？事件循环模型第一个问题可以用一个简单的代码段测试一下：<body> <button id="btn">启动定时器&l

2020-07-27 22:56:33 1419

原创 Python爬虫爬取豆瓣TOP250和网易云歌单

python爬虫（网易云）笔记@(python学习)先推荐看一下b站的视频链接如下：https://www.bilibili.com/video/BV12E411A7ZQ?from=search&seid=10419059379828214037里面具体介绍了语法和pycharm编辑器的用法还有如何爬取豆瓣TOP250的过程（代码在后面），我自己再根据过程写了爬取网易云歌单，只是比原来的多了个循环爬取了歌曲，本来不必进入但是因为大网站他有反爬，所以得多写一层最后爬取的结果如下：基本

2020-07-27 19:55:51 1021 1

原创高级技巧（2）——函数柯里化

高级技巧（2）——函数柯里化函数柯里化复习2、addHandler ()，他的职责是分情况使用DOM0级方法、DOM2级方法或IE方法来添加事件。这个方法属于一个名字叫EventUtil的对象，可以使用这个对象来处理浏览器间的差异。addHandler() 方法接受3个参数：要操作的元素、时间名称和事件处理程序函数。3、removeHandler()，它也接受相同参数。这个方法的指责是移除之前添加的事件处理程序，无论该事件处理程序是采取什么方式添加到元素中的。如果其他方法无效，默认采用DOM0级

2020-07-26 22:27:06 425

原创高级技巧（1）——作用域安全的构造函数和函数绑定

高级技巧（1）——作用域安全的构造函数和函数绑定作用域安全的构造函数构造函数其实就是一个使用new操作符调用的函数function Person(name, age, job){this.name = name;this.age = age;this.job = job;}var person = new Person("Nicholas", 29, "Software Engineer");例子解析：该this对象是在运行时绑定的，所以直接调用Person()，this会映射到w

2020-07-25 22:37:11 271

原创前端的cookie

前端的cookie先自己总结一下（课本的相关具体细节看后面）先提一下：一定不要在 cookie 中存储重要和敏感的数据。cookie 数据并非存储在一个安全环境中，其中包含的任何数据都可以被他人访问。数据持久化操作描述：数据持久化也叫数据本地化，是一种将数据长久的保存在客户端的操作作用：通过数据持久化操作，能够实现网站的登录效果，避免用户在网站页面间浏览的时候重复登录，也能实现快速登录，一段时间内保存用户的登录效果，提高页面访问速率类型：html5中提供了三种数据持久化操作cooki

2020-07-24 23:14:31 399

原创 Json格式和Ajax总结

Json格式和Ajax总结JSON Json可以理解成js对象的字符串表示法，它只是一种数据格式，不是编程语言，很多编程语言都有针对JSON的解析器语法（可以表示3种类型的值）简单值：eg:5 “Hello”,此时要注意JSON字符串必须使用双引号（单引号会导致语法错误）对象：（要求给属性加“”）var person = {name: "Nicholas",age: 29};//JS{"name": "Nicholas","age": 29}//JSON与 Java

2020-07-23 21:57:13 325

原创 JS第三版学习1~5章

JS第三版学习1~5章一、语法知识小点js三个部分：1.ECMAScript，由 ECMA-262 定义，提供核心语言功能；2.文档对象模型（DOM），提供访问和操作网页内容的方法和接口；3.浏览器对象模型（BOM），提供与浏览器交互的方法和接口。输出数据的四种方式:使用window.alert()弹出警告document.write()将内容写进html文档使用innerHTML使用console.log()写入控制台js数据类型值类型(基本类型)字符串s

2020-07-22 23:28:36 288

原创使用Canvas绘图

Canvas绘图使用Canvas绘图自己的一些理解和注意点：1、目的：能“替代”flash等其他用于做动画或者游戏的插件的一个标签，可以减小页面结构，让页面加载速度更快2、canvas可以理解为一个div,只不过div是用来存放元素的，canvas则提供了一个绘制图形的区域3、canvas标签习惯上在标签内部对其大小进行设置(其他样式还是该怎样写怎样写还是用css)，而不是css js4、canvas标签本身可以认为是一张普通画板，除此之外没有其他功能，内部的所有内容或者图形要用js脚本

2020-07-22 22:18:49 687

原创事件与表单脚本总结

事件与表单脚本总结事件JS与html之间的交互是通过事件来实现的，可以用侦听器（或处理程序）来预定事件事件流（从页面中接收事件的顺序）事件冒泡（IE的事件流）从嵌套层次最深的节点开始然后逐级向上到不具体的节点（文档）：沿DOM树往上+ 一个例子<!DOCTYPE html><html><head><title>Event Bubbling Example</title></head><body&

2020-07-21 20:57:44 922

原创 BOM相关

BOM相关BOM体系结构图：window对象（BOM核心对象，表示浏览器的一个实例）1、window既是js访问浏览器窗口的一个接口，也是ECMAScript规定的global对象2、BOM作用：控制窗口、框架、和弹出窗口，利用location对象中的页面信息、使用navigator对象了解浏览器、screen对象以及history对象全局作用域（在全局作用域中声明的变量和函数都会变成window对象的属性和方法）例子：var age = 29;function sayAge

2020-07-20 17:13:29 933

原创函数表达式

函数表达式函数提升先了解一下提升的概念：提升-> 是JS 将所有声明提升到当前作用域顶部的默认行为（提升到当前脚本或当前函数的顶部）关于函数声明：一个重要特征就是函数声明提升（在代码执行之前先读取函数声明）sayHi();function sayHi(){alert("Hi!");}复习：定义函数的两种方式：函数声明、函数表达式var functionName = function(arg0, arg1, arg2){//函数体};这个函数叫做匿名函数（fun

2020-07-19 18:51:57 1342

原创创建对象的模式和继承模式

创建对象的模式和继承模式ECMA-262 把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。”可以把 ECMAScript 的对象想象成散列表：就是一组名值对，其中值可以是数据或函数属性类型（数据属性和访问器属性）数据属性：[[Configurable]] ：表示能否通过 delete 删除属性从而重新定义属性[[Enumerable]] ：表示能否通过 for-in 循环返回属性[[Writable]] ：表示能否修改属性的值。[[Value]] ：包含这个属性的数

2020-07-18 21:28:03 246

Phoebe4的博客