TEST
使用hexo发布文章遇到的问题使用两个花括号报错
JS进阶学习
ES6高级待更新。。。
Vue进阶知识学习
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。
注册局部组件
创建一个组件Mycomp.vue
在需要用到的地方引入:import Mycomp from './components/Mycomp.vue'
注册组件export default {
name: 'App',
components: {
Mycomp
}
}
使用组件在 template <Mycomp></Mycomp>
组件组成
template 视图
script 逻辑
style 样式
全局组件
注册全局组件 在Vue对象身上有个Vue.component() 注册全局组件 在所有的组件中 不需要引入 可以直接使用
语法:Vue.component(‘my-component-name’, {
// ... 选项 ...
})
代码演示
// import Vue from 'vue'//运行时:vue.runtime.js
import Vue from 'vue/dist/vue'
/注册全局组件(放到main.j ...
JS基础知识
JavaScript基础知识点了解 JavaScriptJavaScript是什么
JavaScript是一种运行在客户端(浏览器)高级的、解释型的编程语言的,实现人机交互效果
由ECMA(欧洲电脑制造商协会)通过ECMAScript实现语言的标准化。被世界上的绝大多数网站所使用,也被世界主流浏览器(Chrome、IE、Firefox、Safari、Opera)支持
JavaScript乍一听与Java在名字上相似,但其实是雷锋与雷锋塔、老婆和老婆饼的关系hhh
一般简称JS,以下都以JS称呼
JS的作用(做什么)
网页特效 (监听用户的一些行为让网页做出对应的反馈)
表单验证 (针对表单数据的合法性进行判断)
数据交互 (获取后台的数据,渲染到前端页面)
服务端编程(node.js)
JS的组成(有什么)JS 是由ECMAScript和WebApi 组成。WebApi又由DOM(页面文档对象模型)和BOM(浏览器对象模型)构成
ECMAScript是由网景的布兰登·艾克开发的一种脚本语言的标准化规范;最初命名为Mocha,后来改名为LiveScript,最后重命名为Java ...
Vue基础知识学习
Vue的安装安装环境安装Visual Studio Code
官网地址:(https://code.visualstudio.com/)下载安装
Visual Studio Code(VS Code)是微软2015年推出的一个轻量但功能强大的源代码编辑器,基于 Electron 开发,支持 Windows、Linux 和 macOS 操作系统。内置了对JavaScript,TypeScript和Node.js的支持并且具有丰富的其它语言和扩展的支持,功能超级强大。
简单来说就是我们编写代码的必备工具
安装nodejs
Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。
通俗点讲 Node.js是一个JavaScript编程语言的运行环境,在没有node.js之前,JavaScript代码几乎只能在浏览器中运行,通过浏览器解释执行。浏览器其实也是JavaScript的一个运 ...
axios学习
前置条件已经学习过ajax、Promise准备json-server包,快速搭建HTTP服务(用axios的时候需要向服务端发送请求即需要服务端这个角色来与axios结合做实践)
json-server用于模拟服务端接口数据,可以根据json数据建立一个完整的web服务
1安装json-servernpm install -g json-server
//查看版本号,安装成功
json-server -v
2在文件夹下创建一个db.json文件,存放一些数据。{
"posts": [ //文章
{
"id": 1,
"title": "json-server",
"author": "typicode"
},
{
"id": 2,
"title": "《b站大学》",
"author": "吴老师"
}
],
"comments": [ //评论
{
"id": 1,
"body": "some com ...
Promise学习
认识 Promise
什么是 Promise
抽象表达:
Promise 是一门新的技术(ES6 规范)Promise 是 JS 中进行异步编程的新解决方案备注:旧方案是单纯使用回调函数
具体表达:
语法上来说: Promise 是一个构造函数从功能上来说: promise 对象用来封装一个异步操作并可以获取其成功/失败的结果值
为什么要用 Promise指定回调函数的方式更加灵活
旧的: 必须在启动异步任务前指定
promise: 启动异步任务 => 返回 promie 对象 => 给 promise 对象绑定回调函数(甚至可以在异步任务结束后指定/多个)
支持链式调用, 可以解决回调地狱问题
什么是回调地狱? 回调函数嵌套调用, 外部回调函数异步执行的结果是嵌套的回调执行的条件
回调地狱的缺点? 不便于阅读 不便于异常处理
解决方案? promise 链式调用
终极解决方案? async/await
如何使用 PromisePromise 语法结构
语法结构: new Promise((resolve, reject) => { } 里面是 ...
Ajax学习
认识 Ajax什么是 Ajax
Ajax 是一种异步请求数据的 web 开发技术,对于改善用户的体验和页面性能很有帮助。刚好回顾下什么是异步同步,大部分的请求是同步的,就是说我必须等待后台请求给我返回结果了才能往下操作。通俗讲的话,我要去烧水、水热了后去洗碗、扫地。同步来做的话就是依次等待水烧热后我再去洗碗,洗了碗后我再去扫地。异步做的话我把水壶接通电源(发送请求)、接着水壶它烧它的,我去扫地了,可能扫完地后水热了,再用水壶的水来洗碗。还可以说我今天一天没有逛朋友圈,晚上终于有空翻朋友圈,好不容易翻到了上午的朋友圈,突然觉得某个动态有意思我想评论一下或者点赞,如果页面上有刷新,那我点赞后直接就刷新了朋友圈,我又得从新翻很久才能回到刚才的动态页面。如果是不会刷新,即点赞后马上就显示了点赞记录。这就是无刷新技术通过Dom操作来实现的效果。所以Ajax通常会结合Dom一起操作。简单地说,在不需要重新刷新整个页面的情况下,Ajax 通过异步请求加载后台数据,能在网页的局部更新数据。常见运用场景有表单验证是否登入成功、百度搜索下拉框提示和快递单号查询等等。Ajax 的目的是提高用户体验,较少网络 ...
博客与博主
相遇皆是缘分
为什么建博客?因为学习一些知识总是学了就忘,或者敲了不复习,记得手写笔记也根本不爱翻动。花了大半天时间搭建个博客来记录未来学到的知识,勤能补拙吧~
展望博客我会整理一些个人所学的知识(前端方向和一些其它数码、科技、摄影先暂时想这么多)或生活方面有兴趣的事发到博客上。
关于博主普普通通的社畜。。
勇敢就是,在你还没开始的时候就知道自己会输,但依然要去做,而且无论如何都要把它坚持到底。你很少能赢,但有时也会。
go on!