前端
文章平均质量分 90
前端
一千次晚安。
凡事发生必将有益于我
展开
-
vue-router以及导航守卫的应用(前端路由的概念)
目录前端路由&&后端路由后端路由前端路由vue-router上手嵌套路由路由的懒加载导航守卫完整的导航守卫解析流程全局守卫路由独享守卫组件局部守卫前端路由&&后端路由路由的功能包括路由(映射)和转发后端路由后端渲染:相当于把url地址传给服务器,而服务器会根据html+css+后端语言进行网页渲染,然后再返回前端,内容包括HTML+css,当然是包含数据的HTML。后端路由的步骤:1:一个页面有对应.原创 2021-12-08 22:19:34 · 916 阅读 · 1 评论 -
vue的使用
目录简介安装目录结构起步模板语法条件语句循环语句计算属性监听属性样式绑定事件监听表单组件组件自定义事件自定义指令简介Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。安装npm install vue安装脚手架工具(命令行工具)..原创 2021-12-07 16:36:45 · 1095 阅读 · 0 评论 -
bootstrap的使用与less源码解析(框架自定义)
目录容器流体容器固定容器栅格系统(网格容器)三种的源码解析(需要less基础)栅格系统实例响应式工具源码解析栅格盒模型的设计巧妙之处对less的复习Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。它是一个响应式的开发框架容器流体容器<div class="container-fluid">test</div>意为width等于百分之百,也就是...原创 2021-12-05 10:10:49 · 429 阅读 · 0 评论 -
express的使用
Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性: 可以设置中间件来响应 HTTP 请求。 定义了路由表用于执行不同的 HTTP 请求动作。 可以通过向模板传递参数来动态渲染 HTML 页面。 上手:var express = require("express");var app原创 2021-12-04 19:58:05 · 1490 阅读 · 1 评论 -
node.js(回调函数,事件循环,模块系统,路由,文件系统,post/get请求)
目录NPM使用node.js REPLnode.js 回调函数node.js事件循环node.js EventEmitternode.js Buffer(缓冲区)node.js Steamnode.js模块系统node.js函数node.js路由node.js全局对象node.js常用工具node.js的文件系统node.js post/get工具模块node.js web模块node.js是基于v8引擎(chrome 8)的一个事..原创 2021-11-29 21:38:28 · 791 阅读 · 0 评论 -
JavaScript的事件循环
单线程是JavaScript的一大特点之所以是单线程,是因为在JavaScript与用户互动,操作dom的时候,如果是多线程(我们同时两个线程对一个dom操作了修改和删除命令,那么该操作的结果遵循的是哪个线程?)会引发很多麻烦的同步问题。因为是单线程,所有的任务都需要排队。前一个任务结束后才可以执行下一个任务,而后续的任务会不得不“排队”。在我们进行i/o交互的时候,等待时间是非常长的,该段时间的cpu是空闲出来的。因而引出了任务队列所有的任务可以分为两种,一种是同步任务,一种是异步任务原创 2021-11-28 21:24:31 · 432 阅读 · 0 评论 -
jQuery
参考:(jQuery的类css选择器)jQuery 选择器 | 菜鸟教程(jQuery的事件方法)jQuery 事件方法 | 菜鸟教程(jQuery的css方法)jQuery HTML / CSS 方法 | 菜鸟教程(jQuery的Ajax方法)jQuery AJAX 方法 | 菜鸟教程目录jQuery语法jQuery选择器元素选择器#id选择器.class选择器jQuery事件jQuery效果显示隐藏淡入淡出滑动jQuery动画停止.原创 2021-11-28 09:58:07 · 347 阅读 · 0 评论 -
Ajax懒加载
之前了解Ajax技术是在做python爬虫的时候,有的web站点会使用该技术来实现不刷新页面的情况下更新数据,为了实现对目标站点的爬取,需要截取页面xhr更新的json数据。AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件,但需要用户允许原创 2021-11-27 10:33:05 · 433 阅读 · 0 评论 -
Css预处理之Less语法特性全指南
目录认识lessless初体验less变量变量插值less选择器less urlless importless属性Less 变量名称延迟加载less导入less的命名空间和访问器less拓展拓展附加到选择器拓展内部规则集拓展嵌套选择器less的嵌套规则less混和less不输出mixinsmixins中的选择器mixin的命名空间less保护的命名空间less混合参数less mixins具有多个参数less原创 2021-11-25 19:42:54 · 1827 阅读 · 0 评论 -
JavaScript对DOM,BOM的操作
HTML DOM 是 HTML 的标准对象模型和编程接口。HTML DOM 是关于如何获取、更改、添加或删除 HTML 元素的标准。demo:<html><body><p id="demo"></p><script>document.getElementById("demo").innerHTML = "Hello World!";</script></body></html&原创 2021-11-24 22:27:02 · 644 阅读 · 0 评论 -
JavaScript函数,闭包,对象,类,原型链
JavaScript函数:在 JavaScript 中,函数是对象的方法。var person = { firstName:"Bill", lastName: "Gates", fullName: function () { return this.firstName + " " + this.lastName; }}person.fullName();在该实例中,fullname是person对象的一个方法。函数call方法:.原创 2021-11-24 11:01:15 · 518 阅读 · 0 评论 -
Css(层叠样式表)的浮动布局,定位布局,display&visibility,盒子模型与定位,Flex布局
浮动布局块的默认的布局为流式布局,其无论你宽度设置为多少,均不会使其排列在一个块元素的后方,造成空间浪费为了实现对布局的要求,我们需要让块浮动起来,需要对float属性进行设置。在对float属性均设置成left后,如果宽度可以容纳,则会自动向后补充。浮动的元素不再区分块级元素、行内元素、已经脱离了标准文档,一律能够设置宽度和高度BFC规范(Box-Formatting Context 块级格式化上下文)是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素,反之亦然原创 2021-11-23 22:05:52 · 318 阅读 · 0 评论 -
JavaScript的函数,其他知识点(函数式编程思想,JavaScript的数据类型,拓展运算符)
JavaScript arguments:arguments可以在函数不指定参数的情况下返回用户所传递的参数demo:function sayHi() { if (arguments[0] == "bye") { return; } alert(arguments[0]);}也可以使用arguments.length来返回用户传递的参数个数利用该一特性可以实现对函数的重载。demo:function doAdd() { if(arguments.l原创 2021-11-19 19:29:45 · 485 阅读 · 0 评论 -
html5的表单验证
html5表单新增的类型:邮箱验证:email网址验证:url电话号码验证:tel数字验证:number查找:search日期选择:date选择周:week选择月:month日期和时间:datetime 非本地时间日期和时间:fatetime-local 本地时间颜色:color范围值:range文本框中,输入一次,下一次会自动提示的属性为autocomplete初始化页面后,让第一个输入框为焦点的属性为autofocus设置表单元素必须填写的属性为required设置表单验证使用正.原创 2021-10-24 17:06:49 · 417 阅读 · 0 评论