自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

QUX轻博客

QUX轻博客,专注前端开发领域,一键复制,快速实现各种效果!

  • 博客(359)
  • 收藏
  • 关注

原创 viewerjs图片预览插件ajax动态加载图片不出现-【已解决】

bug问题:近期公司查看图片的插件总是bug异常,领导发令更换这个“灯箱效果”,在网上像爬虫一下寻觅了好久,终于找到一个漂亮的插件:强大的jQuery图片查看器插件Viewer.js感觉技术没啥问题——咨询领导意见——领导反馈ok——开始移植——本地移植成功(开心,小问题不要慌)——移交后端大佬测试:内容页面成功实现灯箱效果,但是我们首页和列表页有个类似知乎当前页加载内容的效果,然后就卡坑了!事先声明:我用的是jquery版插件,vue版插件同样问题解决方案在底部。解决之路:捣鼓半天之后,插件

2020-11-06 09:04:28 2123

原创 WordPress使用MySQL数据库数据表详解

在WordPress的系统里,我们常见的分类有文章的分类、链接的分类,实际上还有TAG,它也是一种特殊的分类方式,我们甚至还可以创建自己的分类方法。以wp_users为例,wp_users已经存储了每个用户会用到的基本信息,比如 login_name、display_name、 password、email等常用信息,但如果我们还要存储一些不常用的数据,最好的做法不是去在表后加上一列,去破坏默认的表结构,而是将数据存在wp_usermeta中。comment_date_gmt:评论时间(GMT+0时间)

2022-09-21 11:31:03 1341 1

原创 数组Array.prototype原型方法学习-30分钟学完数组全部操作 原创

总是使用数组的一些常用的方法,例如:push,slice,shift,unshift,pop...,根本没去观察数组原型上自带的方法都有哪些,今天无意中打印了一个空Array数组,发现其原型Array下面有将近35个方法和一个length属性。

2022-09-15 18:30:25 864

原创 面试题十五:js/javascript数组乱序及洗牌算法

说起来 数组乱序,这是大厂经常考的一道题,考验的是对数组的操作。那么实现数组乱序,常见经典的解决方法有两种:1.sort()取巧排序 ,之所以说取巧,这是一种伪随机。当数组过多是, 随机性会变差!原理:通过sort随机生成一个数,决定数组相邻两位的排序,直到数组排序结束。function shuffle(arr){ return arr.sort(function(){ return Math.random()-0.5 })}2.洗牌算法 Fisher–Ya...

2021-03-19 17:36:28 474

原创 面试题二十:Ajax 原理是什么?ajax 是如何实现的?

Ajax全称:Async Javascript and XML,翻译后就是异步的JavaScript 和XML,可以在不重选加载页面的情况下,与服务器交换数据,并实现部分页面更新。Ajax原理:通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用JavaScript来操作DOM而更新页面。Ajax实现过程:1.新建 一个 XmlHttpRequest 实例化对象;const xhr = new XmlHttpRequest();2.通过 Xml..

2021-03-19 17:34:53 320

原创 Qui-Pure v2.48主题版本更新日志

主题更新日志: 1.修复分享插件无关闭按钮; 2.修复搜索小工具样式异常; 3.修复3级菜单显示异常,目前最多支持3级菜单; 4.修复暗黑模式下,不兼容样式:标题颜色/面包屑颜色; 5.修复评论框异常,直接移除未登录允许评论状态; 6.优化了后台头像问题,允许用户自定义本地头像!QUI-PURE主题使用须知主题版本:V2.48更新日期:2021-03-05主题收费:否,永久免费!!!主题类型:博客文章、技术...

2021-03-19 17:33:35 281

原创 微信小程序catchtap逆反思维阻止捕获事件发生

我们都是微信小程序中catchtap绑定的是阻止冒泡事件的发生,换句话说就是仅对当前元素本身生效。常用场景:假如点击父级盒子触发A事件,点击子元素触发B事件,但是这样实际的效果却是,点击父级也会触发子元素的事件,点击子元素也会发生父级的事件,bug就是:这两个事件都会被触发!!!这就是冒泡事件和捕获事件同时存在了!<view bindtap="A"> <view bindtap="B"></view></view>单一的bindtap点击

2021-01-12 10:18:19 1613 2

原创 MySQL DISTINCT去重:过滤重复数据

SELECT DISTINCT score //去除重复的分数FROM student ...

2020-12-21 21:46:08 114

原创 MySQL LIMIT限制查询结果条数

SELECT *FROM studentLIMIT 5 LIMIT n 限制查询n条记录 LIMIT...

2020-12-21 18:24:16 1458

原创 MySQL 多表嵌套查询:[Err] 1248 – Every derived table must have its own alias

SELECT DISTINCT score FROM ( SELECT score FROM student WHERE score>60)A...

2020-12-21 11:22:01 187

原创 MySQL ORDER BY 排序

SELECT *FROM articleORDER BY title ASC //对title进行升序排列ORDER BY title DESC ...

2020-12-21 10:09:12 101

原创 MySQL INNER JOIN:内连接查询

SELECT p.id,p.title,p.auth_id,p.content,c.id,c.name,c.auth_info //要查询的全部数据FROM...

2020-12-21 08:51:12 110

原创 MySQL AS别名

SELECT title AS tt //用 tt别名 代替 title表名FROM article ...

2020-12-21 04:19:45 65 1

原创 MySQL 表别名

SELECT c.id,c.login_nameFROM user c 多表查询时,要使用表名.列名这样的方式来引用列和设置别名,这样就避免了结果集的列名重复问...

2020-12-21 04:16:23 142

原创 MySQL UNION链接符

MySQL UNION链接符SELECT id FROM studentWHERE id<2UNION ALLSELECT idFROM c...

2020-12-21 00:15:10 81

原创 MySQL LIKE和多条件AND/OR

SELECT * //选择KEYFROM classes //从classes数据表中WHERE...

2020-12-18 23:40:53 3751

原创 CSS比较函数min()——比较得出多个值的最小值

我们在实现页面宽度的时候,小于一定尺寸时页面宽度100%,大于这个尺寸的时候就固定大小;或者这样描述:一个盒子,最大宽度不得超过1400px,屏幕分辨率小于1400...

2020-12-18 21:49:35 800

原创 服务器/本地node+express+mysql + PM2 配置环境,api跑起来!

服务器/本地node+express+mysql + PM2 配置环境,api跑起来! 安装api接口环境1.初始化npmnpm init2....

2020-12-18 20:56:12 114

原创 text-shadow看了必回的CSS操作!

一看到text-shadow都会眼熟,虽然正式开发用的少,但是都知道这个是文字投影的功能,其效果大家都明白,不废话,就啰嗦一个文字模糊的功能,具体的看:案例二。...

2020-12-18 14:37:57 72

原创 css比较函数 max() —— 比较得出多个值的最大值

还是那句话,不废话了,直接看实际怎么用的:{height: max(20vw,100px);}浏览量会自动判断毕竟20vw和100px的大小 max(...

2020-12-18 13:33:18 1034

原创 MySQL ORDER BY 排序

SELECT *FROM classesWHERE title LIKE '%年级%' AND id<6 OR id>7ORDER ...

2020-12-18 13:24:48 69

原创 CSS 比较函数:clamp() 将宽高大小自适应!

用于自动大小,但是又限制大小,说起来麻烦又绕嘴,嘟嘟啦啦废话太多,直接看案例: { font-size:clamp(14px,10vw,36px)...

2020-12-18 09:38:59 1282 1

原创 MySQL DELETE 删除语句

DELETE FROM classes //删除数据表WHERE id=10 //id=10的数据,不加WHERE条件,数据表将会全...

2020-12-18 09:03:34 202

原创 MySQL UPDATE 修改更新数据

UPDATE classes //更新数据表 名称SET //设置修改的项 title...

2020-12-18 08:51:14 993

原创 MySQL INSERT插入数据

MySQL INSERT插入数据INSERT INTO classes //插入数据表名称( id,title ) ...

2020-12-18 06:57:54 125

原创 MySQL SELECT 查询数据

SELECT * // *返回全部记录,也可以是 指定 key,例如id,title...FROM classes ...

2020-12-18 05:16:34 91

原创 学习JSON,看完学不会任你打!

json格式文件,或者处理json数据是前端不可避免的一项技术。对于新手来说,对json,ajax有种莫名的恐惧,我刚开始也是,同事说多看看,多操作几次就不怕了,果...

2020-12-16 02:07:15 141

原创 初识Vue 3.0 —— component:组件创建

<h5>6.组件创建</h5><div class="component"> <ul> <custo...

2020-12-14 23:31:32 3211

原创 初识Vue 3.0 —— js表达式

<h5>11.使用JavaScript 表达式,仅支持三元或单个表达式</h5> 交互效果见:https://course.51qux.c...

2020-12-14 21:01:49 117

原创 初识Vue 3.0 —— 计算属性getter

<h5>14.计算属性getter</h5><div class="com"> <p>姓:</p>...

2020-12-14 20:59:29 865 3

原创 wp/wordpress新增自定义文章类型:专题,让后台不仅仅只有文章类型!

//新增自定义文章类型:专题function qui_class() { register_post_type( 'series', //这里的work可...

2020-12-14 20:26:14 516

原创 初识Vue 3.0 —— [attributeName] 动态参数

<h5>12.动态参数</h5><p>v-bind:[attributeName]="url"和v-on:[eventName]...

2020-12-14 19:59:12 1104 1

原创 初识Vue 3.0 —— v-html: 插入html

<h5>9.v-html插入html</h5><div class="htmlbox"> <p>没有用v-htm...

2020-12-14 19:18:57 6079

原创 新媒体标题怎么写?才能有10万+的阅读量!

新媒体自媒体时代的来临,让从事各行各界的人都可以开启撰文、发视频的“薪”时代,可是很多人都尝试过几次就放弃了,虽然自媒体门槛低,但是能通过爆文,点击量赚钱的人太少了,在...

2020-12-14 18:06:45 206

原创 初识Vue 3.0 —— v-model: 表单数据双向绑定

<h5>3.表单数据双向绑定:</h5><div class="modle"> <span>你输入了:{{inp...

2020-12-14 18:00:37 913

原创 初识Vue 3.0 —— v-on:监听 DOM 事件

<h5>12.v-on监听 DOM 事件</h5><pre>v-on:click="doSomething"</pre&g...

2020-12-14 16:16:40 454

原创 初识Vue 3.0 —— v-once : 一次性地插值

<h5>8.v-once一次性地插值,数据再发生变化就不再更新了:</h5><p class="oncebox" ><sp...

2020-12-14 15:34:35 252

原创 初识Vue 3.0 —— data:获取到data的值

<h5>13.data</h5><p>组件的 data 选项是一个函数。Vue 在创建新组件实例的过程中调用此函数。它应该返回一...

2020-12-14 13:14:53 5920

原创 初识Vue 3.0 —— Vue.createApp: 应用实例创建

<h5>7.应用实例创建</h5><pre>const app = Vue.createApp({ data(){ return...

2020-12-14 13:13:21 9578

原创 初识Vue 3.0 —— v-bind/on: 绑定数据及事件

<h5>1.绑定数据及事件:</h5><h2> <span v-bind:title="msg"> tit...

2020-12-14 12:45:26 695

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除