weixin_37861326的博客

查看这个依赖是在@vue_cli-plugin-typescript这个库中进行引入，大概率fork-ts-checker-webpack-plugin-v5这个是库的作者还在开发当中并没有发布的库。到这里，那么就好解决了，@vue/cli-plugin-typescript版本降级！1）@vue/cli-plugin-typescript降级，降级到～4.4.0版本"@vue/cli-plugin-typescript""~4.4.0",2）安装开发依赖vue-loader-v16。...

微信网页开发：微信内h5使用wx-open-launch-weapp打开小程序，微信内h5使用wx-open-launch-app打开App的方案

NPM概述：查看源地址：npm config get registry设置源地址：npm config set registry https://registry.npm.taobao.org/--------------------------------------------------------------------------------------查看npm源地址npm config get registry输出结果：更换npm源为淘宝镜像//.

/** * 判断是否为安卓机型 */export function isAndroid() { let _ua = window.navigator.userAgent.toLocaleLowerCase() if (_ua.indexOf('android') > -1 || _ua.indexOf('adr') > -1) { return true } else { return false }}/** * 判断是否为ios机型 */ex.

在使用create-react-app工具构建react项目时，我们可以不用关心项目的配置项。但，如果我们需要同时启动多个react项目时，我们会发现项目端口被占用了，因此我们该如何修改默认端口配置呢？1. 弹出项目配置项在我们构建项目时，使用npm run eject 弹出项目配置项2. scripts文件夹start.js中修改配置// Tools like Cloud9 rely on this.const DEFAULT_PORT = parseInt(process.

如下述代码，使用属性：dangerouslySetInnerHTML，将内容渲染为html。import React, { Component } from 'react'class Header extends Component { constructor(props) { super(props) } state= { descTohtml: '<h1>渲染为html</h1>' } render() { return (

方式一，使用withRouter，进行跳转import React, { Component } from 'react'import { withRouter } from 'react-router-dom'import layoutCss from './header.module.scss'class index extends Component { constructor(props) { super(props) } state = { menulis

在windows上使用IIS管理器可以很方便部署我们的项目文件，前端往往是部署一些静态资源文件。当我们需要部署react项目打包之后的build文件夹中的代码时，我们该如何去操作呢？前期准备本文假设你已具备react的基本使用能力，以及你已经在你的设备上配置好了IIS管理器，并已经能独立创建网站。让我们开始我们的配置吧！修改React项目打包配置1）项目弹出配置npm run eject在webpack.config.js中我们关注一下打包输出文件的公共路径output: {

今年vuecli已经升级到了vuecli3+，和以往vuecli构建的项目不同，在新版本的vuecli构建的项目中，默认是无配置文件的。如果我们想修改server的端口号，打包输出文件的资源，我们该怎么处理呢？按照官方文档，https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE我们在与package...

在利用vue-cli3+构建的项目中引入eslint进行语法检查时，使用console.log('xxx')时，控制台抛出了Unexpected console statement (no-console)异常，解决办法是：在项目的package.json文件中，eslintConfig 配置项中的“rules”中新增一条配置项即可"eslintConfig": { ......

偏移量：offset dimensionoffsetHeight: 元素在垂直方向上占用的空间大小，以像素计。包括元素的高度、（可见的）水平滚动条的高度、上边框高度和下边框高度。offsetWidth: 元素在水平方向上占用的空间大小，以像素计。包括元素的宽度、（可见的）垂直滚动条的宽度、左边框宽度和右边框宽度。offsetLeft：元素的左外边框至包含元素的左内边框之间的像素距离。offsetT...

浏览器在事件处理程序上，根据现有及过往浏览器类型，总共有5种形式：查看5种事件处理程序详情1）HTML事件处理程序2）DOM0 级事件处理程序3）DOM2 级事件处理程序4）IE事件处理程序5）跨浏览器的事件处理程序在我们使用IE事件处理程序时，我们会用到两个函数attachEvent()和detachEvent()；因为目前IE11已经不再支持前述的两个函数了，当我们使用atta...

 事件就是用户或浏览器自身执行的某种动作。诸如click、load 和mouseover，都是事件的名字。而响应某个事件的函数就叫做事件处理程序（或事件侦听器）。事件处理程序的名字以"on"开头，因此click 事件的事件处理程序就是onclick，load 事件的事件处理程序就是onload。为事件指定处理程序的方式有好几种。1）HTML事件处理程序某个元素支持的每种事件，都可以...

在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。例如，鼠标操作导致的事件对象中，会包含鼠标位置的信息，而键盘操作导致的事件对象中，会包含与按下的键有关的信息。所有浏览器都支持event 对象，但支持方式不同。1）DOM中的事件对象兼容DOM 的浏览器会将一个event 对象传入到...

vue项目中，在获得文件名信息，需要根据文件名的后缀来区分文件类型的方法如下：其中，文件后缀可自由拓展。// 根据文件名后缀区分 文件类型 /* * @param: fileName - 文件名称 * @param: 数据返回 1) 无后缀匹配 - false * @param: 数据返回 2) 匹配图片 - image *...

所谓‘杨辉三角’，如下图：其分布直观上很清晰明了，但在用编程语言实现这一图案时，方法各有异同，在s实现‘杨辉三角’代码如下： // param: max 行数 function triangles(max) { var arr = [1]; var result = []; var n = 0; for (; n &lt;...

1）题目描述找出元素 item 在给定数组 arr 中的位置输出描述:如果数组中存在 item，则返回元素在数组中的位置，否则返回 -1示例输入  [ 1, 2, 3, 4 ], 3输出   2function indexOf(arr, item) { return arr.indexOf(item);}2）题目描述计算给定数组 arr 中所有元素的总和输入描述:数...

在初学react这个框架时，可采用在文件中引入react.js，react-dom.js，browser.js库来编写代码。JSX在React中是一种非常常见的写法，具体JSX的解释很难说的清楚，但通常可以理解为JavaScriptXML或者是JavaScript Syntax eXtension (JavaScript语法扩展的缩写)。在项目中使用JSX技术时，我们需要用babel进行转译，...

1）请求(客户端-&gt;服务端[request])     GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号)     Accept: */*(客户端能接收的资源类型)     Accept-Language: en-us(客户端接收的语言类型)     Connection: Keep-Alive(维护客户端和服...

在我们项目开发过程中，实例中的数据类型可以是对象、数组等。在对象中，某个属性值发生更改时，我们可以通过对象的深度监听，以达到重新渲染页面的需求。或者查阅博主的文章 https://blog.csdn.net/weixin_37861326/article/details/81034231；例如：&lt;script&gt; export default { data(){ ...

首先我们需要明白的是，apply,call,bind:1）它们三者都可以修改函数调用时this的指向2）第一个参数都是修改后this指向的对象3）都可以在后续参数中进行传参var userFunc = { name: '张三', age: 24, sayAge: function() { console.log(this.name + '年龄是' + this.ag...

前端请求服务端资源利用ajax进行请求，通常可以借助jquery等第三方库完成ajax的请求，此处将详解原生ajax请求：var xhr = new XMLHttpRequest()xhr.open('GET','./api',false)xhr.onreadystatechange = function(){ // 异步执行 if(xhr.readyState == 4){ ...

理解事件流，我们先来理解“事件”。什么是事件？在javascript高级程序设计中，有这么一段话：javaScript 与HTML 之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器（或处理程序）来预订事件，以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式的模型，支持页面的行为（JavaScript 代码）与页面的外观（HTML ...

BOM 的核心对象是 window，它表示浏览器的一个实例。在浏览器中，window 对象有双重角色，它既是通过JavaScript 访问浏览器窗口的一个接口，又是ECMAScript 规定的Global 对象。这意味着在网页中定义的任何一个对象、变量和函数，都以window 作为其Global 对象，因此有权访问parseInt()等方法。1）全局作用域由于window 对象同时扮演...

应用场景：客户端与浏览器间进行通信，常规操作，我们在客户端发送一个http请求，服务端收到我们的http请求后，返回一个请求结果。这种方式，我们只能主动的从服务端去获取数据，假若想服务端数据有更新第一时间反馈到客户端，我们再利用http请求通信就行不通了。接下来我们来探讨一下WebSocket如何去实现上述情景中所提应用需求。WebSocket简介首先了解一下，Socket又称"套接字"...

在构建vue项目中，如果需要把一个链接或者一串数字生成一个二维码供用户扫描使用，我们通常会用到jquery.qrcode.min.js这个js库，并配合jquery一并使用。在npm中我们无法直接下载安装这一依赖，因此需要我们在vue项目文件中下载静态文件引入进行使用。1）下载jquery.qrcode.min.js插件2）在项目main.js中引入jquery.qrcode.min.js// 引...

参考网站：http://www.requirejs.cn/home.htmlRequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用, 它非常适合在浏览器中使用，但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用RequireJS加载模块化脚本将提高代码的加载速度和质量。IE 6+ .......... 兼容 ✔Firefox 2+ ..... 兼容...

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀这时候JavaScript作为嵌入式的脚本语言的定位动摇了，JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，更不用说模...

转载：http://www.cnblogs.com/liutree/archive/2011/11/29/2267881.html在js中，浮点数的乘除会有误差，为了较为精确计算乘除，需要对乘除法进行修改。除法函数，用来得到精确的除法结果说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。调用：accDiv(arg1,arg2)返回值：arg1除以arg2的精确结果fu...

页面加载资源的形式有：1. 输入url（或跳转页面）加载html2.url: www.baidu.com3.加载html中的静态资源4.script标签中资源的加载加载一个资源的过程：1. 浏览器根据DNS服务器得到域名的IP地址2. 向这个IP的机器发送http请求3.服务器收到、处理并返回http请求4.浏览器得到返回内容浏览器渲染页面的过程：1.根据HTML结构生成DOM Tree2.根据C...

在前端程序执行中，为了避免程序运行被阻塞，在js中有3类场景为异步执行，异步执行语句在程序执行完成后，才会被执行。什么时候需要异步：1. 在可能需要等待的情况2. 等待过程中不能像alert一样阻塞程序执行3. 因此，所有需要“等待的情况”都需要异步异步示例：console.log(100)setTimeout(function(){ console.log(200)},100)cons...

摘自百度百科，闭包的解释：闭包就是能够读取其他函数内部变量的函数。例如javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数”。本质上，闭包是将函数内部函数外接起来的桥梁。通俗一点，个人理解：闭包是函数内部 定义一个在函数作用域下的函数 作为返回值，该函数的的变量外部无法修改。function F1(){ var a = 100; // ...

在js中变量的声明，有使用的范围；js不同于java等后端语言，js无块级作用域，只有全局和函数作用域。在本文中，将分析一下变量作用域的知识点。作用域（无块级作用域只有全局和函数作用域解释）：无块级作用域if(true){ var tag = 'test'}console.log(tag) // test 在java中因为块级作用域问题 这个地方会输出undefined只有函数和全局...

在javascript中this是一个关键字，this的指向跟它的使用场景有关，而且this的指向只有在它使用时才能确定，定义时是无法确认的。但总的来说，this指向的是调用函数的对象。在this的使用过程中有大概4种场景，具体如下。var a = { name: 'name', fn:function(){ console.log(this.name) }}a.fn() ...

整理一份js基础知识，后续陆续补充1.我们可以在下列哪个 HTML 元素中放置 Javascript 代码？&lt;script&gt;2.写 "Hello World" 的正确 Javascript 语法是？document.write("Hello World")3.插入 Javacript 的正确位置是？&lt;body&gt; 部分和 &lt;head&gt; 部分均可4.引用名为 "xx...

最近在解决一个问题的时候遇到一个这样的需求：1）有两个存在关联的数学表达式，表达式1：计算得到h1function outputH1(R, r, h) { var V = (Math.PI / 3) * (Math.pow(R, 2) + R * r + Math.pow(r, 2)) * h; var h1 = V / (Math.PI * Math.pow(r, 2)); ...

2 在HTML中使用JavaScript2.1 &lt;script&gt;元素向HTML 页面中插入JavaScript 的主要方法，就是使用&lt;script&gt;元素。这个元素由Netscape 创造并在Netscape Navigator 2 中首先实现。后来，这个元素被加入到正式的HTML 规范中。HTML 4.01 为&lt;script&gt;定义了下列6 个属性。1.     ...

1.1 Javascript是什么？Javascript是一门功能全面的编程语言，能够处理复杂的计算与交互，拥有闭包、匿名函数，甚至元编程等特性。1.2 JavaScript实现虽然javascript和ECMAScript通常被人们用来表达相同的含义，但Javascript的含义却比ECMA-262中规定的更多。一个完整的JavaScript实现应该包括下列三个不同的组成部分：1. 核心（ECM...

《JavaScript高级程序设计》书中讲述了js当中的垃圾回收机制。选择书中讲述的要义，大致的概括一下。1. 什么是垃圾收集JavaScript中具有自动垃圾收集机制，也就是是说，执行环境会负责管理代码执行过程中使用的内存。怎么理解这句话？而在C 和C++之类的语言中，开发人员的一项基本任务就是手工跟踪内存的使用情况，这是造成许多问题的一个根源。在编写JavaScript 程序时，开发人员不用再...

ECMAScript中的语句以一个分号结尾；如果省略分号，则由解析器确定语句的结尾，如下例所示：var sum = a + b //即使没有分号也是有效的语句 -- 不推荐var diff = a - b; // 有效语句 -- 推荐虽然语句结尾的分号不是必需的，但我们建议任何时候都不要省略它。因为加上这个分号可以避免很多错误（例如不完整输入），开发人员也可以放心地通过删除多余的空格来压...