Sg.js框架
Sg.js是国内知名前端开发团队发起的,以开发者为核心的轻型前端框架,意在减轻html端标签编写负担,将工作量转移到控件核心,轻量化便捷传参的方式让页面重构,丰富的实用工具集将是前端开发高效快捷的保障,目前已经有200多名前端极客贡献代码进行完善框架,后期将会有更多开发人员加入!
你挚爱的强哥
我以为,世上的程序语言确实没有高低之分,只有编程的人才有强弱之别,通过写代码我们可以发现和认识一个真正的自己,因为我们真正的对手,可能就是我们自己。
展开
-
【sgCreateImportCode】自定义小工具:敏捷开发→引入组件代码生成工具
【代码】【sgCreateImportCode】自定义小工具:敏捷开发→引入组件代码生成工具。原创 2024-09-19 10:23:07 · 176 阅读 · 0 评论 -
【自定义chart组件sgWordCloudChart】ehcarts实现词云图效果,多个关键词根据权重(出现频次)显示不同的大小,旋转方向随机、颜色随机、字体大小随机
必须安装这个版本1.0因为echarts5.0-以下的版本使用1.0的词云 默认安装是2.0,会报错:原创 2024-09-10 11:40:00 · 400 阅读 · 0 评论 -
获取多行文本内容,去掉首尾空格、去掉空字符串,解析为文本数组
【代码】获取多行文本内容,去掉首尾空格、去掉空字符串,解析为文本数组。原创 2024-09-09 18:33:01 · 158 阅读 · 0 评论 -
在移动端弹出提示框水平垂直居中(针对element的MessageBox 弹框)
【代码】在移动端弹出提示框水平垂直居中(针对element的MessageBox 弹框)原创 2024-09-09 13:28:56 · 129 阅读 · 0 评论 -
一句代码解决!屏蔽微信H5页面长按图片,出现底部“转发给朋友”菜单
【代码】一句代码解决!屏蔽微信H5页面长按图片,出现底部“发送给朋友”菜单。原创 2024-09-09 12:47:17 · 248 阅读 · 0 评论 -
【合并单元格列】横向合并单元格、合并单元格(列合并)水平方向合并【针对饿了么element的table的span-method合并列】
【合并单元格行】纵向合并单元格之前对数组处理【针对饿了么element的table的span-method合并行或列的计算方法】_const spanmethod = ({ row, columnindex }-CSDN博客。文章浏览阅读5.2k次。原创 2024-09-09 11:46:39 · 570 阅读 · 0 评论 -
【sgCreateReadonlyForm】自定义小工具:敏捷开发→自动化生成只读表单代码片段脚本(无需列表展示数据,多用于查看某一条数据记录)
【代码】【sgCreateReadonlyForm】自定义小工具:敏捷开发→自动化生成只读表单代码片段脚本(无需列表展示数据,多用于查看某一条数据记录)原创 2024-08-21 11:37:33 · 216 阅读 · 0 评论 -
JS获取当前设备名称
在JavaScript中,没有直接获取“当前设备名称”的标准方法,因为这通常涉及访问底层系统信息,而JavaScript在浏览器中运行时通常无权访问这些信息。不过,可以通过用户代理字符串(User-Agent string)来间接推断设备信息。原创 2024-08-20 22:18:58 · 348 阅读 · 0 评论 -
JS获取当前浏览器名称
在JavaScript中,获取当前浏览器名称的方法并不是一个标准的功能,因为浏览器厂商并没有提供一个直接的API来获取浏览器的名称。但是,你可以通过分析用户代理字符串(User-Agent)来推断出浏览器的名称。请注意,这个方法可能不会完全准确,特别是在用户修改了用户代理字符串的情况下。此外,随着浏览器的更新和发展,新的浏览器可能不会被识别。因此,这个方法可以用于基本的需求,但不适合用于关键的决策。原创 2024-08-20 22:06:42 · 276 阅读 · 0 评论 -
JS 获取当前操作系统类型
但是,你可以通过分析用户代理字符串(User-Agent string)来间接推测操作系统。用户代理字符串包含了浏览器发送给服务器的关于其自身和操作系统的信息。虽然这种方法不是百分之百准确,因为它可以被用户或某些浏览器扩展修改,但它通常足够用于基本的操作系统检测。在JavaScript中,直接获取用户的操作系统信息是不可能的,因为JavaScript主要运行在浏览器中,而浏览器出于安全和隐私的考虑,不会提供访问操作系统详细信息的API。原创 2024-08-20 22:04:16 · 312 阅读 · 0 评论 -
【sgCreateForm】自定义小工具:敏捷开发→自动化生成提交表单代码片段脚本
【代码】【sgCreateForm】自定义小工具:敏捷开发→自动化生成提交表单代码片段脚本。原创 2024-08-20 12:08:07 · 185 阅读 · 0 评论 -
【sgCreateAPIFunction】自定义小工具:敏捷开发→自动化生成API接口方法代码片段脚本(接口方法代码生成工具)
【代码】【sgCreateAPIFunction】自定义小工具:敏捷开发→自动化生成API接口方法代码片段脚本(接口方法代码生成工具)原创 2024-08-13 11:11:42 · 267 阅读 · 0 评论 -
【sgLinkText】自定义组件:用于表格单元格显示的可复制可跳转链接文本
【代码】【sgLinkText】自定义组件:用于表格单元格显示的可复制可跳转链接文本。原创 2024-07-24 16:55:57 · 156 阅读 · 0 评论 -
【sgSearch_v3】自定义组件:自由定义折叠和展开显示的控件,更加自由灵活,展开后更多搜索内容悬浮于其他组件之上,不影响整体布局高度)。
【代码】【sgSearch】自定义组件:常用搜索栏筛选框组件(包括表格高度变化兼容)。_搜索框高度变化 表格。【sgSearch】自定义组件:常用搜索栏筛选框组件(包括表格高度变化兼容)。_搜索框高度变化 表格-CSDN博客。【sgSearch_v2】自定义组件:常用搜索栏筛选框组件(展开后更多搜索内容悬浮于其他组件之上,不影响整体布局高度)。原创 2024-05-10 14:43:30 · 379 阅读 · 0 评论 -
【sgSearch_v2】自定义组件:常用搜索栏筛选框组件(展开后更多搜索内容悬浮于其他组件之上,不影响整体布局高度)。
【代码】【sgSearch】自定义组件:常用搜索栏筛选框组件(包括表格高度变化兼容)。_搜索框高度变化 表格。【sgSearch】自定义组件:常用搜索栏筛选框组件(包括表格高度变化兼容)。_搜索框高度变化 表格-CSDN博客。原创 2024-04-28 14:18:11 · 240 阅读 · 0 评论 -
MessageBox 弹框 全局方法$msgbox, $alert, $confirm 和 $prompt常用代码片段
【代码】MessageBox 弹框 全局方法$msgbox, $alert, $confirm 和 $prompt常用代码片段。原创 2024-03-25 22:04:06 · 551 阅读 · 0 评论 -
用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)
将数组指定索引位置的元素 移动到 目标索引位置,且不改变其他元素原本的顺序,注意这个不是对调元素位置,是移动某一个元素位置不影响其他元素顺(使用场景:拖拽改变数据的顺序,点击上下左右箭头移动元素顺序)-CSDN博客。【代码】将数组指定索引位置的元素 移动到 目标索引位置(使用场景:拖拽改变数据的顺序,点击上下左右箭头移动元素顺序)原创 2024-03-17 21:10:14 · 623 阅读 · 0 评论 -
将数组指定索引位置的元素 移动到 目标索引位置,且不改变其他元素原本的顺序,注意这个不是对调元素位置,是移动某一个元素位置不影响其他元素顺(使用场景:拖拽改变数据的顺序,点击上下左右箭头移动元素顺序)
将数组指定索引位置的元素 移动到 目标索引位置,且不改变其他元素原本的顺序,注意这个不是对调元素位置,是移动某一个元素位置不影响其他元素顺(使用场景:拖拽改变数据的顺序,点击上下左右箭头移动元素顺序)-CSDN博客。【代码】将数组指定索引位置的元素 移动到 目标索引位置(使用场景:拖拽改变数据的顺序,点击上下左右箭头移动元素顺序)用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)-CSDN博客。原创 2024-03-17 19:41:45 · 429 阅读 · 0 评论 -
【实用模板】Vue代码文件常规模板
【代码】❤❤❤常用模板❤❤❤Vue常用后台管理系统增删改查列表(表格)模板。【代码】【实用模板】Vue代码文件常用后台管理页面模板。❤❤❤常用模板❤❤❤Vue常用后台管理系统增删改查列表(表格)模板_测试增删改查的测试表格-CSDN博客。【实用模板】Vue代码文件常用创建或编辑抽屉_vue2 抽屉表单新增编辑-CSDN博客。【实用模板】Vue代码文件常用弹窗页面组件_vue好看的弹窗布局模板-CSDN博客。【实用模板】Vue代码文件常用后台管理页面模板_vue页面模板-CSDN博客。原创 2021-09-07 08:17:45 · 5530 阅读 · 0 评论 -
【通用CSS模板】移动端H5页面统一样式.css
【代码】【通用CSS模板】移动端H5页面统一样式.css。原创 2021-08-23 20:59:09 · 6186 阅读 · 0 评论 -
❤❤❤常用模板❤❤❤Vue常用后台管理系统增删改查列表(表格)模板
【代码】❤❤❤常用模板❤❤❤Vue常用后台管理系统增删改查列表(表格)模板。原创 2023-12-08 08:23:45 · 486 阅读 · 0 评论 -
使用Vant框架的组件van-pull-refresh搭配van-list和van-card完成上滑加载更多列表数据,下拉刷新当前列表数据(等同于翻页功能)
<template> <div class="sg-page-body"> <div class="sg-list"> <van-pull-refresh v-model="pullLoading" @refresh="onPullRefresh" success-text="刷新成功" > <van-list v-model="listLoading" @load="o.原创 2020-06-29 15:13:33 · 9896 阅读 · 0 评论 -
Vue父组件调用子组件的方法并传参的两种方式(用$refs.refName.functionName、window.function)
子组件son.vue<template> <div class="sg-son"> <button @click="func(false)">子组件调用自己的方法</button> </div></template><script>export default { methods: { func(isFather) { alert(isFather ? "父组件调用子组件原创 2021-08-26 00:51:56 · 5708 阅读 · 0 评论 -
vue element upload组件配合axios实现用 “Content-Type“: “multipart/form-data“上传方式导入xls文件
elementUI el-upload上传组件实战使用。原创 2021-06-14 23:54:25 · 6424 阅读 · 1 评论 -
Vue中子组件单个双向绑定发送事件使用input,多个使用 update:变量名;父组件接收时,v-model 接收单个,.sync 接收多个(vue3中使用v-model:name的写法)
单个双向绑定发送事件使用$emit('input',父级监听到的值),且变量名必须用value;多个双向绑定使用$emit('update:变量名',父级监听到的值);父组件接收时,v-model 接收单个,:变量名.sync 接收多个(vue3中使用v-model:name的写法)原创 2023-05-30 08:55:33 · 267 阅读 · 0 评论 -
uni-app uni-file-picker 上传组件实战应用
【代码】uni-app uni-file-picker 上传组件实战应用。原创 2023-06-16 09:13:31 · 2753 阅读 · 0 评论 -
【微信小程序】之单选框、radio-group、radio组件使用
wxml<radio-group bindchange="radioChange"> <label wx:for="{{radioItems}}" wx:key="*this"> <radio value="{{item.value}}" checked="{{item.checked}}" /> {{item.name}} </label></radio-group>jsPage({ data: {原创 2021-10-24 20:06:40 · 12916 阅读 · 0 评论 -
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
wxml<swiper indicator-dots autoplay interval='3000'> <swiper-item wx:for="{{swipertItems}}" wx:key="*this"> <image src="{{item}}" mode="aspectFill" /> </swiper-item></swiper>wxssswiper { width: 100%; heigh原创 2021-10-24 19:34:59 · 5830 阅读 · 0 评论 -
使用uniapp的扩展组件,在微信小程序中出现报错如何解决
下的组件的,导致条件编译等功能失效 ,导致组件异常 需要在根目录创建。cli 项目默认是不编译。原创 2023-06-12 13:00:13 · 1140 阅读 · 0 评论 -
获取component组件的name名称
此外,this.$options.还可以获取data()、methods、created()、watch等等信息。在组件自身内部console.log(this.$options.name) 可以获取自己的name。sgComponent.name 就是组件的name。方法2:this.$options.name。方法1:component.name。原创 2023-07-07 11:17:39 · 2437 阅读 · 0 评论 -
推荐几个超好用的Office文档(Word:doc/docx、Excel:xls/xlsx、pdf、ppt/pptx、txt、zip/rar、jpg/jpeg/gif/bmp/gif)在线预览组件
word、doc、pdf预览Excel表格预览幻灯片预览压缩包预览。原创 2023-07-01 11:36:49 · 346 阅读 · 0 评论 -
Angular使用@Input和@Output实现父子组件互相传参(类似Vue的props和this.emit)
app.component.html<sg [in]='"传输进入"' (out)="out($event)" ></sg>app.component.tsimport { Component } from '@angular/core';@Component({ selector: 'app-root', templateUrl: './app.component.html'})export class AppComponent { out($ev原创 2021-09-20 19:43:13 · 5616 阅读 · 0 评论 -
elementUI el-upload上传组件实战使用
vue element upload组件配合axios实现用 “Content-Type“: “multipart/form-data“上传方式导入xls文件_你挚爱的强哥的博客-CSDN博客。elementUI el-upload上传组件实战使用。原创 2023-06-04 11:38:55 · 325 阅读 · 0 评论 -
el-date-picker组件的picker-options常规属性设置
【代码】el-date-picker组件的picker-options常规属性设置。原创 2023-07-17 15:53:29 · 2363 阅读 · 1 评论 -
Vue使用vue-3d-model组件预览3D三维文件、立体文件,支持旋转、自动播放
基于threeJS的vue 3D展示组件。原创 2023-07-01 18:58:42 · 4719 阅读 · 11 评论 -
解决uniapp scroll-view组件滚动报错Ignored attempt to cancel a touchmove event with cancelable=false
添加 @touchmove.stop 即可。原创 2023-06-18 18:51:39 · 714 阅读 · 1 评论 -
HTML5原生视频播放器组件video的videocontrolslist属性详解
HTML5提供了内置的视频播放控件,其中videocontrolslist是其中一个很有用的属性。videocontrolslist属性可以用于告诉浏览器在视频播放过程中应该显示哪些默认的用户界面控件。下面我们将从几个方面来介绍videocontrolslist的详细使用。原创 2023-11-27 10:36:55 · 2073 阅读 · 0 评论 -
Vue子组件调用父组件方法并传参的5种方式:$emit触发、传入子组件function、访问父组件$parent.function、用inject关联父组件provide的方法、用window.fun
子组件child.vue。父组件father.vue。原创 2021-09-04 08:52:38 · 8420 阅读 · 0 评论 -
基于elementUI的el-table组件实现按住某一行数据上下滑动选中/选择或取消选中/选择鼠标经过的行。拖拽选择上下行数据。
【代码】基于elementUI的el-table组件实现按住某一行数据上下滑动选中/选择或取消选中/选择鼠标经过的行。原创 2024-01-11 13:14:42 · 1442 阅读 · 0 评论 -
Angular多个页面引入同一个组件报错The Component ‘MyComponentComponent‘ is declared by more than one NgModule怎么办?
有一天,我写了一个自信满满的自定义组件myComponent,在多个页面import使用了,结果控制台给我来这个我特么裤子都脱了,你给我来这个提示是几个意思仔细一看 The Component 'MyComponentComponent' is declared by more than one NgModule什么鬼?说我的组件被多个模块使用?搞什么飞机,我就是要多个页面使用呀!!!于是乎查阅官方文档发现一个shared.module.ts的东东首先找一个干净的文件夹创建一原创 2022-03-29 22:43:54 · 4017 阅读 · 0 评论