奎奎网络发布的文章 - 奎奎博客 - 每天更新资源,奎奎网络,快手奎奎

登录 / 注册

标签搜索

奎奎网络

累计撰写 96 篇文章
累计收到 31 条评论

搜索到 96 篇与的结果

2022-08-18
将网站变成黑白的css设置将网站变成黑白的教程将网站变成黑白，只需要在CSS代码中加上：html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }加上上面这一段就行了.直接全网站黑白!!
- 2022年08月18日
- 5,465 阅读
- 0 评论
- 153 点赞
2022-08-17
强制加QQ好友功能强制加QQ好友功能链接：https://ti.qq.com/friends/recall?uin=QQ号后面改成别人的QQ然后QQ里面打开移动一下分组，然后关闭就有他好友了但是聊天估计不太行
- 2022年08月17日
- 8,491 阅读
- 0 评论
- 515 点赞
2022-08-15
自动抓取网站图片批量下载网页版 extract.pics能够帮助我们非常方便地解析和批量下载指定网页的图片，无需额外安装任何形式的软件，直接通过浏览器打开这款在线工具，然后输入需要下载图片的网页网址，然后点击解析，该在线工具就能将网页中所有的图片解析出来，我们可以一键全部下载或是勾选自己需要的图片一键批量下载到本地{callout color="#2fca66"}https://extract.pics/{/callout}
- 2022年08月15日
- 4,364 阅读
- 0 评论
- 531 点赞
2022-08-15
手机用户中心HTML模板手机用户中心HTML模板{callout color="#f0ad4e"}我感觉还挺好看的，收藏记录一下{/callout}评论获取下载链接隐藏内容，请前往内页查看详情
- 2022年08月15日
- 4,476 阅读
- 4 评论
- 512 点赞
2022-08-15
云短信验证码接收平台云短信验证码接收平台推荐几个免费的云短信验证码接收平台花钱肯定咱不要。如果你还有喜欢分享的话，评论留言。https://www.storytrain.info/ https://america.storytrain.info/+84是越南号码,+66是泰国号码,+60是马来西亚号码,可接收国内验证码!网站提供的号码仅用于注册一些不重要的网站账号或者APP账号，防止个人隐私被泄漏，杜绝被骚扰。禁止将这些电话号码用于政务部门、银行、金融、支付、借贷、快递、网约服务等操作。严禁将号码用于非法用途,所产生的法律后果由使用者自行承担!由此造成经济损失概不负责!
- 2022年08月15日
- 7,657 阅读
- 0 评论
- 120 点赞
2022-08-14
ElementUI表格不调用后端接口实现分页功能  <el-table border :data="itemList.slice((currentPage - 1) * pageSize, currentPage * pageSize)"> .... </el-table> <script> data() { return { // 所有的数据列表 itemList: [....], // 当前页码 currentPage: 1, // 分页尺寸 pageSize: 10, // 分页总数 pageTotal: 30 } } </script>
- 2022年08月14日
- 7,355 阅读
- 0 评论
- 112 点赞
2022-08-14
Vue限制输入框内容只能输入金额或数字 <template> <input @input="formatValue(value)" v-model="value"> </template> <script> export default = { data(){ return { value: "" } }, methods：{ // 只允许输入数字，其他一律不允许输入 formatValue(val){ this.value = this.value.replace(/[^\d]/g, "") }, // 只允许输入金额类型，最大两位小数（如：3.88） formatValue(val){ val = val.replace(/(^\s*)|(\s*$)/g, ""); if (!val) return this.value = ""; val = val.replace(/[^\d.]/g, ""); val = val.replace(/^\./g, ""); val = val .replace(".", "$#$") .replace(/\./g, "") .replace("$#$", "."); val = val.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); this.value = val; }, } } </script>
- 2022年08月14日
- 5,550 阅读
- 0 评论
- 512 点赞
2022-08-14
Vue解决路由重复点击报错的问题 router.js文件// 加上这个 const originalPush = Router.prototype.push; Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) }
- 2022年08月14日
- 5,542 阅读
- 0 评论
- 213 点赞
2022-08-14
升级 element-ui 2.15.7 后遇到 el-date-picker 警告问题近期把 element-ui 升级到了官网最新的 2.15.7版本，无意间发现控制台出现了 Prop being mutated: "placement" 警告，完整警告：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "placement"错误原因锁定组件，发现是 el-date-picker 组件抛出的警告。通过在 github 上搜索，最终找到了答案问题出在了这个 PR #21806 增加了 props placement 用来适应位置，但是之前的代码 created 时有给 placement 赋值。this.placement = PLACEMENT_MAP[this.align] || PLACEMENT_MAP.left; 说白了之前 placement 是 data 的对象，现在变成 props 了，然后修改就报错了解决方案想要解决这个问题，可以修改版本到 2.15.8npm uninstall element-ui npm install element-ui@2.15.8 -s解决方案来自：https://github.com/ElemeFE/element/issues/21905
- 2022年08月14日
- 5,276 阅读
- 0 评论
- 233 点赞
2022-08-14
Typecho 使用 AutocJS 为 Joe 主题开启文章目录使用 Typecho 但是阅读文章时没有文章目录，这个时候就需要借助 AutocJs 来为 Joe 主题添加文章目录功能AutocJs 介绍AutocJs 是一个专门用来生成文章导读（Table of Contents）导航的 JavaScript 工具（原 autocjs 的重构版本）。AutocJs 采用原生 JavaScript 编写，不依赖任何第三方 JavaScript 库。AutocJs 会自动查找文章指定区域中的所有 h1~h6 的标签，并自动分析文章段落间的层次结构，生成文章的导读导航。配置说明可以查看 Github 库：https://github.com/yaohaixiao/AutocJSCss 引用地址：<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/yaohaixiao/autocjs/dist/css/autoc.min.css">JS 引用地址：<script src="https://cdn.jsdelivr.net/gh/yaohaixiao/autocjs/dist/autoc.min.js"></script>Joe 主题中使用教程首先进入网站后台，点击更换外观，点击全局设置在下方找到自定义增加<head></head>里内容，填入下面代码<style type="text/css"> .outline-outside-modal-opened { z-index: 10000 !important; left: 0; width: 300px !important; } </style> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/yaohaixiao/autocjs/dist/css/autoc.min.css">在自定义<body></body>末尾位置内容中填入下面代码<script src="https://cdn.jsdelivr.net/gh/yaohaixiao/autocjs/dist/autoc.min.js"></script> <script> // 文章导航 if ( $(".joe_detail__article").length > 0 ){ // 创建 Outline 实例 let navigation = new AutocJs({ // 文章正文 DOM 节点的 ID 选择器 article: '.joe_detail__article', // 要收集的标题选择器 selector: 'h1,h2,h3,h4,h5,h6', // 侧边栏导航的标题 title: '文章导读', // 文章导读导航的位置 // outside - 以侧边栏菜单形式显示（默认值） // inside - 在文章正文一开始的地方显示 position: 'outside', // 标题图标链接的 URL 地址 // （默认）没有设置定制，点击链接页面滚动到标题位置 // 设置了链接地址，则不会滚动定位 anchorURL: '', // 链接的显示位置 // front - 在标题最前面（默认值） // back - 在标题后面 anchorAt: 'back', // 是否生成文章导读导航 isGenerateOutline: true, // 是否在文章导读导航中显示段落章节编号 isGenerateOutlineChapterCode: false, // 是否在正文的文章标题中显示段落章节编号 isGenerateHeadingChapterCode: false, // 是否在正文的文章标题中创建锚点 isGenerateHeadingAnchor: false }); } </script>其他主题如何使用使用方式都是一样的，都需要引入 CSS 与 JS ，唯一需要修改的就是文章正文 DOM 节点的 ID 选择器使用时的注意点如果不想使用原作者提供的 CDN 地址，需要将 Github 仓库中的 dist 整个目录放入到自己的服务器中，因为 Css 中用到的图标就存在 dist 目录的 fonts 中.
- 2022年08月14日
- 3,540 阅读
- 0 评论
- 512 点赞
2022-08-13
css新增属性 css新增属性 table tr:nth-child(1) { tr父盒子下面的第一个tr background-color: #ddd; } table tr:not(:first-child):hover { tr父盒子下面的tr下面除了第一个属性,别的都被hover background-color: #eee; } CSS3禁止用户选中文字——user-select: none;css渐变background-image: linear-gradient(to right, red, pink);取消a超链接下划线text-decoration: none;//取消a超链接下划线字体文本超出隐藏省略号显示white-space:nowrap; text-overflow:ellipsis; overflow:hidden;字体多行文本超出隐藏省略号显示overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;/*多行数*/ -webkit-box-orient: vertical;表单表单合并边框border-collapse: collapse;//表单合并边框css定位元素垂直居中position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); css不让用户双击选中user-select=none;看到这里了还不点个赞const style = 'color: red; background: skyblue; font-size: 24px; padding: 10px; font-weight: bold;' console.log('%c都看到这里了，还不点个赞？', style)
- 2022年08月13日
- 1,857 阅读
- 0 评论
- 202 点赞
2022-08-13
Vue.set与this.$set源码 Vue.set()和this.$set()应用的场景在 Vue 2.X 项目开发中，有时候需要对数组进行修改，或是对对象新增一个属性，但是发现页面并不会同步更新。例如：const vm = new Vue({ data: { arr: [1, 2], obj: { a: 3 } } }); vm.$data.arr[0] = 3; // 页面不会发生改变 vm.$data.obj.b = 3; // 页面不会发生改变此时就需要使用到 Vue.set() 或 this.$set()。这个2个的使用方法一样，不过一个是挂载在Vue身上，一个挂载在Vue.prototype上// Vue.set import { set } from '../observer/index' Vue.set = set // this.$set import { set } from '../observer/index' Vue.prototype.$set = set使用Vue.set或this.$set来实现页面不更新的问题:const vm = new Vue({ data: { arr: [1, 2], obj: { a: 3 } } }); // 修改数组 Vue.set(vm.$data.arr, 0, 3); vm.$set(vm.$data.arr, 0, 3); // 对象新增属性 Vue.set(vm.$data.obj, 'b', 3); vm.$set(vm.$data.obj, 'b', 3);set函数的源代码../observer/indexfunction set (target: Array<any> | Object, key: any, val: any): any { // isUndef(target)：用于判断传入的target是否是undefined或null // isPrimitive(target)：用于判断传入的target是否是原始数据类型 // 如果是 null 或者是 undefined 时，抛出异常 if (process.env.NODE_ENV !== 'production' &&(isUndef(target) || isPrimitive(target))) { warn(`Cannot set reactive property on undefined, null, or primitive value: ${(target: any)}`) } // 如果传入了一个数组，并且传入的key是数组的有效值 if (Array.isArray(target) && isValidArrayIndex(key)) { // 用于设置数组的最大length // Math.max(target.length, key)：取数组的length和key二者中的最大值 target.length = Math.max(target.length, key) // 直接调用数组身上的splice方法，因为Vue里变异了数组方法，调用会触发dep.notify() target.splice(key, 1, val) return val } // 接下来就是对象的判断了 // 如果传入的 key 在原对象中，说明已经是响应式了，直接修改即可 if (key in target && !(key in Object.prototype)) { target[key] = val return val } // 这里到最后的代码，都是对象不在原对象上，是新增的属性值 const ob = (target: any).__ob__ // 如果是Vue实例对象，或根数据对象，则抛出警告 if (target._isVue || (ob && ob.vmCount)) { process.env.NODE_ENV !== 'production' && warn( 'Avoid adding reactive properties to a Vue instance or its root $data ' + 'at runtime - declare it upfront in the data option.' ) return val } // 如果没有 __ob__ 表示当前 target 不是响应式的，那么直接赋值 if (!ob) { target[key] = val return val } // 剩下就是给响应式对象增加一个 key 新属性，并通知更新 defineReactive(ob.value, key, val) ob.dep.notify() return val }
- 2022年08月13日
- 8,467 阅读
- 0 评论
- 210 点赞
2022-08-13
随机小姐姐在线播放+接口随机小姐姐在线播放+接口Json返回接口 http://hc.baozi66.top:99/xjj.php?type=json 直连接口 http://hc.baozi66.top:99/xjj.php?type=mp4 纯mp4接口，用于在线播放 http://hc.baozi66.top:99/xjj1.php
- 2022年08月13日
- 1,366 阅读
- 0 评论
- 100 点赞
2022-08-13
Vue中导出表格插件，简单实用安装插件npm install --save xlsx在项目中使用插件<template> <div @click="exportExcel">开始导出</div> </template> <script> import XLSX from 'xlsx' export default { methods: { /* 点击导出表格事件 */ exportExcel(){ /* 假设这是后端返回的数据 */ let data = [{ itemId: 111, title: "ces", link: "aaaa" }, ....] /* 将数据重新格式化下 */ let newData = this.filterXlsx(data) console.log(newData) /* 新建空workbook，然后加入worksheet */ let ws = XLSX.utils.json_to_sheet(data) // 设置每列的宽度, 第几个对象代表第几列 ws['!cols'] = [ { 'wch': 15 }, { 'wch': 50 } ] /* 新建book */ let wb = XLSX.utils.book_new() /* 生成xlsx文件(book,sheet数据,sheet命名) */ XLSX.utils.book_append_sheet(wb, ws, '商品监控页汇总数据导出') /* 写文件(book,xlsx文件名称) */ XLSX.writeFile(wb, '商品监控页汇总数据表.xlsx') } /* 导出表格的数据 */ filterXlsx(data) { let xlsxData = [] data.forEach(item => { xlsxData.push({ 商品ID: item.itemId, 商品名称: item.title, 商品链接: item.link, }) }) return xlsxData }, } } </script>
- 2022年08月13日
- 4,469 阅读
- 1 评论
- 1 点赞
2022-08-13
vue2简单版双向数据绑定原理 vue2简单版双向数据绑定原理vue 2 双向绑定简单原理 let aa={ age:12, name:'zbhang ', } let a = { } Object.defineProperty(a,"age",{ configurable:true, // 可修改 get( ){ // 当age被访问时调用 return aa.age } , set ( value){ // 当age 被修改时 aa.age=value } )
- 2022年08月13日
- 6,458 阅读
- 0 评论
- 0 点赞