Skip to content

Instantly share code, notes, and snippets.

View sunzsh's full-sized avatar

小山 sunzsh

2.1k followers · 4 following
View GitHub Profile
@sunzsh
sunzsh / msgboxSlider.js
Created August 21, 2022 12:49
利用带slider的弹框修改数字
import Vue from 'vue'
function msgboxSlider(vue, options = { }) {
let sliderPropsFin = Object.assign({ value: 0, min: 0, max: 100, step: 1, showInput: true }, options.slider);
let currentValue = sliderPropsFin.value;
const content = vue.$createElement('el-slider',
{
style: { width: '380px' },
props: sliderPropsFin,
on: {
@sunzsh
sunzsh / flex-transition-demo.html
Created October 15, 2022 14:01
全屏折叠面板demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body, html {
height: 100%;
@sunzsh
sunzsh / shake.css
Created September 25, 2022 14:04
<style>
@keyframes shake {
10%,
90% {
transform: translate3d(-1px, 0, 0);
}
20%,
80% {
transform: translate3d(2px, 0, 0);
@sunzsh
sunzsh / gist:874d2e5e214a660fd5b8f75fea0a5b5a
Last active May 24, 2023 14:53
react文本框赋值方法
javascript:(function(){setNativeValue=function(qs,value){const element=document.querySelector(qs);const valueSetter=Object.getOwnPropertyDescriptor(element,'value').set;const prototype=Object.getPrototypeOf(element);const prototypeValueSetter=Object.getOwnPropertyDescriptor(prototype,'value').set;if(valueSetter&&valueSetter!==prototypeValueSetter){prototypeValueSetter.call(element,value)}else{valueSetter.call(element,value)}element.dispatchEvent(new Event('input',{bubbles:true}))};})();
@sunzsh
sunzsh / el-table3.vue
Last active June 19, 2023 05:51
带分页打印表头的el-table
<script>
import { Table } from 'element-ui';
export default {
extends: Table,
mounted() {
this.$nextTick(function () {
let thead = this.$el.querySelector('.el-table__header-wrapper thead');
let theadNew = thead.cloneNode(true);
this.$el.querySelector('.el-table__body-wrapper table').appendChild(theadNew);
})
@sunzsh
sunzsh / v-drag.js
Created December 1, 2022 13:43
v-drag指令
Vue.directive('drag', (el) => {
const oDiv = el // 当前元素
const minTop = oDiv.getAttribute('drag-min-top')
const ifMoveSizeArea = 20
oDiv.onmousedown = e => {
let target = oDiv
while (window.getComputedStyle(target).position !== 'absolute' && target !== document.body) {
target = target.parentElement
}
@sunzsh
sunzsh / csdn文章展开
Last active July 12, 2023 09:20
javascript:(function(){document.querySelector('.hide-article-pos').remove();document.querySelector('.article_content').style.height='initial';})()
@sunzsh
sunzsh / gist:e66cbef4f43820a5c2007d5c747c9529
Last active November 9, 2023 15:20
书签栏免登陆复制CSDN博客中代码片段
javascript:$('#content_views').unbind('copy');csdn.copyright.textData='';document.querySelectorAll(".prism,.hljs-button").forEach((b)=>{b.setAttribute('data-title','\u590d\u5236');b.onclick=function(e){navigator.clipboard.writeText(e.target.parentElement.innerText);e.stopPropagation();e.target.setAttribute('data-title','\u590d\u5236\u6210\u529f');setTimeout(()=>{e.target.setAttribute('data-title','\u590d\u5236');},2000)}});document.querySelectorAll("style").forEach((s)=>{if((s.innerText||"").indexOf('#content_views pre')>-1){s.parentElement.removeChild(s)}});
@sunzsh
sunzsh / 系统当前选中文件路径.applescript
Last active December 7, 2023 06:20
alfred获取当前选中的文件路径
on run
tell application "Finder" to set aliasItemName to selection as alias
set posixPathName to POSIX path of aliasItemName
return posixPathName
end run
@sunzsh
sunzsh / fix-zoom.js
Created December 29, 2023 15:37
解决代码修改了网页zoom导致各种popover错位的问题（适配vue2+elementUI）
export default {
install(Vue) {
const delegates = {
'el-select': (component, element) => {
return [component.$refs.reference.$el]
},
'el-pagination': (component, element) => {
const sizesComponent = component.$children.find((child) => child.$options._componentTag === 'sizes');
const eles_ElSelectInSizes = delegates['el-select'](sizesComponent.$children[0], element);