javascript组件
Vue动态组件、插槽、vue项目
一、动态组件 1、动态组件 # <component :is="who"></component> # component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < ......
[FAQ] Sortable 拖拽组件, 火狐浏览器中打开新窗口问题
Q：用了 sortable 组件，在火狐浏览器中进行拖拽时，会打开新窗口 ？ Sortable组件地址，https://github.com/SortableJS/Sortable 当前处理方式 阻止火狐浏览器中打开新窗口。 产生原因 Chatgpt ： Other article, https:/ ......
动态组件
动态组件 component标签的is属性等于组件名字，这里就会显示这个组件 组件切换方法一： <body> <div id="app"> <button @click="who='home'">首页</button> <button @click="who='shopping'">购物界面</bu ......
vue项目-封装树形控件公用组件
vue项目中，如h5端，第三方的树形选择器无法满足项目开发时，原生封装tree控件，通过判断是否存在子节点，循环递归组件完成树形封装，通过vue指令实现跨级传递数据或方法 封装树形组件如下： 1 <template> 2 <div class="tree-select-page"> 3 <div c ......
界面控件DevExpress WPF Sunburst组件，开启可视化分层扁平数据新方式！
DevExpress WPF的Sunburst组件可轻松灵活地创建交互式径向树图，用于分析和表示目的，以紧凑和精致的方式可视化分层和扁平数据。 P.S：DevExpress WPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着 ......
vue-动态组件、插槽
动态组件 方法一：笨方法-切换组件： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> </head> <body ......
动态组件，插槽， vue-cli创建项目，vue项目目录结构，vue项目编写规范，es6导入导出语法
1 动态组件💛 # <component :is="who"></component> # component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title ......
vue_vueRouter同组件跳转失败
目录场景再现资料查询解决 场景再现 现有一个Article页面, 通过/article/:id来匹配不同的文章页面, 当我需要实现跳转到上一篇或下一篇时, 即从/article/:id跳转另一个/article/:id时, 发现浏览器中只有地址变化了, 但是页面的很多组件, 包括文章内容都没有刷新, ......
Vue之与后端交互的三种方式、显示小电影案例、计算属性、监听属性、Vue生命周期、组件介绍和使用、组件间通信、ref属性
与后端交互的三种方式 后端写了一堆接口 前段会了 前后端要打通 》从前端发送 ajax 》核心：用js发送http请求，接收返回 原生js，可以开启可以开启ajax，但是原生js开启，比较麻烦，需要做浏览器兼容，有坑(基本不写) jq，写了个兼容所有浏览器的 $.ajax()，不仅仅有ajax，还封 ......
vue-组件
1.组件的介绍和使用 组件中是可以套组件的 组件就是：扩展 HTML元素，封装可重用的代码，目的就是复用 例如： 有一个轮播图，可以在很多页面中使用，一个轮播有js，css，html组件把js，css，html放到一起，有逻辑，有样式，有html 组件的分类： - 全局组件：可以放在根中，可以在所有 ......
uniapp项目实践总结(十八)自定义多列瀑布流组件
导语：有时候展示图片等内容，会遇到图片高度不一致的情况，这时候就不能使用等高双列或多列展示了，这时候会用到瀑布流的页面布局，下面就一起探讨一下瀑布流的实现方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在pages/index文件夹下面新建一个waterfall.vue的组件； 按照 ......
Python转换JavaScript
将导入了第三方库的Python代码转换成JavaScript代码的几种方法包括： 1. 使用Transcrypt进行转换 Transcrypt可以将Python代码转换为高效的JavaScript代码，并且支持导入使用其他Python库的代码。这意味着你可以使用Transcrypt将包含第三方库的P ......
打包vue组件包并上传到npm
在自己的项目中新建一个index.js做打包组件的配置 1 import 组件的名字 from "组件的地址"; 2 const comArr = [组件的名字]; 3 export default { 4 install(Vue) { // install是vue中的方法，此方法要在export ......
【微信小程序】【Demo】Picker模糊查询组件
微信小程序Picker模糊查询组件 pickerSelect.js Component({ options: { // 在组件定义时的选项中启用多slot支持 multipleSlots: true }, /** * 组件的属性列表 */ properties: { // 父组件传递过来的数据列表 ......
【转】使用javascript Page Visibility API,判断用户是否关闭了浏览器窗口(html页面)
转载自：https://blog.p2hp.com/archives/9316 Page Visibility API 简介 有时候，开发者需要知道，用户正在离开页面。常用的方法是监听下面三个事件。 pagehide beforeunload unload 但是，这些事件在手机上可能不会触发，页面就 ......
Vue之后端交互、计算、监听、组件间通信
一、与后端交互三种方式 1、 2、 3、 4、小电影案例 html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdeli ......
vue3 组件
学习随笔（Vue3 组件） 该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
如何在JavaScript中实现链表
转载来自：https://www.freecodecamp.org/news/implementing-a-linked-list-in-javascript/ If you are learning data structures, a linked list is one data struct ......
uniapp 子组件中onLoad，onShow方法不执行
uniapp中，有应用生命周期和页面生命周期，子组件没有应用周期，所有onLoad，onShow都不存在，难怪我用两个方法没有效果。 可以用如下方法： // 子组件 export default { methods: { childOnShow() { console.log('子组件 onShow ......
arcgis api for javascript 4.x, 删除绘制的点、线、面
1、在视图mapView 上添加的点线面 // 删除所有 mapView.graphics.removeAll(); // 删除一个 const pointGraphic = new Graphic({geometry, symbol}) mapView.graphics.remove(pointG ......
react高阶组件(HOC)个人理解
React中 子组件传递父组件的方法是：父组件通过给props传递一个接收方法，子组件通过 在 调用自身的方法 中 调用这个 父组件传递过来的方法将参数抛过去 例如： class Test extends React.Component{ state = { name:'张三' } handleCl ......
DRF之权限组件源码分析
【一】权限组件介绍 Django REST framework（DRF）中的权限组件用于控制API的访问权限。 DRF内置了多个常用的权限类，同时也允许你创建自定义的权限类以满足特定需求。 【二】内置权限类 IsAuthenticated：要求用户在访问API时进行身份验证，即用户必须登录。 IsA ......
[JavaScript] JavaScript的时间与时区
0 序言 第1章节，原创，主要关注：JS的时间、时区国际化问题 第2章节，主要来自于第1篇参考文献（系对第1章节的基础知识的夯实） 1 JavaScript 时间、时区的国际化（案例） 本案例等同于问题：JavaScript从浏览器根据不同时区获取时间的问题 假定现在有两台Windows笔记本电脑。 ......
Vue多层级组件传递动态具名插槽
这里以一个table组件的二次包装为案例，父组件中使用子组件（table组件）再次包装： Vue2： 子组件，inTable <template> <table> <thead> <tr> <th v-for="(item, index) of columns" :key="index"> {{ i ......
记录--JavaScript 令人惊讶的一点：对于空数组every()方法返回true
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 JavaScript 语言的内核足够大，导致我们很容易误解它的某些部分是如何工作的。我最近重构了一些使用 every ()方法的代码，并且发现我并不真正理解every()的逻辑。在我看来，我认为回调函数必须被调用并返回 true的时候ev ......
WebStorm 2023：JavaScript开发者的终极利器
WebStorm是JetBrains公司开发的一款强大的JavaScript开发工具，为前端开发者提供了丰富的功能和智能，帮助他们提高开发效率、降低出错率并提高代码质量。 →→↓↓载RubyMine 2023 mac+win版 代码提示与自动补全：WebStorm能够根据用户输入的内容，提供代码提示 ......
webpack打包报错：Unexpected token (Note that you need plugins to import files that are not JavaScript)
关于这个问题，我在网上查找了一些资料（博客、问答），得到的答案多种多样： 1. 可能是缺少rollup的某种plugin； 2. 可能是系统环境的问题（windows/linux/macos）； 3. 可能是某段代码引起的问题； 4. 。。。 经过对自身情况的逐步测试定位，发现 -> 出问题的代码片 ......
修改组件某个元素的样式的方法
<template> <!-- class="server_a" --> <div class="a"> 服务列表 <div> <a-descriptions title="123" bordered> <a-descriptions-item label="服务列表"> Cloud Databas ......
vue 自定义全局弹窗组件
问题描述： vue 自定义类似 elementUI 的 this.$confirm 解决方案： 通过vue 的extend 方法实现 然后全局注入 代码实现: 展示的组件 （就是最基本的vue组件代码） <!-- * @Author: linchun linchun * @Date: 2023-09 ......
JavaScript中的浅拷贝与深拷贝
前言 JavaScript中的浅拷贝和深拷贝是非常重要的概念，它们在处理对象和数组时具有不同的作用。在编程中，经常需要复制数据以便进行各种操作，但必须注意拷贝的方式，以确保得到预期的结果。 浅拷贝是创建一个新对象或数组，并将原始对象或数组的引用复制给它。这意味着新对象和原始对象将共享相同的内存地址， ......