这是由于cdn默认为//cdnjs.cloudflare.com/,内网无法访问 方法一:连一次外网正常启动,就会自动缓存资源了。 方法二:下载cdn资源到本地,然后修改\Lib\site-packages\pyspider\webui\templates下面的文件(一共4个文件)。 将所有cdn地址替换成本地地址,如: url_for('cdn', path='codem
一、前言 最近做大屏项目,需求说要能对数据进行滚动展示,体现实时性。听闻css也可以实现这种效果,但是作为一个时常摸鱼的前端,我还是推荐两个好用的数字滚动插件countup.js和vue-count-to(vue-count-to是参考countup.js的)给大家使用,以便增加大家的摸鱼时间。 二、countup.js countUp
**基数排序** 核心思想: 对排序数据进行个位、十位、百位...的拆分(类似于桶排序的分组),先对个位比较排序,排完后再对十位比较排序,直到比较的位数大于最大值时,返回结果。 let arr = [1,-8,6,-50,34,15,-12,42,48,30,11]; let arrMin = Math.min(...arr);//获取当前数据最大值
调试 Three.js 项目变得容易多了 Three.js 简介 三.js 是一个 JavaScript 库,允许用户在浏览器中创建和显示 3D 内容。为了构建这个 3D 世界,Three.js 依赖于 WebGL。 WebGL 是一个 JavaScript API,允许开发人员创建三角形,这些三角形组合在一起在您的浏览器中创建 3D 体验。 里卡多
Next.js 的正反两面 开发网站应该是一种自由的体验。 如果您使用高代码,则可以自由选择您想使用的任何框架。 内 Fathym 的可组合前端架构, 您可以使用任何 JavaScript 框架(甚至其他一些框架)来构建您网站的一个方面。然后,如果您愿意,可以使用不同的框架,或者高代码、低代码和无代码构
解决方法: 配置图片url-loader,在webpack.config.js中添加加入esModule:false即可,其作用是启用CommonJS模块语法 我的是在babel.config.js中 module.exports = { presets: [ '@vue/app', //解决图片不显示,启用CommonJS模块语法 "es2015", { "modules": false } ]
【参考】js拼接html代码及传递参数爬坑 对于参数传递也是如此,遇到的坑点大多都是格式要求不对引起的:1.参数是int类型的可以直接传;2.参数是字符串类型的,需要使用转义符号“\”转义:\' ' + keys.rwbh + '\'3.参数是对象类型的不能直接传递,需要转换成字符串形式进行传递:步骤:
output 属性告诉 webpack 在哪里输出它所创建的 bundles,以及如何命名这些文件,默认值为 ./dist。基本上,整个应用程序结构,都会被编译到你指定的输出路径的文件夹中. 文档: https://www.webpackjs.com/concepts/output/ 1.文件结构 2.代码 add.js function add(x, y)
前言 非严格模式下的 this 指向可能我们会经常遇到,但是严格模式下的 this 指向不是经常碰到,关于严格模式下的 this 指向是怎么样的,都是指向哪些,这篇博文将会很仔细地说清楚。 一、全局作用域中的this 在严格模式下,在全局作用域中,this指向window对象。 1 2 3 4 5 6 7
我们这里介绍主要的几块:Console、Source、Network Console 大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了
一直想研究下web页面的3D效果,最后选择了一个比较的成熟的框架Three.js下手ThreeJs官网ThreeJs-github;接下来我会陆续翻译 Three.js官网的文档,部分文字和代码为我个人添加。 第一部分:three.js介绍 创建场景 这部分的目标是为Three.js做一个简单的介绍,我们会以创建一个场景,一个旋转
JS使用parseInt()和正则截取字符串中数字 点击打开视频讲解更加详细 parseInt() 函数 定义和用法 parseInt() 函数可解析一个字符串,并返回一个整数。 当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数 当忽略参数 radix , JavaScript 默认数字
资源下载 https://files.cnblogs.com/files/sunr/js%E5%AF%BC%E5%87%BAexcel.zip?t=1662686273 HTML <script src="./js/jquery.min.js"></script> <script src="./js/jszip.min.js"></script> <script src="./js/FileSaver.
github https://github.com/davidshimjs/qrcodejs Examples1 <div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie");
一、yarn serve 启动vue项目,如下报错: Type checking in progress... App running at: - Local: http://localhost:8080/crmpc/ - Network: http://172.20.3.3:8080/ Note that the development build is not optimized. To create a production buil
原题链接:https://leetcode.cn/problems/add-strings/ 给定两个字符串形式的非负整数 num1 和num2 ,计算它们的和并同样以字符串形式返回。 你不能使用任何內建的用于处理大整数的库(比如 BigInteger), 也不能直接将输入的字符串转换为整数形式。 示例 1: 输入:num1 = "11", num2 = "1
1 <style> 2 * { 3 padding: 0; 4 margin: 0; 5 } 6 /* 1.轮播图容器 */ 7 .slide { 8 width: 600px; 9 height: 400px; 10 margin: 100px auto; 11
//懒加载: 当文件需要时才加载~//预加载: prefetch: 会在使用之前,提前加载js文件 (webpackPrefetch: true) //正常加载可以认为是并行加载(同一时间加载多个文件)。// 预加载: prefetch: 等其他资源加载完毕,浏览器空闲了,再偷偷加载资源。(但是兼容性差,只能在PC端一些高版本浏览器
安装 postcss-px2rem及px2rem-loader npm install postcss-px2rem px2rem-loader --save 2在根目录src中新建util目录下新建rem.js等比适配文件 // rem等比适配配置文件 // 基准大小 const baseSize = 16 // 设置 rem 函数 function setRem () { // 当前页面宽度相对于 1920
//四舍五入 function round2(number, fractionDigits) { with (Math) { return round(number * pow(10, fractionDigits)) / pow(10, fractionDigits); } } // 空替换0 function fun_FillStr(Str) { Str = Str.replace(/(^\s*)|(\s*$)/g, "") == &q
这里使用 html-webpack-plugin 插件压缩 html 文件。 1.文件结构 2.代码 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>webpack</title> </head> <body> <!--这里是
1.安装 4.0.6版本适应vue2 `npm install vue-video-player@4.0.6 –s` 2.main.js引入 //播放视频插件 import VideoPlayer from 'vue-video-player'; window.videojs = VideoPlayer.videojs require('video.js/dist/video-js.css') require('video-video-player/sr
配置devServer只需要在 webpack.config.js 中添加如下配置即可: // 开发服务器 devServer:用来自动化(自动编译,自动打开浏览器,自动刷新浏览器~~) // 特点:只会在内存中编译打包,不会有任何输出 // 启动devServer指令为:npx webpack-dev-server devServer: { // 项目
根据不同的场景以及需求目前我用到的有两种 一、保留2位小数(四舍五入) 四舍五入的话很好解决:原生JS提供toFixed可以完美的实现四舍五入 案例: let number=1.116 number.toFixed(2) //得到1.12 二、保留2位小数(不四舍五入) 涉及到计算钱或者要求精度很高的情况下,大部分都用到四舍五
介绍 Webpack 本身是不能识别样式资源的,所以我们需要借助 Loader(加载器) 来帮助 Webpack 解析样式资源。 我们找 Loader 都应该去官方文档中找到对应的 Loader,然后使用。 官方文档找不到的话,可以从社区 Github 中搜索查询 webpack中文官方文档 处理 Css 资源 1. 下载包 npm i css-l