web前端
关注
分享
扫一扫
文章平均质量分 50
web前端，从三大原生技术到js库、响应式布局、前端框架，从入门到入坑全过程。
JMOON_SPACE
我们都是阴沟里的虫子，但总还是得有人仰望星空。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
主流浏览器有哪些？他们的内核是什么？
浏览器是一个多进程、多线程的应用程序。在一个浏览器中打开多个标签页，如果一个标签页内的内容卡顿，并不会影响其他标签页，就是因为每个标签页都有一个进程，互不影响（可以在任务管理器中查看）。GPU进程（计算显示效果尤其是3D）浏览器主进程（只有一个）原创 2023-09-10 17:06:27 · 303 阅读 · 0 评论 -
解决Echarts图表未占满容器的问题
原因：div还没有创建出来echarts就已经加载了。canva画布本身就比容器小。canva画布与容器大小一致。原创 2023-01-09 16:38:22 · 7779 阅读 · 2 评论 -
什么是跨域？如何解决跨域问题？
不知道做前端的小伙伴有没有遇到过这样的一个报错信息：‘xxxxx’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present. 翻译的话是：已被 CORS 策略阻止：不存在“Access-Control-Allow-Origin”标头，这类问题就是跨域。其实 CORS 策略是一种同源策略，同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等原创 2022-05-30 16:41:04 · 149 阅读 · 0 评论 -
前端AES加密解密
前端AES加密解密原创 2022-05-23 14:40:53 · 408 阅读 · 0 评论 -
前端知识收藏夹（吃灰系列-有空就学）
1.JavaScript var let和const声明变量2.微信小程序常见的UI框架/组件库总结3.比较全的前端框架库汇总4.Vue要做权限管理5.css 预处理器之 less sass scss stylus 起步6.Javascript初级知识点（原型，闭包，异步）整理7.常用的前端JavaScript方法封装...原创 2021-10-19 15:16:57 · 170 阅读 · 0 评论 -
Echarts - legend、tooltip、xAxis属性设置
目录legend：tooltip：xAxis：legend： legend: { show: true, //是否显示 type: "plain", // 图例的类型 'plain':普通图例 'scroll':可滚动翻页的图例 zlevel: 1, // 所有图形的 zlevel 值。 icon: "circle", top: "5%", // bottom:"20%" // 组件离容器原创 2021-10-13 11:09:02 · 2186 阅读 · 0 评论 -
CSS布局方式
浮动布局float：left or right绝对布局position：absolute相对布局父级：position：relative子级：position：absolute一层套一层固定布局position：fiexedflex弹性布局最外层容器：display:flexjustify-con...原创 2021-10-12 11:26:47 · 111 阅读 · 0 评论 -
HTML5中SVG 与 Canvas两者间的区别（绘制图形）
SVG 是一种使用 XML 描述 2D 图形的语言。Canvas 通过 JavaScript 来绘制 2D 图形。SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。Canvas 是逐像素进行渲染的。在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需..转载 2021-06-28 15:16:34 · 252 阅读 · 0 评论 -
HTML随笔
表格中的colspan和rowspan：colspan和rowspan这两个属性用于创建特殊的表格。colspan用来指定单元格横向跨越的列数：colspan就是合并列的，colspan=2的话就是合并两列。rowspan用来指定单元格纵向跨越的行数:rowspan就是用来合并行的，比如rowspan=2就是合并两行。rowspan通常使用在td和th标签中row:行,span:跨度,跨距,范围col:列,span:跨度,跨距,范围<html><head><原创 2021-05-18 15:07:49 · 137 阅读 · 0 评论 -
node.js安装教程及环境配置
look this >>>https://segmentfault.com/a/1190000023390756转载 2021-04-21 21:40:49 · 93 阅读 · 0 评论 -
入职前端工程师你需要学会什么？前端实习生告诉你十大必备技能
三大原生技术：HTML、CSS、JavaScriptJavaScript库：jQuery（可以只做了解）JavaScript运行环境：node.js静态模块打包工具：webpack前端框架：vue，大部分公司现在基本上都是用Vue，当然有些公司可能用react等其他的框架，学习要紧跟当下潮流Vue组件：了解一些常用的开发组件，例如ui组件微信小程序开发：有些公司也会让你顺带进行微信小程序开发，学完上面那些技能，再学小程序就很简单了.........原创 2021-03-29 09:35:35 · 4608 阅读 · 0 评论 -
最全面的web程序设计知识点总结
目录前言一、web技术基础？1.1 Internet的基本概念1.2 Web技术的基本概念1.3 Ｗeb技术的主要组成1.3 Web浏览器与服务器的基本概念和工作组成1.4 Web应用开发构架和开发技术二、HTTP协议基础2.1 HTTP的基本概念与交互模型2.2 HTTP消息格式2.3 HTTP请求响应消息和请求响应方法2.3.1 请求头包含：2.3.2 HTTP常用请求方法2.3.3 HTTP响应消息和常用响应状态2.3.4 HTTP常用响应状态2.4 HTTP常用消息头三、HTML基础四、CSS基础五原创 2021-03-17 22:51:31 · 13123 阅读 · 0 评论 -
最火的前端框架——VUE
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用（SPA）提供驱动。视频教程：Vue.js从入门到精通教程他人视频笔记：Vue全面知识点速查中文文档：Vue.js 官网菜鸟教程：Vue.js 教程 | 菜鸟教程..原创 2021-03-09 21:52:16 · 296 阅读 · 0 评论 -
bootstrap 响应式布局
文章目录前言bootstrap使用步骤媒体查询栅格系统组成部分黑马商城案例前言开发一套页面，适配不同分辨率的上网设备下载及文档资料请查看：bootstrap中文网bootstrap使用步骤导入jquery-1.11.0.min.js文件导入bootstrap.css文件导入bootstrap.js文件创建视口<meta name="viewport" content="width=device-width, initial-scale=1">创建布局容器<原创 2021-03-08 22:52:23 · 210 阅读 · 0 评论 -
Jquery学习之案例驱动
文章目录案例1：入门案例1.1获得jQuery对象1.2DOM和jQuery对象的转换1.3页面加载1.4事件绑定1.5常见事件案例2：弹出广告2.1效果2.2基本选择器2.3层次选择器2.4基本过滤选择器2.5内容过滤选择器2.6可见性过滤选择器2.7属性选择器2.8表单选择器2.9弹出广告案例3：隔行换色3.1隔行换色3.2css-属性案例4：全选全不选4.1全选和全不选案例5：省市联动5.1each5.2val-html-text操作5.3内部插入节点5.4外部插入节点5.5删除节点5.6省市联动案例原创 2021-03-07 21:05:22 · 227 阅读 · 0 评论 -
web前端学习笔记——JQuery
web前端开发基础第五章——JQuery传送门：第一章：HTML | 第二章：CSS | 第三章：html5和CSS3 | 第四章：Javascript（part 1） | 第四章——Javascript（part 2） |目录web前端开发基础第五章——JQuery前言 jquery介绍1、jquery加载2、jquery选择器3、jquery样式操作4、绑定click事件5、jquery加载6、jquery加载7、jquery加载8、jquery加载9、jquery加载10、jquery加载原创 2021-03-07 20:02:24 · 569 阅读 · 1 评论 -
常用css列表
color 设置文字的颜色，如： color:red;font-size 设置文字的大小，如：font-size:12px;font-family 设置文字的字体，如：font-family:‘微软雅黑’;font-style 设置字体是否倾斜，如：font-style:‘normal’; 设置不倾斜，font-style:‘italic’;设置文字倾斜font-weight 设置文字是否加粗，如：font-weight:bold; 设置加粗 font-weight:normal 设置不加粗lin原创 2021-03-02 13:39:42 · 225 阅读 · 0 评论 -
web前端学习笔记——Javascript（part 2）
web前端开发基础第四章——Javascript（part 2）目录web前端开发基础第四章——Javascript（part 2）Javascript组成一、获取元素方法二二、字符串处理方法三、类型转换四、定时器五、变量作用域六、封闭函数七、常用内置对象Javascript组成1、ECMAscript javascript的语法（变量、函数、循环语句等语法）2、DOM 文档对象模型 操作html和css的方法3、BOM 浏览器对象模型 操作浏览器的一些方法一、获取元素方法二可以使用内置原创 2020-12-07 16:39:48 · 658 阅读 · 0 评论 -
web前端学习笔记——JavaScript（part 1）
web前端开发基础第四章——Javascript目录web前端开发基础第四章——Javascript概述一、JavaScript嵌入页面的方式二、变量1.关键字2.变量类型3.javascript语句与注释4.变量、函数、属性、函数参数命名规范5.匈牙利命名风格：三、获取元素方法四、操作元素属性操作属性的方法属性写法通过“.”操作属性：通过“[ ]”操作属性：innerHTML1.css基本语法1.css基本语法1.css基本语法1.css基本语法1.css基本语法1.css基本语法1.css基本语法原创 2020-12-05 17:13:27 · 1835 阅读 · 1 评论 -
web前端学习笔记——html5和CSS3
web前端开发基础第三章——html5和CSS3目录web前端开发基础第三章——html5和CSS3一、HTML5新增标签新增语义标签音频视频二.HTML5 新增表单控件三、CSS权重四、CSS3新增选择器五、CSS3圆角、rgbaCSS3圆角rgba（新的颜色值表示法）六、CSS3 transition动画七、CSS3 transform变换八、CSS3 animation动画九、CSS3 浏览器前缀浏览器样式前缀自动添加浏览器前缀Autoprefixer在Sublime text中的设置：一、原创 2020-12-03 17:03:32 · 782 阅读 · 0 评论 -
Web前端学习笔记——CSS
web前端开发基础第二章——CSS目录web前端开发基础第二章——CSS概述一、css基本语法及页面引用1.css基本语法2.css页面引入方法：二、css文本设置三、css颜色表示法四、css选择器1.标签选择器2.id选择器3.类选择器（应用最多）4.层级选择器5.组选择器6.伪类及伪元素选择器五、盒子模型1.设置宽高2.设置边框3.设置内间距padding4.设置外间距margin5.盒子的宽和高！6.margin相关技巧六、css元素溢出七、块元素、内联元素、内联块元素1.块元素2.内联元素3原创 2020-12-02 18:07:15 · 1999 阅读 · 0 评论 -
Web前端学习笔记——HTML
web前端开发基础第一章——HTML前言HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网原创 2020-11-30 16:40:56 · 2419 阅读 · 1 评论