搞前端的半夏的博客_CSDN博客-精通CSS,前端网站模板（毕设，外包，自学）,零基础学JavaScript领域博主

原创 2022 年你应该尝试的 8个 JavaScript 新功能

大家好，我是半夏????，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 ???? 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识！点我探索新世界！扫码或搜索添加文末公众号「搞前端的半夏」：???? 硬核资料：领取1000+PPT模板、100+简历模板、行业经典书籍PDF。???? 回复 ”网站模板“，免费送网站模板！???? 回复 ”面试“：免费送你面试题库！???? 加我：frontendpicke

2022-01-17 15:44:25 4351 28

原创使用Vue3学习Vue的基础知识

文末抽书创建 Vue 应用vue的安装有多种方式，本文只讨论基础知识，其他安装方式请自行查阅官网https://v3.cn.vuejs.org/guide/installation.html本文使用CDN。创建一个名为的文件夹 vue3-baseindex.html 在“vue3-base”里面app.js 在“vue3-base”里面创建 HTML 文件创建应用程序文件夹和文件后，打开index.html文件并添加以下 HTML 代码：复制<!DOCTYPE html&

2021-12-30 17:43:37 31940 9

原创 Vue3入门到精通--reactive以及reactive相关函数

是什么将引用类型数据–>响应式数据 ==> 把值类型的数据包装编程响应式的引用类型的数据object array map set weakmap weakset函数reactive参数必须是对象(json/arr)默认情况下修改对象, 界面不会自动更如果想更新, 可以通过重新赋值的方式本质: 将传入的数据包装成一个Proxy对象用法创建变量案例1import {reactive} from 'vue';let state = reacti

2020-10-30 17:34:25 16190 22

原创 Vue3入门到精通--ref以及ref相关函数

是什么将基础数据–>响应式数据 ==> 把值类型的数据包装编程响应式的引用类型的数据函数通过返回值的 value 属性获取响应式的值，修改也需要对 .value进行修改。获取元素在Vue2.x通过给元素添加ref=‘xxx’,,然后使用refs.xxx的方式来获取元素在Vue3.x中我们也可以通过ref来获取元素用法创建变量import { ref } from 'vue'const count = ref(0)console.log(coun

2020-10-27 14:58:38 13875 13

原创 Vue3入门到精通-setup

1. 是什么组合（composition）API的入口2.参数(props,context)props父组件传递的propsfather<template> <div> <child :dataFromFather="name" > </child> </div></template><script >import { ref } from "@vue/runtime-core

2020-10-27 11:29:56 12821 11

原创 for of 和 for in 的区别

一般用于遍历对象的可枚举属性。以及对象从构造函数原型中继承的属性。对于每个不同的属性，语句都会被执行。不建议使用for in 遍历数组，因为输出的顺序是不固定的。如果迭代的对象的变量值是null或者undefined, for in不执行循环体，建议在使用for in循环之前，先检查该对象的值是不是null或者undefined for of...

2018-05-23 09:47:46 41649 2

原创 23-职位分类展示平台响应式网页模板{HTML JS CSS）

关注专栏《[前端网站模板](https://blog.csdn.net/shangyanaf/category_11554217.html)》，自用，作业，外包。你想要的全都有，持续更新，励志更新1000套模板！！本专栏为纯前端网站模板，提供海量精美免费网站模板、企业网站模板、html模板网站、公司网站模板、手机网站模板、自适应网站模板等免下载使用，覆盖全行业，0门槛建网站。一站式解决建站需求，功能强大，seo优化简单，收录快。

2022-11-27 00:01:42 35

原创 Javascript 中的堆、栈、引用和值指南

堆栈的大小也是有限的。与堆栈相比，堆存储的主要区别在于，如果我们再次引用一个对象，则引用保持不变。从堆中访问和检索数据稍微复杂一些，但数据存储是动态的——这意味着它会在需要时扩展，并且不受限制。如果定义的不是原始类型而是对象，则它存储在堆中。但是，比较两个对象，通过引用比较它们。即使它们的值相同，它们也不相等，因为它们的引用不同。这意味着如果我们在 Javascript 中重新定义一个变量，它就会变成一个全新的值。当某些东西存储在堆栈中时，它是按值存储的。当某些东西存储在堆中时，它是通过引用存储的。...

2022-08-29 08:47:36 147

原创 Javascript 可选链

可选链非常有用，并且得到广泛支持（不包括 Internet Explorer）。它几乎可以与属性、数组或函数的任意组合一起使用，具体取决于返回类型。obj?obj[index]?.property。

2022-08-22 20:18:28 1334

原创《21天精通TypeScript-6》-数组类型

如果我们有一个数组，我们可以在 TypeScript 中使用type[]定义它的类型。例如，下面的变量arrayType是一个字符串数组。这也使任何新增加的数组项都必须符合该类型。

2022-08-08 23:26:26 107

原创《21天精通TypeScript-5》类型注解与原始类型

原始数据类型包括：boolean、number、string、`null`、`undefined` 以及 ES6 [`Symbol`](http://es6.ruanyifeng.com/#docs/symbol) 和 ES10 [`BigInt`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/BigInt)。

2022-07-31 13:33:17 110

原创《21天精通TypeScript-4》-类型推断与语义检查

在TS中，当我们给一个变量初始化是字符串类型，后面我们又给他分配了数字类型！TS会抛出具体的错误信息。这也就是TS的类型推断。

2022-07-25 10:51:43 169 13

原创 WEB前端大作业-新业务上线倒计时响应式网页模板（HTML JS CSS）

使用模板建站，周期较快。甚至可以达到量产网站，很大程度上给企业节约了成本。在建站的过程中，省去了需求分析的环节，不需要美工精心设计，并且不需要前台的页面搭建和功能程序的编写，模板提供的都是现成的东西，只要更改下网站文字内容和风格就能使用了。2.客户主动选择。因为模板都是现成的，所以能根据客户的需求和意愿进行灵活的选择，使客户的选择余地扩大，这样就避免了不必要的纠纷和分...

2022-07-10 21:29:31 142

原创 WEB前端大作业-个人资料展示响应式网页模板（HTML JS CSS）

使用模板建站，周期较快。甚至可以达到量产网站，很大程度上给企业节约了成本。在建站的过程中，省去了需求分析的环节，不需要美工精心设计，并且不需要前台的页面搭建和功能程序的编写，模板提供的都是现成的东西，只要更改下网站文字内容和风格就能使用了。2.客户主动选择。因为模板都是现成的，所以能根据客户的需求和意愿进行灵活的选择，使客户的选择余地扩大，这样就避免了不必要的纠纷和分...

2022-07-10 17:22:31 19611

原创《21天精通TypeScript-3》-安装搭建TypeScript开发环境.md

本着让天下没有难学的TypeScript，笔者在熟读官方文档，MDN的基础上，以**会**和**用**为根本目标，带着大家学会TypeScript的基础知识！本专栏，不设文章上限，一直更，更到大家都学会为止。

2022-07-04 10:25:01 108 5

原创 WEB前端大作业-儿童礼物礼品商城响应式网页模板（HTML JS CSS）

使用模板建站，周期较快。甚至可以达到量产网站，很大程度上给企业节约了成本。在建站的过程中，省去了需求分析的环节，不需要美工精心设计，并且不需要前台的页面搭建和功能程序的编写，模板提供的都是现成的东西，只要更改下网站文字内容和风格就能使用了。2.客户主动选择。因为模板都是现成的，所以能根据客户的需求和意愿进行灵活的选择，使客户的选择余地扩大，这样就避免了不必要的纠纷和分...

2022-07-03 15:53:55 108 1

原创关于网页中的文本选择以及统计选中文本长度

❝大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：「frontendpicker」，一起学习交流前端，成为更优秀的工程师～关注公众号：**搞前端的半夏**,了解更多前端知识! 点我探索新世界！❞❝原文链接 ==>http://sylblog.xin/archives/100❞前言我翻开以往敲下的代码，这该死的没有灵魂的代码，歪歪斜斜的每个函数上都写着“复制粘贴”四个字。我横竖睡不着，仔细看了半夜，才能字缝里看出字来，满屏都写着两个字“

2022-07-02 09:54:06 113

原创【评论送书】适合初学者的 6 个有趣的 R 语言项目

你目标是在数据分析领域从事职业吗？那你来对地方了！如今，数据分析在多个行业中发现了广泛的应用；数据的识别和分析有助于提升企业的效率和利润。数据科学项目不仅可以增强你在该领域的知识，还可以让你在简历中展示你的数据分析能力。巧妙地处理大量数据集的能力使熟练的数据科学家与众不同，而实时数据科学项目是磨练编码技能的完美方式。要获得数据科学方面的专业知识，请查看我们的数据科学课程。在本文中，我们将讨论 R 编程语言——什么是 R、R 在数据科学中的用途，以及一些R 项目主题，以帮助你掌握数据科学。在我们谈论R 项目思

2022-06-28 10:08:30 7878 53

原创 JavaScript 中的空值合并运算符和 ?.（可选链操作符）

空值合并运算符（ Nullish Coalescing Operator ）是一个逻辑运算符，使用**??表示！主要作用是检查一个值是否是null**或者undefined，如果是则返回运算符后面的值，你可以把这个后面的值当作备胎！类似相亲，会判断你是不是穷逼，如果你是穷逼，则会毫不犹豫的选择备胎！例如：如果这里的X 不是null或者undefined，否则返回Y！我们可以将**??**等价于根据空值合并运算符的定义，这里a的是0。这个例子中的a都是1。逻辑或运算符的作用是当左边的值是假值是，返回右

2022-06-21 09:49:30 1021 18

原创取代前端er？PyScript到底是何方神圣

PyScript是一个由Anaconda 推出的框架！它允许我们在浏览器中使用Python！通过PyScript我们可以在浏览器中运行许多运行许多流行的Python包和科学堆栈（如numpy，pandas，scikit-learn等）！PyScript是一个使用servlet+TypeScript编写的单页面应用程序（SPA）,它允许我们使用python来搭建不必与服务器他通信的交互式网站！PyScript依赖于Pyodide。Pyodide 带有一个强大的 Javascript ⟺ Python 外部函数

2022-06-17 09:42:04 2268 13

原创永别了，IE

从2022-6-15，微软边已经不再支持IE浏览器。这个拥有26年历史的浏览器终于走到尽头！相信看到这个消息，还在兼容IE的前端同学应该是最开心的！在未来的几个月里，打开IE浏览器，将会提示用户转到支持IE模式的Edge浏览器！也就是说不必担心WEB应用程序出现不兼容的情况，用户可以自行选择使用以IE 模式打开WEB应用程序！1995 年，Web 迅速成为微软的重中之重。当时的微软首席执行官比尔盖茨在一份备忘录中宣称：网络开发将在未来很长一段时间内为我们的行业设定方向”。微软在 Windows 95 操作系

2022-06-15 23:28:42 191

原创眼疾手快，真男人就来合成粽子三兄弟

按下任意键，即开始游戏每按下一次任意键，一行停止滚动三次之后，游戏结束！合成下面图片即为成功！通过将原始图片三等分，得到每一行的图片。这里的图片其实是背景图片！使用@-webkit-keyframes来编写background-position的位置，因为有三个粽子，并且需要计算合成的结果。所以一共有三个background-position的动画。每次的动画位置，都只滚动背景图片的33%。这里我们滚动的方向移动有两个，从左往右，从右往左！每次的滚动位置，我们都用变量的进行保存！无限滚动实现思路：使用s

2022-06-08 10:54:13 7614

原创 HTML-CSS前端大作业一站式教育机构响应式前端网页网站模板

　对于教育机构来说，**建设网站**可以带来更好的宣传效果、塑造品牌价值，而应用网站模板又可以大大减轻建站压力

2022-06-01 23:53:30 7876

原创简单奇妙，CSS开发者的8个有趣CSS

例如我们将光标设置为蓝色3 内容选中的效果这里设置文本选中的颜色是绿色示例：6 用户可调整元素的大小注意：除非将属性设置为以外的其他值，否则什么都不做，visible是大多数元素的默认值。8 打字机效果

2022-06-01 23:42:37 7792 3

原创 2022过半，Node你会用了吗

前言Node是什么？**用官方术语来说，Node.js 是一个运行在 Chrome 的 V8 引擎上的 JavaScript 运行时。**还是有点复杂？简单来说，Node.js 允许开发人员在后端运行 JavaScript，我们可以使用 JavaScript 构建 Web 服务器。在 Node.js 之前，你只能在浏览器中运行 JavaScript，它被用来使网站具有交互性。但是你不能在其他地方运行 JavaScript。它只是在客户端。当 Node.js 在 2009 年发布时，它改变了这一点！它首

2022-05-28 15:22:56 2099 2

原创 CSS性能优化指南

大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探索新世界！浏览器是如何加载网页的我们知道浏览加载网页，大概经历了一下几个步骤：浏览器获取到html文档。浏览器将HTML文件转化成一个DOM（Document Object Model）浏览器会获取取比如嵌入到页面的图片、视频和CSS样式。浏览器拉取到CSS.

2022-05-23 17:10:08 11391 5

原创《21天精通TypeScript-2》-强类型与弱类型

类型类型这个词在不同的用法，例如在数学领域，会有类型论。在计算机科学中，我们通常讨论数据类型（Data type）和类型系统（Type system数据类型在程序设计的类型系统中，数据类型（英语：Data type），又称资料型态、资料型别，是用来约束数据的解释。在编程语言中，常见的数据类型包括原始类型（如：整数、浮点数或字符）、多元组、记录单元、代数资料类型、抽象数据类型、参考类型、类以及函数类型。资料类型描述了数值的表示法、解释和结构，并以算法操作，或是对象在存储器中的存储区，或者其它存储设.

2022-05-23 16:52:47 2854 18

原创使用AWS Amplify可视化构建部署Vue应用程序

📝 前言作为一个专注前端开发的切图仔，平时想开发个全栈系统是真的难！不会Java，不会Python，不会PHP。没法写接口，只能搞个静态网站，真的好烦恼！想搭建个人博客网站，也只能是VuePress，GithubPage 这种的！数据不能永久储存！没办法，还是得搭建一个全栈的项目，我找到了类似halo这种的，面对复杂的部署上线，明明是按照官方的文章去部署的，却总是各种环境异常，不知名的BUG，我又一次放弃了。万念俱灰时，AWS Amplify救世主一般出现在我的面前。几分钟，我就上手了AWS Ampl

2022-05-23 15:36:49 9773

原创跳动的“loading”，个个都很惊艳

大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探索新世界！原文链接 ==>http://sylblog.xin/archives/72前言喜欢的求个免费的赞为什么会写这种文章呢？平时开发的时候，我们遇到加载，要么是 UI 框架中自带，要么就是百度，然后 CV 到项目中？但是，自己实现的时候，又会没有思路。久而久之，.

2022-05-18 09:51:45 1121 1

原创《21天精通TypeScript-1》-TS概述与简介

目录简介版本历史为什么选择TSTS的功能简介TypeScript是由Microsoft开发和维护的开源面向对象语言，他是Javascript的超集，不能直接在浏览器上运行，需要编译成Javascript。TypeScript 是在 Anders Hejlsberg 的领导下开发的，他还领导了 C# 语言的创建。TypeScript 于 2012 年 10 月首次发布。TypeScript 代码写在一个带有.ts扩展名的文件中，然后使用 TypeScript 编译器编译成 JavaScript。Typ.

2022-05-16 21:58:00 446

原创《21天精通TypeScript》专栏导读

大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探索新世界！零、专栏地址https://blog.csdn.net/shangyanaf/category_11822476.html一、本专栏的目的犹记笔者初学TypeScript时，菜鸟教程，官方文档，看的是迷迷糊糊，要么是太简单，要么是太难！浮于表面，难以理解，总是游走.

2022-05-16 21:43:07 356

原创用HTML CSS JS 实现一个工作招聘平台展示响应式网站

主页：搞前端的半夏简介：前端领域优质创作者。扫码或搜索添加文末公众号「搞前端的半夏」：🍗 回复 ”网站模板“，免费送网站模板！欢迎点赞 👍 收藏 ⭐留言 📝 私信📄N++网站模板源码链接：https://pan.baidu.com/s/1ZoEYDLVwy6-kXQbLOpFIdw?pwd=3zuu本网站可以作为一个公司内部的招聘平台，同时也可以作为第三方人力资源自建的岗位库，最重要的你可以利用它自建一个招聘平台！充满无限商机！！！为什么要搭建网站招聘平台。1、灵活性网络招聘没有时间和.

2022-05-16 17:12:41 1127 1

原创 backdrop-filter,让你的网站熠熠生”毛’

大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探索新世界！原文链接 ==>http://sylblog.xin/archives/42前言不知道大家有没有经常看到这种设计。这种效果我们称之为毛玻璃效果。相信使用苹果的同学会很熟悉这种设计。backdrop-filter 可以说是 CSS 中为毛玻璃量身定制的一.

2022-05-13 09:01:43 5288 3

原创家里6只猫，我是如何分辨品种？前端程序员的AI识猫

前言作为一个资深的养猫认识，家里第一只猫是一只英短，第二只是美短，不得不多，猫的种类还是挺多的。后面随着见的猫越来越多，才知道猫的品种是真的多，CFA（Cat Fanciers’Association）承认的纯种猫总共有42个品种。TICA（The International Cat Association）目前认可的品种总共有71个。我一个养猫的都记不住，更何况哪些不养猫的。有些想养猫的，却不知道看上的是哪种品种的猫，只能任由卖主说，自己啥都不知道。针对这些场景，我觉得做一个AI识宠物，是必须且紧急的。

2022-05-11 23:19:52 5061 3

原创几种解决JS数字精度丢失的方法

在JavaScript中计算两个十进制数的和，有时候会出现令人惊讶的结果，相信这个大家也都知道了！精度丢失例如，我们在计算0.1 + 0.1得到的结果是0.2，但是计算0.1 + 0.2的结果并不是0.3,而是0.30000000000000004这种现象不仅出现在加法，在减法中也会出现类似的结果。例如1.2 - 1的结果是0.19999999999999996不过这并不是JavaScript独有的，其他编程语言也会存在同样的问题。例如在Python环境下输出。print(.1 + .2)

2022-05-11 08:30:00 5378

原创 WEB前端大作业-速拍摄影服务响应式网页模板（HTML JS CSS）)

主页：搞前端的半夏简介：前端领域优质创作者。扫码或搜索添加文末公众号「搞前端的半夏」：🍗 回复 ”网站模板“，免费送网站模板！欢迎点赞 👍 收藏 ⭐留言 📝 私信📄你还在未HTML网页设计作业头大吗？你还在为自学前端，没有项目练手苦恼吗？你还在为外包项目没有模板难受吗?关注专栏《前端网站模板》，自用，作业，外包。你想要的全都有，持续更新，励志更新1000套模板！！N++网站模板源码链接：https://pan.baidu.com/s/1ZoEYDLVwy6-kXQbLOpFIdw?.

2022-05-10 08:30:00 3701 2

原创通关这8个游戏，保证你能精通CSS

在知乎上随便一艘，CSS难学，就会找到很多关于CSS为什么这么难学的提问？各种回答都有，但是我觉得在游戏中学习CSS是最好的，毕竟人的天性就是爱玩。以以 Flexbox 布局为例。弹性容器的属性justify-content可以有12 个不同的值，我们要怎么记住呢？在Flexbox Froggy这款游戏就可以很快学会并记住。下面出现的8个游戏，请一定要好好利用，通过这8个游戏，你一定能精通CSS。1. Flexbox Defense我只是提到了这个游戏。它涵盖了 flex 属性align-items

2022-05-10 08:00:00 4256 2

最新版蚂蚁前端核心面经

Make it Native 9_1.0.6.apk

软件过程与管理实验

空空如也