09 2021 档案
摘要：vue提供install可供我们开发新的插件及全局注册组件等install方法第一个参数是vue的构造器，第二个参数是可选的选项对象 export default { install(Vue,option){ 组件 指令 混入 挂载vue原型 } } 全局注册组件 import PageTools
阅读全文
摘要：一、前言:在这个鼎盛的电商时代各种直播带货或者自主逛宝购物，我们对商品的认知和了解进一步查看详情，发现我们的商品可以放大观看,于是心血来潮运用前端技术Vue框架，写了一个类似放大镜的功能 二、 实现思路:对原图的显示空间（left） 可以将显示原图可 img 换成canvas，来对图片行进行保护 ，
阅读全文
摘要：v-for：列表循环指令 例1：简单的列表渲染 <!-- 1、简单的列表渲染 --> <ul> <li v-for="n in 10">{{ n }} </li> </ul> <ul> <!-- 如果想获取索引，则使用index关键字，注意，圆括号中的index必须放在后面 --> <li v-fo
阅读全文
摘要：1、单向绑定数据v-bind 你看到的 v-bind 特性被称为指令。指令带有前缀 v- 除了使用插值表达式{{}}进行数据渲染，也可以使用 v-bind指令，它的简写的形式就是一个冒号（:） 2、双向绑定数据v-model data: { searchMap:{ keyWord: '素小暖' }
阅读全文
摘要：简介PHP （超文本预处理器）原始为Personal Home Page的缩写，已经正式更名为 "PHP: Hypertext Preprocessor"。自20世纪90年代国内互联网开始发展到现在，互联网信息几乎覆盖了我们日常活动所有知识范畴，并逐渐成为我们生活、学习、工作中必不可少的一部分。据统
阅读全文
摘要：Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。 Vue.js 路由需要载入 vue-router 库 1、引入js <script src="vue.min.js"
阅读全文
摘要：分析生命周期相关方法的执行时机 // 创建时的四个事件 beforeCreate() { // 第一个被执行的钩子方法：实例被创建出来之前执行 console.log(this.message) //undefined this.show() //TypeError: this.show is no
阅读全文
摘要：组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 1、局部组件 var app = new Vue({ el: '#app', //
阅读全文
摘要：一、简介 Vue(读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三方库或既有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开
阅读全文
摘要：Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 本文链接：http
阅读全文
摘要：每个 Vue 应用都需要通过实例化 Vue 来实现。 语法格式如下： var vm = new Vue({ // 选项 }) 接下来让我们通过实例来看下 Vue 构造器中需要哪些内容： <div id="vue_det"> <h1>site : {{site}}</h1> <h1>url : {{u
阅读全文
摘要：我们使用了 npm 安装项目，我们在 IDE（Eclipse、Atom等） 中打开该目录，结构如下所示： 目录解析 目录/文件说明 build 项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 s
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：目录 BOM window对象 系统对话框方法 定时任务方法 location对象 查询字符串参数 位置操作 navigator对象 history对象 BOM ECMAScript 是 JavaScript 的核心，但如果要在 Web 中使用 JavaScript，那么 BOM(浏览器对象模型)则
阅读全文
摘要：在下午学习JavaScript数组的过程中，多次用到了比值函数 比值函数function( a, b )是和JavaScript里的sort( )函数一起使用的，比值函数嵌套在sort( )函数的圆括号里 为什么要用比值函数？ sort() 以字母顺序对数组进行升序排序 而数字顺序sort( )无法
阅读全文
摘要：//参考排序的数组 var arr = [3, 2, 5, 1, 4] 第一种 这种方法冒泡排序 比较相邻的两个元素,如果前一个比后一个大，则交换位置。第一轮把最大的元素放到了最后面。由于每次排序最后一个都是最大的，所以之后按照步骤1排序最后一个元素不用比 function arr_sort(dat
阅读全文
摘要：css样式 <style> * { cursor: pointer; } span { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid
阅读全文
摘要：斐波那契数列：斐波那契数列指的是这样一个数列： “ 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233，377，610，987，…” 这个数列从第3项开始，每一项都等于前两项之和。 递归求斐波那契数列 这个函数的功能是求任意项的斐波那契数列 //统计
阅读全文
摘要：递归函数 简单来说，递归函数就是自己调用自己，然后在一定条件下会停止或者跳转递归。 简单的递归 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text
阅读全文
摘要：穷举思想 实际案例中，可能需要找到一些有规律的数据，但是计算机没办法自动智能筛选所要的数据，只能程序员自己书写一段代码，让计算机根据代码去进行筛选 穷举思想：是一种解决问题的方法，将所有的需要数据所在的范围内所有的数据都一一列举出来，再根据规律的条件对所有这些数据进行筛选，这种方式就是穷举法 穷：穷
阅读全文
摘要：试试用JS制作一个九九乘法口诀吧 。（提示：JS循环嵌套） 能否在不看下面参考代码的情况下，独立写出满足要求的JS代码呢？ 参考代码： for (var i = 1; i <= 9; i++) { for (var j = 1; j <= i; j++) { document.write(j + "
阅读全文
摘要：JS中的事件： 概念：某些组件被执行了某些操作后，触发某些代码的执行。 事件：某些操作。如： 单击，双击，键盘按下了，鼠标移动了 事件源：组件。如： 按钮 文本输入框… 监听器：代码。 注册监听：将事件，事件源，监听器结合在一起。 当事件源上发生了某个事件，则触发执行某个监听器代码。 1、常用事件
阅读全文
摘要：js的运算符 转自：https://www.cnblogs.com/wang1can/p/12629347.html 一、算术运算符（+、-、*、/、%） 1、“+”分为字符相加和数值相加 2、“-”、“*”、“/”、“%”都是隐式转换为数值运算， 二、赋值运算（+=、-=、*=、/=、%=） 赋值
阅读全文
摘要：<script> // 数据类型转换 var x = "12.333a456"; var y = Number(x); // 判断是否为全数字NaN var z = parseInt(x); // 可解析一个字符串，并返回一个整数。 var xx = parseFloat(x); // 转浮点类型
阅读全文
摘要：// 字符转义 var a = "hell\"o world"; var b = "hell\'o world"; var c = "hell\\o world"; console.log(a); console.log(b); console.log(c); // 截取字符串 var d = "h
阅读全文
摘要：转载于：https://www.cnblogs.com/ccav1/p/8728448.html print("\tPython")#\t表示空四个字符，也称缩进，相当于按一下Tab键 print("\nPython\nJAVA\nC++\nJavaScript\nC#")#\n表示换行，相当于按一
阅读全文
摘要：JavaScript 调试 没有调试工具是很难去编写 JavaScript 程序的。 你的代码可能包含语法错误，逻辑错误，如果没有调试工具，这些错误比较难于发现。 通常，如果 JavaScript 出现错误，是不会有提示信息，这样你就无法找到代码错误的位置。 通常，你在编写一个新的 JavaScri
阅读全文
摘要：try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。 JavaScript 错误 当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。
阅读全文
摘要：/*是否带有小数*/ function isDecimal(strValue ) { var objRegExp= /^\d+\.\d+$/; return objRegExp.test(strValue); } /*校验是否中文名称组成 */ function ischina(str) { var
阅读全文
摘要：正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 搜索模式可用于文本搜索和文本替换。 什么是正则表达式？ 正则表达式是由一个字符序列形成的搜索模式。 当你在文本中搜索数据时，你可
阅读全文
摘要：Number() 转换为数字， String() 转换为字符串， Boolean() 转换为布尔值。 JavaScript 数据类型 在 JavaScript 中有 6 种不同的数据类型： string number boolean object function symbol 3 种对象类型： O
阅读全文
摘要：JavaScript typeof, null, undefined, valueOf()。 typeof 操作符 你可以使用 typeof 操作符来检测变量的数据类型。 typeof "John" // 返回 string typeof 3.14 // 返回 number typeof false
阅读全文
摘要：break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。 break 语句 我们已经在本教程之前的章节中见到过 break 语句。它用于跳出 switch() 语句。 break 语句可用于跳出循环。 break 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）： for
阅读全文
摘要：只要指定条件为 true，循环就可以一直执行代码块。 while 循环 while 循环会在指定条件为真时循环执行代码块。 语法 while (条件) { 需要执行的代码 } 实例 本例中的循环将继续运行，只要变量 i 小于 5： while (i<5) { x=x + "The number is
阅读全文
摘要：循环可以将代码块执行指定的次数。 JavaScript 循环 如果您希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。 我们可以这样输出数组的值： 一般写法： document.write(cars[0] + "<br>"); document.write(cars[1]
阅读全文
摘要：switch 语句用于基于不同的条件来执行不同的动作。 JavaScript switch 语句 请使用 switch 语句来选择要执行的多个代码块之一。 语法 switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: 与
阅读全文
摘要：条件语句用于基于不同的条件来执行不同的动作。 条件语句 通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。 在 JavaScript 中，我们可使用以下条件语句： if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码 if...else
阅读全文
摘要：比较和逻辑运算符用于测试 true 或者 false。 比较运算符 比较运算符在逻辑语句中使用，以测定变量或值是否相等。 <p给定x=5，下面的表格解释了比较运算符： 如何使用 可以在条件语句中使用比较运算符对值进行比较，然后根据结果来采取行动： if (age<18) x="Too young";
阅读全文
摘要：运算符 = 用于赋值。 运算符 + 用于加值。 运算符 = 用于给 JavaScript 变量赋值。 算术运算符 + 用于把值加起来。 指定变量值，并将值相加： y=5; z=2; x=y+z; 在以上语句执行后，x 的值是：7 JavaScript 算术运算符 <p算术运算符用于执行变量与 或值之
阅读全文
摘要：本文链接：https://blog.csdn.net/qq_35081380/article/details/118672946 和tp5的还是有点不同的 tp5 //接收参数 $params = input(); //表单验证 $validate = $this->validate($params
阅读全文
摘要：编程基础 注释 //这是注释 常量 //常量 1 100 ‘名字’ 关键字 Name var classl类 pulbic //有某些功能的词 // 标识符 变量名 方法名 类名 Var aa=1 aa标识符 var 关键词 1 常量 变量 //可以变得量‘容器’ 数据类型 根据数据类型是强类型或者
阅读全文
摘要：JavaScript 字符串用于存储和处理文本。 JavaScript 字符串 字符串可以存储一系列字符，如 "John Doe"。 字符串可以是插入到引号中的任何字符。你可以使用单引号或双引号： var carname = "Volvo XC60"; var carname = 'Volvo XC
阅读全文
摘要：HTML 事件是发生在 HTML 元素上的事情。 当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。 HTML 事件 HTML 事件可以是浏览器行为，也可以是用户行为。 以下是 HTML 事件的实例： HTML 页面完成加载 HTML input 字段改
阅读全文
摘要：作用域是可访问变量的集合。 JavaScript 作用域 在 JavaScript 中, 对象和函数同样也是变量。 在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。 JavaScript 函数作用域: 作用域在函数内修改。 JavaScript 局部作用域 变量在函数内声明，变
阅读全文
摘要：函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 JavaScript 函数语法 函数就是包裹在花括号中的代码块，前面使用了关键词 function： function functionname() { // 执行代码 } 当调用该函数时，会执行函数内的代码。 可以在某事件发生时直接调用
阅读全文
摘要：JavaScript 对象是拥有属性和方法的数据。在 JavaScript中，几乎所有的事物都是对象。 以下代码为变量 car 设置值为 "Fiat" : var car = "Fiat"; 对象也是一个变量，但对象可以包含多个值（多个变量），每个值以 name:value 对呈现。 var car
阅读全文
摘要：值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。 引用数据类型：对象(Object)、数组(Array)、函数(Function)。 JavaScript 拥有动态类型 JavaScript 拥有
阅读全文
摘要：JavaScript 变量 变量是用于存储信息的"容器"。 <script> var x=5; var y=6; var z=x+y; document.write(x + "<br>"); document.write(y + "<br>"); document.write(z + "<br>")
阅读全文
摘要：JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。 JavaScript 语句是发给浏览器的命令。 这些命令的作用是告诉浏览器要做的事情。 下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" ： <h1>我的网页</
阅读全文
摘要：JavaScript 没有任何打印或者输出的函数。 JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据： 使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入到 H
阅读全文
摘要：我们在 Chrome 浏览器中可以通过按下 F12 按钮或者右击页面，选择"检查"来开启开发者工具。 也可以在右上角菜单栏选择 "更多工具"=》"开发者工具" 来开启： 1、Console 窗口调试 JavaScript 代码 打开开发者工具后，我们可以在 Console 窗口调试 JavaScri
阅读全文
摘要：HTML 中的脚本必须位于 <script> 与 </script> 标签之间。 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。 <script> 标签 如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。 <script> 和 </scr
阅读全文