前端
关注
分享
扫一扫
文章平均质量分 54
༄༊心灵骇客༣
路漫漫其修远兮，吾将上下而求索。
展开
-
前端技术之什么是AJAX跨域（二）
什么是AJAX跨域发生AJAX跨域的条件跨域的原理JSONP实现跨域getJSON简化跨域请求发生AJAX跨域的条件先看协议是否一致再看地址是否一致，注意在浏览器上127.0.0.1和localhost不是一个地址最后看端口号是否一致。跨域的原理我们发现Web页面上调用js文件时则不受是否跨域的影响，拥有“src”这个属性的标签都却拥有跨域的能力，比如<\script>、<\img>、<\iframe>。那么跨域访问数据就有了一种可能，那就是在远程服务器上原创 2022-04-25 21:26:49 · 213 阅读 · 0 评论 -
前端技术之Ajax（一）
前端技术之Ajax同步交互异步交互AJAX异步验证用户名占用问题同步交互首先用户向HTTP服务器提交一个处理请求。接着服务器端接收到请求后，按照预先编写好的程序中的业务逻辑进行处理，比如和数据库服务器进行数据信息交换。最后，服务器对请求进行响应，将结果返回给客户端，返回一个HTML在浏览器中显示，通常会有CSS样式丰富页面的显示效果。异步交互所谓异步交互是指发送一个请求，不需要等待返回，随时可以再发送下一个请求，即不需要等待。在部分情况下，我们的项目开发中都会优先选择不需要等待的异步交互方式。将用户原创 2022-04-19 01:47:04 · 1283 阅读 · 0 评论 -
DOM——获取元素的四种方法
获取元素的四种方法根据id获取根据标签名获取通过HTML5新增的方法获取获取特殊元素根据id获取<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-原创 2021-09-02 03:53:30 · 364 阅读 · 0 评论 -
创建对象的三种方式
创建对象的三种方式利用对象字面量创建对象利用new Object创建对象利用构造函数创建对象利用对象字面量创建对象<script>var obj = { uname:'张三', age:18, sex:'男', sayHi:function(){ console.log('hi~'); } } console.log(obj.uname);//张三 co原创 2021-08-31 00:53:24 · 265 阅读 · 0 评论 -
JavaScript作用域和预解析
JavaScript作用域JavaScript作用域：就是代码名字（变量）在某个范围内起作用和效果 目的是为了提高程序的可靠性和减少命名冲突js的作用域(es6)之前：全局作用域 局部作用域全局作用域：整个script标签 或者是一个单独的js文件<script> var num = 10; console.log(num);//10</script> 局部作用域（函数作用域）：在函数内部<script> fu原创 2021-08-30 23:56:22 · 104 阅读 · 0 评论 -
javascript中的函数
函数函数就是被封装了一段可以被重复执行的代码块 目的：就是让大量代码重复使用函数形参和实参个数不匹配问题参数个数说明实参个数等于形参个数输出正确结果实参个数多于形参个数只取到形参的个数实参个数等于形参个数多的形参定义为undefined，结果为NaNarguments的使用当我们不确定有多少个参数传递的时候，可以用arguments来获取。在JAVASCRIPT中，arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments对原创 2021-08-30 23:26:06 · 114 阅读 · 0 评论 -
js写一个九九乘法表
var str = ''; for(var i =1;i<=9;i++){ for(var j = 1;j<=i;j++){ str += j + '×' + i + '=' + i*j +'\t'; } str += '\n'; } console.log(str);原创 2021-08-29 23:48:56 · 127 阅读 · 0 评论 -
Vue项目报错：`sass-loader` requires `node-sass` ＞=4. Please install a compatible version
最近在公司的一个前后端分离的项目中，启动vue前端项目时报以下错误：Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.在网上查看了很多资料，都没有解决vue项目报错问题，后来自己研究了下，发现认为可能是版本的问题，我的电脑是win7的，且node.js是10.x版本。因此我将旧的node.js卸载掉，并把缓存系统盘中的npm和npm c原创 2021-07-26 18:53:54 · 1852 阅读 · 0 评论 -
React入门笔记
组件React 允许将代码封装成组件（component），然后像插入普通 HTML 标签一样，在网页中插入这个组件。React.createClass 方法用于生成一个组件类，下面代码中变量 PersonName就是一个组件类。var PersonName = React.createClass({ render: function() { return <h1>Hello {this.props.name}</h1>; }});ReactDOM.ren原创 2021-07-12 00:34:21 · 114 阅读 · 0 评论 -
构建前端Vue项目 初始化包结构时无法下载模块包
我们一般用Vue CLI(Vue 脚手架)搭建前端，在这之前我们需要安装Node.js,访问官网http://nodejs.org/en/即可下载对应版本的Node.js。1.更新至最新版本：npm -g install npm2.安装Vue 脚手架:npm i -g vue-cli3.初始化包结构 vue init webpack project（这里的project是指你的项目名)一般前两步都会成功，第三步大部分人都会遇到 vue-cli · Failed to download repo v原创 2020-11-20 19:42:11 · 353 阅读 · 0 评论 -
HTML5 SVG
什么是SVG？SVG指可伸缩矢量图形（Scalable Vector GraphicsSVG用于定义用于网络的基于矢量的图形SVG使用XML格式定义图形SVG图形在放大或改变尺寸的情况下其图形质量不会有损失SVG的优势与其他图像格式相比（比如JPEG和GIF），使用SVG的优势在于：SVG是可伸缩的在任何的分辨率下可被高质量地打印SVG可在图像质量不下降的情况下被放大对于SVG，我们不需要去记，需要的时候可以去这个网站找：https://developer原创 2021-06-08 23:19:28 · 96 阅读 · 0 评论 -
HTML5 Web存储
HTML5提供了两种在客户端存储数据的新方法：localStorage - 没用时间限制的数据存储，一年以后数据仍然可以使用sessionStorage -针对一个session的数据存储之前，这些都是由cookie完成的。但是cooki不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得cookie速度很慢而且效率也不高下面来看localStorage:<!DOCTYPE html><html lang="en"><head>原创 2021-06-08 22:57:16 · 102 阅读 · 0 评论 -
外边距margin和内间距padding
边距：外边距 内边距外边距：margin内间距：paddingmargin和padding的值：一个值：代表上下左右四个方向的外边距都是一样两个值：第一个值（上下方向的值） 第二个（左右方向）三个值：第一个（上） 第二个（左右） 第三个（下）四个值：第一个(上—) 第二个是右，第三个是下，第四个是左margin的特性：垂直方向上会重合或者在父级上显示出来padding：默认会撑大容器标签背景颜色填充范围默认是 宽高区域+padding+border区域块级（block）：独占一行，支原创 2020-12-29 18:57:18 · 1676 阅读 · 0 评论 -
绝对路径和相对路径 、border块级和内联
在HTML里，连续的多个空格或者换行只会被解析为一个空格文件路径：绝对路径和相对路径（windows）绝对路径：从根目录进行查找的路径相对路径：相对于某个文件的位置开始匹配的地址通常情况，如果代码需要有转移环境的需求，使用相对的。class命名：1. 不能数字开头2. 只能使用数字、字母、连词符(-)3. 只能使用小写4. 拼音不能和英文混用ID命名：1. 不能数字开头2. 只能使用数字、字母、连词符(-)3. 只能使用小写4. 拼音不能和英文混用5. ID具有唯一性块级盒子原创 2020-12-27 22:09:26 · 152 阅读 · 0 评论 -
前端介绍----html基础和css的认识
web前端编程的一个方向 1000种 只有一种能做网页程序 -> 软件（外卖） -> 提供服务（外卖点餐） -> 给用户一个操作的平台（下载的app）-> 注册账号（身份）软件 --> 前端（用户使用的平台-客户端） + 后端（处理用户产生的数据） （单机游戏：流星蝴蝶剑）web前端工程师就是面向用户，对用户提供服务，进行界面开发 网页 PC（电脑） 移动端网页 application（软件） pc 移动端 webapp（基于H5技原创 2020-12-26 18:10:17 · 224 阅读 · 2 评论 -
JS----计算年龄案例
题目：要求在页面中弹出一个输入框，我们输入出生年份后，能计算出我们的年龄解题思路：弹出一个输入框(prompt)，让用户输入出生年份 （用户输入）;把用户输入的值用变量保存起来，然后用今年的年份减去变量值，结果就是现在的年龄;弹出警示框（alert），把计算的结果输出（输出结果）。<script> var num1 = prompt('请输入你的第一个值'); var num2 = prompt('请输入第二个值'); alert(N原创 2021-06-07 19:00:08 · 3398 阅读 · 0 评论 -
回顾JavaScript-----JS基础
HTML/CSS/JS的关系我们知道css和html是标记语言----描述类语言，而js是脚本语言–编程类语言。html：决定网页结构和内容css：决定网页呈现给用户的模样js：实现页面逻辑和页面控制什么是JavaScriptJavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言脚本语言：不需要编译，运行过程由js解释器（js引擎）逐行来进行解释并执行现在也可以基于Node.js技术进行服务器端编程浏览器是如何执行JS浏览器分成两部分：渲染引擎和JS引擎渲染引原创 2021-05-27 17:00:37 · 180 阅读 · 1 评论 -
JS----简单加法器案例
题目：计算两个数的值，用户输入第一个值后，继续弹出第二个输入框并输入第二个值，最后通过弹出窗口显示两个值相加的结果 <script> var num1 = prompt('请输入你的第一个值'); var num2 = prompt('请输入第二个值'); alert(Number(num1)+Number(num2)); </script>...原创 2021-06-07 19:02:55 · 2802 阅读 · 0 评论 -
JS-----数据类型的转换
转换为字符型把数字型转换为字符串型，变量.to(String) var num = 10; var str = num.toString(); console.log(str); console.log(typeof str);利用String变量 var num = 10; console.log(String(num));利用+拼接字符串的方法实现转换效果 隐式转换 var num = 10; console.l原创 2021-06-07 18:32:54 · 91 阅读 · 0 评论 -
JavaScript中的变量和数据类型
定义一个变量age，并给age赋值18，然后控制台日志打印age，很简单。 var age; age = 18; console.log(age); var myname = 'pink' console.log(myname);那么变量是什么，变量的本质是什么，为什么需要变量？变量是怎么使用的？变量是一个容器，用来存放数据的，方便我们以后使用里面的数据。变量是内存里的一块空间，用来存储数据。因为我们一些数据需要保存，所以需原创 2021-06-04 02:16:18 · 583 阅读 · 0 评论