前端
关注
分享
扫一扫
文章平均质量分 54
李新振
路漫漫其修远兮，吾将上下而求索。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端技术之什么是AJAX跨域（二）
什么是AJAX跨域发生AJAX跨域的条件跨域的原理JSONP实现跨域getJSON简化跨域请求 发生AJAX跨域的条件 先看协议是否一致 再看地址是否一致，注意在浏览器上127.0.0.1和localhost不是一个地址 最后看端口号是否一致。 跨域的原理 我们发现Web页面上调用js文件时则不受是否跨域的影响，拥有“src”这个属性的标签都却拥有跨域的能力，比如<\script>、<\img>、<\iframe>。那么跨域访问数据就有了一种可能，那就是在远程服务器上原创 2022-04-25 21:26:49 · 269 阅读 · 0 评论 -
前端技术之Ajax（一）
前端技术之Ajax同步交互异步交互AJAX异步验证用户名占用问题 同步交互 首先用户向HTTP服务器提交一个处理请求。接着服务器端接收到请求后，按照预先编写好的程序中的业务逻辑进行处理，比如和数据库服务器进行数据信息交换。最后，服务器对请求进行响应，将结果返回给客户端，返回一个HTML在浏览器中显示，通常会有CSS样式丰富页面的显示效果。 异步交互 所谓异步交互是指发送一个请求，不需要等待返回，随时可以再发送下一个请求，即不需要等待。在部分情况下，我们的项目开发中都会优先选择不需要等待的异步交互方式。将用户原创 2022-04-19 01:47:04 · 1339 阅读 · 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 · 423 阅读 · 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 · 309 阅读 · 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 · 160 阅读 · 0 评论 -
javascript中的函数
函数 函数就是被封装了一段可以被重复执行的代码块 目的：就是让大量代码重复使用 函数形参和实参个数不匹配问题 参数个数 说明 实参个数等于形参个数 输出正确结果 实参个数多于形参个数 只取到形参的个数 实参个数等于形参个数 多的形参定义为undefined，结果为NaN arguments的使用 当我们不确定有多少个参数传递的时候，可以用arguments来获取。在JAVASCRIPT中，arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments对原创 2021-08-30 23:26:06 · 147 阅读 · 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 · 154 阅读 · 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 · 1980 阅读 · 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 · 153 阅读 · 0 评论 -
构建前端Vue项目 初始化包结构时无法下载模块包
我们一般用Vue CLI(Vue 脚手架)搭建前端，在这之前我们需要安装Node.js,访问官网http://nodejs.org/en/即可下载对应版本的Node.js。 1.更新至最新版本：npm -g install npm 2.安装Vue 脚手架:npm i -g vue-cli 3.初始化包结构 vue init webpack project （这里的project是指你的项目名) 一般前两步都会成功，第三步大部分人都会遇到 vue-cli · Failed to download repo v原创 2020-11-20 19:42:11 · 405 阅读 · 0 评论 -
HTML5 SVG
什么是SVG？ SVG指可伸缩矢量图形（Scalable Vector Graphics SVG用于定义用于网络的基于矢量的图形 SVG使用XML格式定义图形 SVG图形在放大或改变尺寸的情况下其图形质量不会有损失 SVG的优势 与其他图像格式相比（比如JPEG和GIF），使用SVG的优势在于： SVG是可伸缩的 在任何的分辨率下可被高质量地打印 SVG可在图像质量不下降的情况下被放大 对于SVG，我们不需要去记，需要的时候可以去这个网站找：https://developer原创 2021-06-08 23:19:28 · 128 阅读 · 0 评论 -
HTML5 Web存储
HTML5提供了两种在客户端存储数据的新方法： localStorage - 没用时间限制的数据存储，一年以后数据仍然可以使用 sessionStorage -针对一个session的数据存储之前，这些都是由cookie完成的。但是cooki不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得cookie速度很慢而且效率也不高 下面来看localStorage: <!DOCTYPE html> <html lang="en"> <head>原创 2021-06-08 22:57:16 · 141 阅读 · 0 评论 -
外边距margin和内间距padding
边距：外边距 内边距 外边距：margin 内间距：padding margin和padding的值： 一个值：代表上下左右四个方向的外边距都是一样 两个值：第一个值（上下方向的值） 第二个（左右方向） 三个值：第一个（上） 第二个（左右） 第三个（下） 四个值：第一个(上—) 第二个是右，第三个是下，第四个是左 margin的特性：垂直方向上会重合或者在父级上显示出来 padding：默认会撑大容器标签 背景颜色填充范围默认是 宽高区域+padding+border区域 块级（block）：独占一行，支原创 2020-12-29 18:57:18 · 1753 阅读 · 0 评论 -
绝对路径和相对路径 、border块级和内联
在HTML里，连续的多个空格或者换行只会被解析为一个空格 文件路径：绝对路径和相对路径（windows） 绝对路径：从根目录进行查找的路径 相对路径：相对于某个文件的位置开始匹配的地址 通常情况，如果代码需要有转移环境的需求，使用相对的。 class命名： 1. 不能数字开头 2. 只能使用数字、字母、连词符(-) 3. 只能使用小写 4. 拼音不能和英文混用 ID命名： 1. 不能数字开头 2. 只能使用数字、字母、连词符(-) 3. 只能使用小写 4. 拼音不能和英文混用 5. ID具有唯一性 块级盒子原创 2020-12-27 22:09:26 · 188 阅读 · 0 评论 -
前端介绍----html基础和css的认识
web前端 编程的一个方向 1000种 只有一种能做网页 程序 -> 软件（外卖） -> 提供服务（外卖点餐） -> 给用户一个操作的平台（下载的app）-> 注册账号（身份） 软件 --> 前端（用户使用的平台-客户端） + 后端（处理用户产生的数据） （单机游戏：流星蝴蝶剑） web前端工程师就是面向用户，对用户提供服务，进行界面开发 网页 PC（电脑） 移动端网页 application（软件） pc 移动端 webapp（基于H5技原创 2020-12-26 18:10:17 · 286 阅读 · 2 评论 -
JS----计算年龄案例
题目：要求在页面中弹出一个输入框，我们输入出生年份后，能计算出我们的年龄 解题思路： 弹出一个输入框(prompt)，让用户输入出生年份 （用户输入）; 把用户输入的值用变量保存起来，然后用今年的年份减去变量值，结果就是现在的年龄; 弹出警示框（alert），把计算的结果输出（输出结果）。 <script> var num1 = prompt('请输入你的第一个值'); var num2 = prompt('请输入第二个值'); alert(N原创 2021-06-07 19:00:08 · 3649 阅读 · 0 评论 -
回顾JavaScript-----JS基础
HTML/CSS/JS的关系 我们知道css和html是标记语言----描述类语言，而js是脚本语言–编程类语言。 html：决定网页结构和内容 css：决定网页呈现给用户的模样 js：实现页面逻辑和页面控制 什么是JavaScript JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言 脚本语言：不需要编译，运行过程由js解释器（js引擎）逐行来进行解释并执行 现在也可以基于Node.js技术进行服务器端编程 浏览器是如何执行JS 浏览器分成两部分：渲染引擎和JS引擎 渲染引原创 2021-05-27 17:00:37 · 232 阅读 · 1 评论 -
JS----简单加法器案例
题目：计算两个数的值，用户输入第一个值后，继续弹出第二个输入框并输入第二个值，最后通过弹出窗口显示两个值相加的结果 <script> var num1 = prompt('请输入你的第一个值'); var num2 = prompt('请输入第二个值'); alert(Number(num1)+Number(num2)); </script> ...原创 2021-06-07 19:02:55 · 3009 阅读 · 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 · 120 阅读 · 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 · 659 阅读 · 0 评论