Vue核心
本文主要用于记录Vue2.0的核心功能,参考视频【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】
主要介绍一套用户构建用户界面的渐进式JavaScript框架
渐进式主要介绍vue可以自上而下的逐层进行应用,一个简单的应用只需要一个核心库即可,复杂的应用需要引入各式各样的Vue插件,所谓渐进式就是它能从这样简单的应用变成复杂的应用
大哥
🐂
特点
采用组件化模式,提高代码复用率,让代码更好维护 如:组件为xxx.vue 里面包含了html,css以及js 当需要使用到的时候直接引入。维护:改变不会影响别的组件
声明式编码,让编码人员无需直接操作DOM,提高开发效率
使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点常规的js如果有新的数据它会继续使用,没有过滤,如果要维护数据量大的对象之类的,每次都会重新渲染到dom而vue采用了虚拟dom,当数据发生改变的时候,使用diff算法,对上一次采用的dom进行数据对比,如果一样,则只渲染新的数据
学习vue之前要掌握的js基础知识es6语法规范es6模块化包管理器 会一个 npm or cnpm原 ...
第一次秋招面试杂谈
今天参加了学校最新一轮的大型面试会,作为大三的学生写一点面试的收获。
找面试 首先进去的第一方面就是逛完所有的校招摊位,找到适合自己的岗位面试。我个人是往前端开发方面走的,所以找的都是这个方面的内容。但基本上走了一圈,发现对技术栈有要求的面试摊位并不多,大多数是挂羊头卖狗肉,有的hr甚至对于这个方面的内容不熟悉,比较像是收打杂的。另外比较标准的就是一个hr和一个技术人员,技术人员专门负责问技术方面的问题,hr根据结果进行分析筛选是否通过第一次面试。
问问题 今天一共找了三个摊位,对其中两个对技术栈有要求的摊位进行询问。大概问了这几个方面的问题,一是对技术栈的知识会有什么具体的提问,二是对于简历上的内容,会比较看重哪个点,三是根据我自身情况,询问面试官的建议。
技术栈知识 总结一下就是基础知识要牢固,但不限于需求上面的知识,有拓展更好,比如了解过后端spring全家桶方面的知识, ...
JavaScript入门教程
本文主要用于记录JavaScript的学习过程,参考视频【尚硅谷Web前端ES6教程,涵盖ES6-ES11】
主要介绍主要运用一种高级编程语言
表单动态校验
网页特效
服务端开发 node.js
Electron
App Cordova
控制硬件 物联网Ruff
游戏开发 cocos2d.js
浏览器执行js的过程主要介绍
浏览器分为渲染引擎和js引擎
其中渲染引擎负责HTML和CSS解析,JS引擎负责解析js代码(逐行解析)
ECMA scriptjs的书写位置
行内式
编写在行内的js代码 可读性差 在特殊情况下使用
规定HTML中使用双引号,js中使用单引号
内嵌式
script标签中使用,可以写入多行代码,学习常用
外部js
引入方式>
标签中不能再写其他信息
js输入输出语句
alert(msg) 浏览器弹出提示框
console.log(msg) 浏览器控制台打印输入信息
prompt(info) 浏览器弹出输入框,用户可以输入
js变量
总类型 var 其数据类型是在运行过程中由等号右边的值来确定的
声明变量的特殊情况:
只声明不赋 ...
JavaWeb入门教程
javaweb概述HTTP概述
全称 HyperText Transfer Protocol 超文本传输协议
请求/响应式
特点
12支持客户端eg浏览器
请求方式get post
http1.0 每次只能处理一个http请求 影响网页的访问速度
http1.1 处理多请求和响应
浏览器向服务器传送请求 = http请求消息
服务器将处理后的数据发回给客户端(浏览器) = http响应消息
统称http消息
HTTP请求消息
请求行位于请求消息的第一行
1234GET /index.html HTTP/1.1get 是请求方式后面接的是资源路径最后跟的是请求协议版本
http请求方式有八种
常见的 两种是==get==和==post==
get方式获得的参数直接在url地址后面 但传输的数据量有限
12http://www.itcast.cn/javaForum?name=youjun&pwd=123网址后面跟问号 有多个信息则在信息间跟&
post方式传输的大小没有限制 且 更安全 实际开发用
请求头在请求行之后
123Host: ...
Ubuntu_Linux入门教程
安装
略
常规操作
全屏显示:进入全屏模式
挂起/冻结
由于开关机的不便性 使用挂起/冻结可以保存linux系统状态
硬件参数设置
先关机后设置
右下角有状态栏:显示当前硬件状态
快照与系统恢复
右键ubuntulinux 有快照
点击拍摄快照之后会保存当前系统状态
在虚拟机目录下就会有后缀为snapshot字样的文件
当系统出问题的时候可以快速还原到快照状态
文件系统
对于Linux来说 使用统一的目录树结构,且没有盘符这个概念
. 代表当前目录 ..代表上级目录
bin
用户目录
Linux系统上支持多个用户,每个用户一个目录
权限机制:对于普通用户操作的范围只有用户目录,对于root用户可以操作所有范围
常用命令行列出子项 ls
查看根目录
1ls /
查看详细信息
1ls -l /home
要点与细节:按住tab键可以自动补全输入的命令和路径
输入历史可以按↑↓箭头翻阅
宿主机与虚拟机之间可以拷贝粘贴,例如图片和文字
目录切换 pwd
print working directory
1pwd
切换目录 cd
chang ...
Node.js入门教程
简介
nodejs是一个js运行环境runtime 让js可以开发后端程序 几乎能实现其他后端语言能实现的所有function
nodejs基于googlev8引擎 原用于chrome的js解释部分,但后来被搬到服务器上用于做服务器的软件
优点 处理高并发 可以实现的功能多
搭建环境
略
第一次运行nodejs
建立app.js,然后console一段信息,打开终端输入node app.js(确保你的终端打开路径正确),有输出则为配置成功
创建第一个应用http模块
创建
1const http = require('http');
用于创建服务器
1234567891011http.createServer((req,res)=>{ 设置响应头 状态码是200 文件类型是html 字符集是utf-8 res.writeHead(200,{"Content-type":"text/html;charset=utf-8"}); 解决乱码 res.write ...
Ajax入门教程
前言本文用于介绍ajax的基本使用 参考学习地址【尚硅谷】3小时Ajax入门到精通
基本介绍主要介绍
ajax全称asynchronous JavaScript and XML 异步的JavaScript和xml
是一种无需在加载整个网页的情况下能够更新部分网页的技术
ajax不是一种新的编程语言 而是一种用于创建更好更快以及交互性更强的web应用程序的技术
eg 当你在谷歌的搜索框输入关键字的时候 js会把这些字符串发送到服务器然后服务器会返回一个搜索建议的列表 like国内百度
核心:ajax的核心是XMLHttpRequest对象,XHR为服务器发送请求和解析服务器响应提供了接口,能够用异步的方式从服务器获取新的数据
通过jquery ajax方法 可以使用httpget和httppost从远程服务器上面请求文本 html xml 或者json 同时还能将这些外部数据直接载入网页的被选元素中
Http协议的请求报文和响应报文请求报文响应报文重点是格式与参数1234567行 POST /s?ie=utf-8 HTTP/1.1头 Host: atguigu.com Cook ...
Echarts入门教程
简介
是基于js实现的开源可视化库,可以定制多种多样的个性化图表
官网地址
1https://echarts.apache.org/zh/index.html
基本使用
使用五部曲
官网下载可以直接点击github下载 找到echarts.min.js点击之后右上方row点击进行copy
导入js
初始化一个dom容器 使其具备类名或者id并设置宽高
找到相应的案例 复制其中的option 并声明他
将option分配给echarts实例对象
相关参数
见官方文档
适配方案分析
总方案一图流
为了实现浏览器内容自适应 首先使用flexible.js进行浏览器宽度的检测并修改其中的html文字大小
再配合cssrem插件 页面元素会根据rem适配大小
最后 再使用flex布局 将页面进行快速布局
flexible.js和cssrem插件
首先要确定屏幕需要用flexible分成多少份,份数越多越精细
其次要看pc端给的效果图宽度是多少
举例:
1234假如要用flexiblejs把屏幕分成24份其中pc端效果图是1920px那么cssrem插件的基准值就要设置为192 ...
浅谈Jquery
jQuery概述
jQuery是一个js库,封装了很多方法和函数
j是JavaScript;Query是查询,意思是查询js,把js中的dom做封装可以快速使用里面的功能
jQuery的基本使用jQuery的入口函数
基本语法$(‘xxx’).xxx
1$('div').hide();
页面执行代码的顺序DOM→js,两种方法解决
123456789会等待页面DOM加载完之后在执行js第一种$(document).reday(function(){ xxx;}) 第二种$(function(){ xxx; })
jQuery的顶级对象
$是jQuery的顶级对象
可以代表jQuery 简而言之写的时候两者可以互换
jQuery对象和DOM对象
用原生js获取过来的对象叫做dom对象,dom对象只能使用原生的js方法
1var jsduixiang = document.querySelector('div');
用jQuery方法获取过来的对象是jQuery对象,本质是通过$把dom ...
CSS入门教程
前言
该笔记用百度脑图制作而成,图片如下:参考链接: http://naotu.baidu.com/file/ffff52457c20c717cc7b21def7361808?token=8fbc79fd5c6cc578若链接失效 建议私信