【JS30】JavaScript 30天练习 第七天 函数 📔 第 7 天 函数之前的介绍中用到了许多内置的 JavaScript 函数。 本节将重点介绍自定义函数。什么是函数？ 在开始创建函数之前，需要先了解一下函数是什么以及为什么需要函数。函数是指在执行特定任务的可重用代码块或编程语句。函数由函数关键字后+名称和括号 () 声明。括号可以带参数。如果一个函数接受一个参数，它将被调用参数。 函数也可以采用默认参数。 要将数据存储到函数中，函数必须返回某些数据类型。 以便调用函数或调用函数的结果值。函数的代码要求：干净易读可重复使用易于测试可
【JS30】JavaScript 30天练习 第六天 循环 📔 Day 6 循环循环我们在生活中所做的大部分活动都充满了重复，繁琐且重复的任务可以使用循环来执行。在执行重复性任务的编程语言中，我们使用不同类型的循环。 以下示例是 JavaScript 和其他编程语言中常用的循环。for 循环// for循环结构for(初始化; 条件; 变化方式){ // code goes here}for(let i = 0; i <= 5; i++){ console.log(i)}// 0 1 2 3 4 5for(let i = 5
【自用】UniApp 拍照加动态水印 项目要求：在隐患巡查系统中，上报隐患时需要在图片上叠加隐患名称、隐患位置和上报时间。最终效果：操作过程：1. 使用uni-app商店中的hpy-watermark组件，可在uni-app商店中下载，亦可直接复制以下内容作为组件。<template> <view class="watermark-content"> <canvas canvas-id="watermarkCanvas" :style="{width:canvasWidth+'p
【JS30】JavaScript 30天练习 第五天 数组 📔 第 5 天数组与变量相比，数组可以存储_多个值_。数组中的每个值都有一个 index ，每个索引都有 一个内存地址中的引用 。每个值都可以通过使用它们的 index 来访问。数组的索引从 0 开始，最后一个元素的索引比数组的长度少一。数组是有序且可变（可修改）的不同数据类型的集合。数组允许存储重复元素和不同的数据类型。数组可以为空，也可以具有不同的数据类型值。如何创建一个空数组在 JavaScript 中，可以用不同的方式创建数组。使用 const 而不是 let 来声明数组变量是
【自用】防抖和节流函数 防抖和节流的用法（Vue）1. 在公共方法中（如 public.js 中），加入函数防抖和节流方法// 防抖export function _debounce(fn, delay) { var delay = delay || 200; var timer; return function () { var th = this; var args = arguments; if (timer) { cle
【JS30】JavaScript 30天练习 第四天 条件语句 📔 Day 4 条件语句条件语句条件语句用于根据不同的条件做出决策。默认情况下，JavaScript 脚本中的语句从上到下顺序执行。但是根据逻辑需要，可以通过以下两种方式改变执行的顺序流程：条件执行：如果某个表达式为真，将执行一个或多个语句块重复执行：只要某个表达式为真，就会重复执行一个或多个语句块。在本节中，将介绍 if、else、else if 语句。在前几节中学习的比较和逻辑运算符在这里会很有用。条件可以通过以下方式实现：ifif elseif else if else
【JS30】JavaScript 30天练习 第三天 JavaScript数据类型（二） ???? 第 3 天 JavaScript数据类型（二）布尔值（Boolean）布尔数据类型表示以下两个值之一：真 true 或 假 false。布尔值是真或假。 当使用比较运算符时，利用布尔值将一目了然。 任何比较都会返回一个布尔值，该值为真或假。示例：布尔值let isLightOn = truelet isRaining = falselet isHungry = falselet isMarried = truelet truValue = 4 > 3 // true
【JS30】JavaScript 30天练习 第二天 JavaScript数据类型（一） ???? 第 2 天 JavaScript数据类型（一）数据类型在上一节中，我们提到了一点关于数据类型的内容。 数据或值具有数据类型。 数据类型描述了数据的特征。 数据类型可以分为两种：基本数据类型引用数据类型原始数据类型JavaScript 中的原始数据类型包括：Number：整数、浮点数String：单引号、双引号或反引号下的任何数据Boolean：真或假值Null：空值或无值undefined：一个没有值的声明变量symbolJavaScript 中的非原始数据类型包
【JS30】JavaScript 30天练习 第一天 简介 ???? 第一天 简介本文参考了GitHub项目 Asabeneh/30-Days-Of-JavaScript，该项目只有英语、俄语和西班牙语，对中国新生代农民工不是很友好。本人在翻译的过程中也对原文进行了一些修改，有问题还望读者指出。介绍祝贺您决定参加为期30天的JavaScript编程挑战。在这个挑战中，您将学习成为JavaScript程序员所需要的一切。30DaysOfJavaScript编程挑战是一个针对初学者和高级JavaScript开发人员的指南。欢迎来到JavaScript。
【自用】uni-app中使用自定义字体 步骤一：拿到自定义字体包 首先要得到自定义字体包（后缀名为.ttf, .otf, .eot等格式的字体包），可自行下载也可以问UI要字体包。步骤二：判断字体包是否需要转换 由于小程序不支持在 css 中使用本地字体文件，需以base64方式方可使用。而字体文件小于 40kb 时，uni-app 会自动将其转化为 base64 格式，但大于等于 40kb，需人工手动转换。字体转换网站步骤三：字体引入将导出的字体文件中的 *.ttf 文件放入项目 static 文件夹中，并在 App.vue st
【自用】Vue项目中使用自定义字体样式 步骤一：拿到自定义字体包 首先要得到自定义字体包（后缀名为.ttf, .otf, .eot等格式的字体包），可自行下载也可以问UI要字体包。步骤二：在项目文件夹中进行放置自定义字体包的配置在项目assets文件夹下新建font文件夹，将拿到的字体包放在font文件夹中；新建一个font.css文件步骤三：font.css文件配置 在font.css文件中定义所用字体@font-face { font-family: 'ZI DING YI'; /* 重命名字体名 */
Vue项目使用svg图标 Vue项目使用svg图标一. svg图标介绍二. svg图标的获取方式三. Vue项目使用svg图标的环境配置四. Vue项目使用svg图标的项目配置一. svg图标介绍svg图标是用作Web应用程序或移动应用程序内的图标或图像按钮。图标使用svg的优点：可以轻松地按比例放大和缩小图标，具体取决于要在应用程序中显示的位置以及显示应用程序的屏幕尺寸。svg图标具有优于位图图形的优点，即按比例放大或缩小时它们仍然看起来不错。位图图形在按比例放大时趋于像素化，而在按比例缩小时会失去质量（像素）。
调整VScode中Vue的自动格式化设置 VScode的Vue格式化插件Vetur的使用过程中，格式化出来的代码并不美观，可以进行如下设置：打开VScode的 >文件 > 首选项 >设置>拓展>Vetur找到如下图所示的区域将setting.json文件替换为如下代码{ "[html]": { "editor.defaultFormatter": "lonefy.vscode-JS-CSS-HTML-formatter" }, "[javascript]": {
造GeoJSON的轮子 GeoJSONGeoJSON是一种对各种地理数据结构进行编码的格式，基于Javascript对象表示法的地理空间信息数据交换格式。GeoJSON对象可以表示几何、特征或者特征集合。GeoJSON支持下面几何类型：点、线、面、多点、多线、多面和几何集合。GeoJSON里的特征包含一个几何对象和其他属性，特征集合表示一系列特征。一个完整的GeoJSON数据结构总是一个（JSON术语里的）对象。在GeoJSON里，对象由名/值对——也称作成员的集合组成。对每个成员来说，名字总是字符串。成员的值要么是字符串、数
前端屏幕适配 屏幕适配，一直是作为一个前端开发始终逃不掉的问题，这个话题可以追溯到最开始的PC端浏览器的不同分辨率，再到移动端不同的屏幕尺寸，一直伴随着前端工程师的日常的页面开发工作。所谓屏幕适配，可以理解为一个网页元素或者网页布局，在不同尺寸，分辨率等场景下，如何呈现最佳的效果。造个轮子给自己看。。。移动web必会技能–屏幕适配（物理像素CSS像素）前端响应式布局原理与方案（详细版）浅谈-web屏幕适配的解决方案...
关注
