Web前端
关注
分享
扫一扫
文章平均质量分 89
stanwuc
这个作者很懒，什么都没留下…
展开
-
JavaScript（04-1）AJAX & PROMISE
AJAX一、基本使用1、概念Ajax 即 Asynchronous Javascript And XML（异步 JavaScript 和 XML）；一般的情况是一次http请求对应一个页面，ajax 要实现的就是在页面步跳转的情况下发送请求、获取数据、实现网页局部刷新1.eval（str）可以将 str 解析为 js 执行；2.浏览器缓存是根据 url 进行缓存的，变更 url ...原创 2020-01-22 10:31:43 · 268 阅读 · 0 评论 -
JavaScript 绘制 canvas
CANVASCanvas是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等一、canvas 支持浏览器支持 canvas 的话里面的html元素就不会显示，不支持的话p标签里面的内容就能看到了<canvas id="test-stock" width="300" height="200"> <p>Curren...原创 2020-01-17 11:57:07 · 347 阅读 · 0 评论 -
JavaScript 使用 async/await
简单介绍async 用来申明一个异步的方法，await 只能在异步方法里面使用，这二者是配套的async修饰的方法调用的时候里面的代码会立即执行直到遇到 await 就会先返回，等到异步操作执行完成，再接着执行函数体内后面的语句简单来说就是：async函数调用不会造成代码的阻塞，但是await会引起async函数内部代码的阻塞一、示例async function func() { ...原创 2020-01-17 11:04:42 · 266 阅读 · 0 评论 -
JavaScript 入门（06）错误处理
错误传播异步错误处理原创 2020-01-15 16:12:16 · 156 阅读 · 0 评论 -
Javascript 异步实现 & 事件循环
33原创 2020-01-14 15:12:08 · 275 阅读 · 0 评论 -
JavaScript（04）BOM & DOM
浏览器对象操作DOM操作表单操作文件AJAXPROMISECANVAS原创 2020-01-13 14:58:15 · 235 阅读 · 0 评论 -
CSS 弹性布局
弹性布局原创 2020-01-10 12:24:10 · 373 阅读 · 0 评论 -
JavaScript（03）面向对象
#面向对象1、概述js 中的构造函数有点类似于java中类的概念，以构造函数为模板可以创建对象；对象之间的继承极大的提高了 js 代码的可扩展性；js 对象无法进行对比，比较两个对象将始终返回 false，不管使用 == 还是使用 === 判断；2、JS 对象构建所有 JavaScript 对象都从原型继承属性和方法：通过原型可以向构造器添加属性和方法最佳实践：构...原创 2020-01-06 16:12:00 · 158 阅读 · 0 评论 -
JavaScript 入门（05）事件处理
JS事件应用一、event对象用来获取事件的详细信息：鼠标位置，键盘键位鼠标的位置：clientX 和 clientYdocument的本质：可以看作一个最高级的节点，包含html 的所有内容，全局事件加在 document 上事件对象的兼容性写法：var oEvent = ev || eventvar handleClick = function (event) {console....原创 2020-01-06 12:21:06 · 160 阅读 · 0 评论 -
JavaScript（01）语法基础
JS简介一、JS组成：ECMA BOM DOMjs 是一种基于 对象模型 和 事件驱动 的脚本语言，js组成ECMAScript由ECMA-262定义，提供核心语言功能；文档对象模型（DOM），提供访问和操作网页内容的方法和接口；浏览器对象模型（BOM），提供与浏览器交互的方法和接口；二、html 中使用 javascripthtml是从上往下瀑布式加载，<s...原创 2020-01-06 12:16:57 · 176 阅读 · 0 评论 -
JavaScript 函数
1、函数参数arguments（可变参）：伪数组（有 index 和 length），存的传入的参数，可以用for 遍历；js也支持类似java方法可变参的写法function test(a,b,...rest)，rest的本质也就是一个数组，rest参数是es6的新标准，es6还支持参数默认值的设置函数的参数在声明的时候写不写都可以，写多少个也没有规定，底层是用数组实现的，函数声明的括号...原创 2020-01-06 10:57:04 · 238 阅读 · 0 评论 -
JavaScript 入门（02）常用对象（date-regexp-json）
#JS简介一、JS组成：ECMA BOM DOMjs 是一种基于 对象模型 和 事件驱动 的脚本语言组成：ECMAScript由ECMA-262定义，提供核心语言功能；文档对象模型（DOM），提供访问和操作网页内容的方法和接口；浏览器对象模型（BOM），提供与浏览器交互的方法和接口；二、html 中使用 ja...原创 2019-12-27 11:46:28 · 230 阅读 · 0 评论 -
CSS 的各种模块
过渡模块1、基本使用使用的三要素：属性变化；哪个属性需要过渡；效果的时长；hover伪类所有的标签都可以用；注意：多属性的过渡效果的写法如下；div{ transition-property:width,height; transition-duration:5s,5s;}2、其他属性transition-delay：设置动画延迟的；t...原创 2019-10-24 16:50:22 · 786 阅读 · 0 评论 -
CSS 浮动和定位（new）
CSS浮动1、网页的布局方式（1）标准流（文档流）排版块级元素垂直排版；行内和行内块级是水平排版；（2）浮动流排版是一种 半脱离标准流 的排版方式；浮动流只有水平排版，设置相对于父级元素的左对齐或者右对齐，没有 center，不可以使用 margin：0 auto；浮动流不区分块级和行内元素，更类似于行内块级元素的特点，即可水平排版又可以设置宽高；（3）定位流排版2、浮...原创 2019-10-24 14:47:49 · 284 阅读 · 0 评论 -
CSS 基础（选择器、属性、盒子模型等）
一、CSS选择器1、标签选择器：所有标签选中2、id 选择器：id 唯一；字母、下划线和数字组成，数字不开头；只会选中一个元素；3、类选择器：class=“类名 类名”（多类）4、后代选择器：tag tag｛｝；上面的 tag 可以是标签、id 和 class 选择器；可以无限往下发展；后代包含子和孙；5、子元素选择器：tag>tag｛｝ 不能有空格关于 table>tr...原创 2019-10-24 12:31:13 · 233 阅读 · 0 评论 -
HTML 入门(new)
一、html概述html标签是用来给文本添加语义的，而不是用来修饰文本的；<meta charset="GBK">指定字符集（GB2312、UTF-8），html保存和指定字符一样，才不会乱码；<!DOCTYPE html>DTD文档申明告诉浏览器我用的什么协议来写的，不是html标签；webstorm快捷键大全：https://www.cnblogs.com/y...原创 2019-10-23 17:15:15 · 1841 阅读 · 0 评论 -
CSS 过渡&转换&动画模块
一、过渡模块1、a标签的伪类选择器（1）作用：修改a标签不同状态的样式（2）a 标签的四种状态访问前（：link） 访问后（：visited） 长按时（：active） 悬浮时（：hover）（3）注意点伪类选择器可以单独出现，也可以一起出现 一起出现的顺序为：link visited hover active 访问前和访问后状态的颜色相同的话可以简写：a｛colo...原创 2018-09-25 09:50:15 · 204 阅读 · 0 评论 -
jQuery 基础
一、入门1、jquery 就是一个js的框架；2、好处就是能让我们的js代码写的更少；3、基本使用：引入script，后面使用即可；4、关于版本选择：1.* 版本的兼容性比较好，大公司用的多；5、关于压缩版和为压缩版：开发用未压缩的便于看源码学习，生产环境用压缩版可以提高速度；二、jQuery函数1、入口函数（1）入口函数：开发中一般用第三种//1$(...原创 2018-11-29 11:17:53 · 3285 阅读 · 2 评论 -
JS 进阶教程
#JS DOM1、dom导航节点对象的一些属性 nodeName nodeName 是只读的 元素节点的 nodeName 等同于标签名 属性节点的 nodeName 是属性名称 文本节点的 nodeName 总是 #text 文档节点的 nodeName 总是 #document nodeValue 元素节点的 nodeValue 是 un...原创 2018-12-12 17:14:43 · 4878 阅读 · 4 评论 -
JS 知识点拾遗
cookie技术1、基础作用：用来保存信息，比如用户名密码；特点：同一域名所有页面共享一套 cookie；cookie的数量和大小十分有限；cookie有过期时间；使用：document.cookie属性；2、使用getCookie：split分割后遍历；setCookie：重复设置不会覆盖，只会增加；removeCookie：通过设置过期时间为 -1 来实现；登录页面的例...原创 2019-06-14 11:02:24 · 362 阅读 · 0 评论 -
Echarts图表
1转载 2019-06-25 16:00:50 · 294 阅读 · 0 评论 -
Vue 基础
一、概述1、什么是 vueVue是一套构建用户界面的渐进式框架Vue是一个构建 数据驱动的 web 界面 的库，其目标是通过简单的 API 实现 响应的数据绑定 和 组合的视图组件Vue只聚焦于视图层，更像是一个 视图模版引擎，但是也能作为一个框架使用，提供了完备的支持2、vue 的特点声明式渲染：直接告诉框架你需要什么，具体怎么渲染由框架的底层来实现，而命令式的话就是需要一步一...原创 2019-07-09 12:04:40 · 224 阅读 · 0 评论 -
Vue 进阶（01）组件深入
深入了解组件一、组件注册1、组件名 & 注册组件名最好全部小写，并且用连字符隔开，比如：test-component关于全局注册和局部注册的内容参考基础部分二、Prop属性prop 大小写<!-- 在 HTML 中是 kebab-case 的 --><blog-post post-title="hello!"></blog-post&g...原创 2019-07-16 10:22:57 · 146 阅读 · 0 评论 -
Vue进阶（02）过渡和动画
一、进入/离开 & 列表过渡单元素/组件的过渡过渡的类名CSS 过渡CSS 动画自定义过渡的类名同时使用过渡和动画显性的过渡持续时间JavaScript 钩子初始渲染的过渡多个元素的过渡过渡模式多个组件的过渡列表过渡列表的进入/离开过渡列表的排序过渡列表的交错过渡可复用的过渡动态过渡二、状态过渡状态动画与侦听器动态状态过渡把过渡放到组件里赋...原创 2019-07-23 15:47:23 · 135 阅读 · 0 评论 -
JS获取页面的各种距离总结
1.screen系列screen.width:屏幕的宽度screen.height:屏幕的高度原创 2019-09-20 17:18:16 · 6460 阅读 · 0 评论