ICode9

精准搜索请尝试: 精确搜索
  • 记录一次使用 Popper.js 编写弹框遇到的问题2022-05-21 07:31:26

    当前使用的 vue-popperjs 组件是基于 popper.js 开发的 使用方法 安装 npm i vue-popperjs 导入使用 <template> <popper trigger="clickToOpen" :options="{ placement: 'top', modifiers: { offset: { offset: '0,10px' } }

  • 打包工具 rollup.js 入门教程2022-05-21 00:32:36

    打包工具 rollup.js 入门教程   一、简介 打包工具的作用是,将多个 JavaScript 脚本合并成一个脚本,供浏览器使用。 浏览器需要脚本打包,主要原因有三个。 (1)早期的浏览器不支持模块,大型网页项目只能先合并成单一脚本再执行。 (2)Node.js 的模块机制与浏览器不兼容,必须通过打包工

  • 单线程的Node.js是如何实现高并发的2022-05-20 21:04:03

    nodejs单进程单线程事件驱动 Node遵循的是单线程单进程的模式,node的单线程是指js的引擎只有一个实例,且在nodejs的主线程中执行,同时node以事件驱动的方式处理IO等异步操作。node的单线程模式,只维持一个主线程,大大减少了线程间切换的开销,但是会有多个worker线程,用于执行异步操作。

  • 网页前端(Html)video播放m3u8(HLS)&Vue使用video.js播放m3u82022-05-20 21:00:57

    网页前端(Html)video播放m3u8(HLS)HLS (HTTP Live Streaming)是Apple公司研发的流媒体传输技术,包括一个m3u8的索引文件、多个ts分片文件和key加密串文件。这项技术主要应用于点播和直播领域。 开源JS库(Github): 【video.js】https://github.com/videojs/videojs-contrib-hls【hls.js

  • js beforeunload事件 监听浏览器/标签页刷新或关闭2022-05-20 17:35:52

    beforeunload 事件触发于 window、document 和它们的资源即将卸载时。 当事件属性 returnValue 被赋值为非空字符串时,会弹出一个对话框,让用户确认是否离开页面(示例如下)。否则,事件被静默处理。一些浏览器实现仅在框架或内置框架接收到用户手势或交互时才显示对话框。 window.addEve

  • Js/Jquery常用操作2022-05-20 16:03:09

    1.获取data-*属性 document.getElementById('id').getAttribute("data-user")//js $('#id').data("user");//jquery 2.设置data-*属性 document.getElementById('id').setAttribute("data-user","张三")//js

  • NetCore 前后端分离项目部署踩的坑!2022-05-20 13:01:57

    1. 问题   时隔一年,重新部署项目,发现页面加载不出来   打开控制台,看到错误信息   2.排查   查看后端项目 Startup 文件,  有配置开启文件夹的访问 Linux服务器上,前端项目打包的文件夹也有授权    3.结果    对比其他项目,发现前端项目 vue.config.js 文件里publicP

  • js基础——动画函数封装2022-05-20 12:32:22

    动画函数简单封装 主义函数需要传递2个参数,动画对象和移动到的距离 function animate(obj, target, pos = undefined) { // obj是动画对象,target是目标距离,pos是定位方式。 if (obj.style.position != '' && pos == undefined); else if (pos == undefined) obj.style

  • js 计算对象数组中某个属性值重复出现的个数2022-05-20 12:02:24

    let list = [   {name:"1000积分",serialNumber:6},   {name:"500积分",serialNumber:7},   {name:"50积分",serialNumber:8},   {name:"50积分",serialNumber:8},   {name:"50积分",serialNumber:8} ]; //怎么将list转换为下面格式: [ {ti

  • 二进制加法-Js2022-05-20 11:04:43

    function add(a, b) { let i = a.length; let j = b.length; let up = 0; let res = []; // console.log(i,j); while (i > 0 || j > 0) { let cur1 = a.charAt(i -

  • js将时间戳转成时间格式2022-05-20 09:02:27

    let start_time = 1653007401082, date = new Date(+start_time), Y = date.getFullYear() + '-', M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-', D = date.getDate() + '

  • JS高级—10—Proxy类;Reflct对象;响应式原理;2022-05-19 20:31:43

    一、Proxy类 1.1概念 proxy最主要的操作是,对对象、函数对象的所有操作做了一个监听或者说捕获拦截,然后可以在捕获器里定义自己的行为;                         1.2Proxy的所有捕获器 proxy对象比以前的Object.defineProperty()做了很多增强;除了可以监听对象的setter、ge

  • js 数组求交集+ js判断两个对象是否相等的方法2022-05-19 17:02:08

    数组求交集的方法: // 求交集 let arr1 = [1, '123', { name: 'qiao' }, 123]; let arr2 = [12, 123, '123', '1', { name: 'qiao' }, { name: '101' }]; // 不能判断对象是否相等 let result = [...new Set(arr1)].filter(item =>

  • js获取视频总时长,监听播放进度2022-05-19 15:32:54

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <

  • [展示介绍] Neutralinojs: 小众的HTA继承者 (1)2022-05-19 15:32:35

    Neutralinojs 如果你觉得微软的HTA非常小巧、简单、便捷是一个有一定价值的技术,又为它的古老的IE内核、不跨平台、闭源等问题发愁,那Neutralinojs绝对是一个好方案。它支持64位Windows,Linux,macOS,并且直接调用系统Webview,在Windows上是Edge Webview2,几乎完全支持HTML5。同时又像

  • js 提取字符串url中的值2022-05-19 14:04:11

    let baseUrlStr = 'https://!@!@!@@@@@!@/lock?code=DWE34234'; const queryURLParameter = (url) => { let regx = /([^&?=]+)=([^&?=]+)/g; let obj = {}; url.replace(regx, (...args) => { if (obj[args[1]]) { o

  • 爱奇艺RN低代码引擎:千变万化、快速搭建的万花筒2022-05-19 13:35:38

    爱奇艺RN低代码引擎:千变万化、快速搭建的万花筒 https://mp.weixin.qq.com/s/XO0A58ZFHcBERnFghqRmqg 爱奇艺RN低代码引擎:千变万化、快速搭建的万花筒 甘泉 QCon全球软件开发大会 2022-05-19 09:00 发表于北京 嘉宾 | 甘泉编辑 | 李慧文 React Native 是具有高动态化能力的跨

  • NPM这6个知识点,你知道吗?2022-05-19 10:31:27

    本文适合对npm知识点有所疑惑的小伙伴阅读。   欢迎关注前端早茶,与广东靓仔携手共同进阶 前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~ 一、前言 很多小伙伴可能对npm的理解停留在"安装"、“运行”、“打包”,其实这是远远不够。广东靓仔看到npm的这6个有趣的知识点,跟小伙伴

  • Selenium3自动化测试【34】执行JS脚本2022-05-19 09:01:36

    1. 引言 页面上的操作,有时通过Selenium是无法实现的,如滚动条、时间控件等,此时就需要借助JavaScript来完成。JavaScript是一种脚本语言,它在客户端运行,即在浏览器上运行。 WebDriver提供了一个内置方法来操作JavaScript。 driver.execute_script(self,script,args) 可以通过两种方

  • js数组筛选2022-05-19 08:32:33

    let arr = [ {name: 'yibo', age: 25}, {name: 'yiyi', age: 18}, {}] let newArr = arr.filter(item => 'name' in item) console.log(arr) // filter不会修改原数组中的值 会返回新的数组 console.log(newArr) // [ { name: 'yibo

  • 面试之JS篇2022-05-19 00:00:53

    1:数据类型 以及存储上面的差别 6种基本数据类型 Number/String/Boolean/null/undefined/symbol 引用类型 Object/Array/Function 以及Map Set等等 基本数据类型存储在栈中,引用类型存储在堆里面 基本数据类型赋值 分别指向不同的地址 引用类型赋值指向同一引用地址 2:数据类型判断的

  • 博客项目由于semantic ui cdn引入方式失效导致页面失效2022-05-18 23:31:36

    原有的cdn方式失效,解决办法:本地导入 1、从官网上下载压缩包,从其中找到semantic.min.css和semantic.min.js两个文件放入项目文件中。 2、在模板页中引入semantic本地文件(css和js),注意路径问题,默认从static往下找 3、版本冲突导致图标出错,引入 <link rel='stylesheet prefetch' href=

  • js 闭包的认知提升2022-05-18 22:00:59

    function counter (arg){ return function(){ return { add:function(){ arg++ console.log(arg) }, min: function() { arg-- console.log(arg)

  • 两个库搞定python中引用javascript代码块/文件2022-05-18 21:35:48

    在一些特殊的python应用场景下需要逆向执行javascript代码块或者.js文件,比如:爬虫的时候下载下来的html页面中包含你要逆向执行的js代码块。 【阅读全文】 在python编程中提供了两个非标准库js2py与PyExecJS都能实现在python中运行代码块的效果的。 1、js2py的使用过程 js2py适用

  • js数组方法splice删除不彻底2022-05-18 19:01:48

    根据条件去除数组中数据 let arr = [ { id: 1, sex: "1" }, { id: 2, sex: "2" }, { id: 3, sex: "1" }, { id: 4, sex: "1" }, { id: 5, sex: "2" }, { id: 6, sex: "1" }, { id: 7, sex: "2" },

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有