WEB开发
-
第一百一十七篇: JavaScript 工厂模式和原型模式
好家伙，本篇为《JS高级程序设计》第八章“对象、类与面向对象编程”学习笔记 1.工厂模式工厂模式是另外一种关注对象创建概念的创建模式。它的领域中同其它模式的不同之处在于它并没有明确要求我们使用一个构造器。取而代之，一个工厂能提供一个创建对象的公共接口，我们可以在其中指定我们希望被创建的工厂
-
JavaScript：类(class)
在JS中，类是后来才出的概念，早期创造对象的方式是newFunction()调用构造函数创建函数对象；而现在，可以使用newclassName()构造方法来创建类对象了；所以在很多方面，类的使用方式，很像函数的使用方式：但是类跟函数，还是有本质区别的，这在原型那里已经说过，不再赘述；如何定义一个类如
-
Web 标准 & W3C 规范
Web标准&W3C规范引用最全面的前端笔记来啦，包含了入门到入行的笔记，还支持实时效果预览。小伙伴们不需要在花时间去写笔记，或者是去网上找笔记了。面试高频提问和你想要的笔记都帮你写好了。支持移动端和PC端阅读，深色和浅色模式。原文链接：https://note.noxussj.top/Web
-
教你用JavaScript实现搜索展开
欢迎来的我的小院，恭喜你今天又要涨知识了！案例内容利用JavaScript实现搜索框的移动展开。演示学习<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><title>小院里的
-
现代 CSS 高阶技巧，不规则边框解决方案
本文是CSSHoudini之CSSPaintingAPI系列第四篇。现代CSS之高阶图片渐隐消失术现代CSS高阶技巧，像Canvas一样自由绘图构建样式！现代CSS高阶技巧，完美的波浪进度条效果！在上三篇中，我们详细介绍了CSSPaintingAPI是如何一步一步，实现自定义图案甚至实现动画效果的！
-
web项目部署上线（无虚拟主机，待学习）
购买阿里云服务器阿里云服务器ECS系统镜像使用Ubuntu20.04LTS使用ssh连接服务器，终端或者CMD中执行：$sshroot@x.x.x(阿里云服务器账号名@公网地址)输入账号密码即可连接上服务器（如果配置公钥，就不用再输入密码了，更加安全）记得去阿里云的ECS的控制台，看看安全组中，是否
-
教你用JavaScript实现表情评级
案例介绍欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，做一个表情评价程序。用户打星进行评价，表情会根据具体星星数量发生变化。案例演示点击星星可以进行满意程度评价，星星数量变换表情也会随之变换。源码学习进入核心代码学习，我们先来看HTML中的核心代
-
开局一张图，构建神奇的 CSS 效果
假设，我们有这样一张Gif图：利用CSS，我们尝试来搞一些事情。图片的GlitchArt风在这篇文章中--CSS故障艺术，我们介绍了利用混合模式制作一种晕眩感觉的视觉效果。有点类似于抖音的LOGO。像是这样：假设，我们有这样一张图：只需要一个标签即可<divclass="mix"><
-
JS中的相等性判断
一、ES2015中有四种相等算法1.抽象（非严格）相等比较。（==）2.严格相等比较。（===）3.同值。(Object.is())4.同值零。二、JavaScript提供三种不同的值比较操作1.严格相等比较，使用===比较符号。（在两者进行比较时，不会执行类型转换）2.抽象相等比较，使用==比较符
-
White Rose设计与架构的想法分享
在七牛云校园黑客马拉松中，一款设计优秀、逻辑清晰的白板作品脱颖而出，获得第二名的好成绩，这就是来自郑州大学Since团队的WhiteRose白板，以下是他们的设计和架构分享。一、前言WhiteRose是参加七牛云hackathon比赛的作品，赛题的主要内容是开发一个「多人协作白板」，旨在鼓励在校大学
-
记录--教你用three.js写一个炫酷的3D登陆页面
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言：该篇文章用到的主要技术：vue3、three.js我们先看看成品效果：高清大图预览（会有些慢）：座机小图预览：废话不多说，直接进入正题Three.js的基础知识想象一下，在一个虚拟的3D世界中都需要什么？首先，要有一个立体的空间，其次
-
Vue的基础知识（二）
本章将继续和大家分享Vue的一些基础知识。话不多说，下面我们直接上代码：本文内容大部分摘自Vue的官网：https://v2.cn.vuejs.org/v2/guide/一、计算属性示例如下：<!DOCTYPEhtml><htmllang="en"><head>&
-
从面试题入手，畅谈 Vue 3 性能优化
前言今年又是一个非常寒冷的冬天，很多公司都开始人员精简。市场从来不缺前端，但对高级前端的需求还是特别强烈的。一些大厂的面试官为了区分候选人对前端领域能力的深度，经常会在面试过程中考察一些前端框架的源码性知识点。Vuejs作为世界顶尖的框架之一，几乎在所有的面试场景中或多或少都会被提及。笔者之前在蚂蚁
-
记录--可视化大屏-用threejs撸一个3d中国地图
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助不想看繁琐步骤的，可以直接去github下载项目，如果可以顺便来个star哈哈本项目使用vue-cli创建，但不影响使用，主要绘制都已封装成类1、使用geoJson绘制3d地图1.1创建场景相关?1234567891011121314151
-
认识一下 Mobx
我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：霜序(LuckyFBB)前言在之前的文章中，我们讲述了React的数据流管理，从props→context→Redux，以及Redux相关的三方库React-Red
-
day35-JSON&Ajax03
JSON&Ajax034.jQuery的Ajax请求原生Ajax请求问题分析：编写原生的Ajax要写很多的代码，还要考虑浏览器兼容问题，使用不方便在实际工作中，一般使用JavaScript的框架（比如jquery）发动Ajax请求，从而解决这个问题。4.1jQueryAjax操作方法在线文档
-
Vue中关于数组与对象修改触发页面更新的机制与原理简析
Vue中关于数组与对象修改触发页面更新的机制与原理简析相关问题数组使用索引直接赋值与直接修改数组length时，不会触发页面更新。例如：<script>exportdefault{name:"HomeView",data:()=>({list1:["A","B"],}),metho
-
第一百一十一篇:基本引用类型Date
好家伙，本篇为《JS高级程序设计》第五章的学习笔记 1.基本引用类型引用值（或者对象）是某个特定引用类型的实例，在ECMAScript中，引用类型是把数据和功能组织到一起的结构，（像极了“类”）经常被人错误的称作“类”。虽然从技术上讲JavaScript是一门面向对象语言，但是ECMASc
-
一文明白：JavaScript异步编程
同步和异步#JS是单线程#JavaScript语言的一大特点是单线程，同一时间只能做一件事（单线程的JS就是一个傻子，脑子一根筋，做着当前的这件事情，没有完成之前，绝对不会做下一件事情）当然，这是由其诞生的初衷所决定的——处理页面中用户的交互，以及操作DOM用户不可能同时进行两个操作，边添加边删除当
-
JS执行机制及ES6
1|0一、JS执行机制JS语言有个特点是单线程，即同一时间只能做一件事。单线程就意味着，所有的任务需要排队，前一个任务结束，才会执行后一个任务，可能造成页面渲染不连贯。为了解决这个问题，利用多核CPU的计算能力，允许JS脚本创建多个线程，即同步和异步。同步任务：同步任务都在主线程上执行，形成一个执行
-
记录--记一次前端CSS升级
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助目前平台前端使用的是原生CSS+BEM命名，在多人协作的模式下，容易出现样式冲突。为了减少这一类的问题，提升研效，我调研了业界上主流的7种CSS解决方案，并将最终升级方案落地到了工程中。样式冲突的原因目前遇到的样式冲突的原因，其实根本原因还
-
JS中URLSearchParams的基本用法
本章将和大家分享JS中URLSearchParams的基本用法。话不多说，下面我们直接来看代码。一、JS中URLSearchParams的基本用法<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"&
-
第一百一十二篇: JS数组Array（一）数组基本用法
好家伙， 1.数组Array应该就是ECMAScript中最常用的类型了。ECMAScript数组跟其他编程语言的数组有很大区别。跟其他语言中的数组一样，ECMAScript数组也是一组有序的数据，但跟其他语言不同的是，数组中每个槽位可以存储任意类型的数据。这意味着可以创建一个数组，它的第
-
教你用JavaScript实现实时字符计数器
案例介绍欢迎来到我的小院，我是霍大侠，恭喜你今天又要进步一点点了！我们来用JavaScript编程实战案例，做一个实时字符计数器。用户在指定位置打字，程序实时显示字符数量。案例演示在编辑框内输入字符，下方实时记录数字，且输入有数量限制，输入超出限制的字符后就无法再继续输入。源码学习进入核心代码学习，
