qq_40599116的博客

原创 shopify 添加swiper coverflow效果，并自定义导航swiper-pagination

shopify 添加swiper coverflow效果，并自定义导航swiper-pagination

原创 shopify 产品详情页面幻灯片去除掉第一张图片

本人使用的是boot主题，Sections 下的main-product.liquid1.找到assign featured_media = current_variant.featured_media | default: product.featured_media修改成assign featured_media = current_variant.featured_media | default: product.media[1]2.找到，共两处 {% for med

原创 shopify修改导航

原创 vue3 cli4 开启 npm run serve 后自动开启浏览器

原创 vue3 cli4 使用prerender-spa-plugin 预渲染

环境Vue：3.0.0node：v14.17.6vue/cli：4.5.15prerender-spa-plugin：3.4.01.安装npm i prerender-spa-plugin -D2.vue.config.jsconst path = require('path')const PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer = PrerenderSPAPlugin.Pu

原创 HTML5表单自定义验证提示setCustomValidity

<input name="" id="" type="text" required="required" placeholder="Email" oninvalid="setCustomValidity('Please enter your email address');" oninput="setCustomValidity('');">注意一定要带上：oninput="setCustomValidity('')HTML5表单验证给前端开发带来许多便利，但是默认的提示不友好。我们可.

原创 vue table 合并单元格内排序

<template> <div style="padding:20px"> <el-table :data="tableData6" :span-method="objectSpanMethod" border> <el-table-column prop="id" label="ID" width="180"></el-table-column> <el-table-column prop="...

原创 前端 ESLint规则开启关闭

关闭当前行的所有规则校验 // eslint-disable-linevue-cli关闭/禁用/使用ESLint语法检测功能 - 简书在使用vue-cli命令‘vue init webpack 项目名称’创建项目的过程中，如果无意选择了ESLint语法检测，会在项目目录中出现如下的ESLint配置文件。 如...https://www.jianshu.com/p/29f3e6c78602...

原创 安装vue-meta-info

1.安装npm install vue-meta-info --save2.main.js 引入import MetaInfo from 'vue-meta-info'createApp(App).use(store).use(router).use(MetaInfo).mount("#app");3.使用<script> export default { metaInfo() { return { title: this.pageName, .

转载 Vue中常用的数组方法.filter()、.map()、.forEach()、.find()、.findIndex()、.some()、.every()

.filter()filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。是否改变原数组：否是否对空数组进行检测：否语法：const arr= [32, 33, 16, 40];const arr1 = arr.filter(item => item >= 18)console.log(arr) // [32, 33, 16, 40]console.log(arr1) // [32, 33, 40].map()map() ..

原创 flex 布局，子元素会撑开父元素，子元素宽度无效

<div class="box"> <div class="left-con"> <div class='c'> <div> </div> <div class="right-con"></div></div><style>.box {display: flex;}.left-con{flex: 1; width: 0}.right-con {wid.

原创 ElementUi中el-table分页效果，前端控制分页

现实的场景中很经常遇到表格el-table数据过多，为了更好的用户体验，所以我们需要用到分页，一般分页可以视数据量的大小可分为前端控制和后端控制。<template> <el-table :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)" :stripe="stripe" :current-page.sync="currentPage"

原创 vue的跳转方式（打开新页面，传参）

1.router-link跳转// 直接写上跳转的地址<router-link to="/detail/one" tag='a' target="_blank" > <span class="spanfour" >link跳转</span></router-link> // 添加参数<router-link :to="{path:'/detail/two', query:{id:1，name:'vue'}}"></ro

原创 vue中calc不生效，calc 取负数

添加一个~即可，下面两种方法都可以width: calc(~"100% - 2.8rem"); width: ~"calc(100% - 2.8rem)";

原创 网页加水印（图片或者文字），兼容手机端

<script>//水印 watermark();function watermark(settings) { //默认设置 var defaultSettings = { watermarl_element: "body", watermark_txt: "", watermark_img: '/static/www/img/lo.

原创 npm 安装 vue-cli

1.先安装node，下载地址https://nodejs.org/en，因为本人电脑配置低只能选择安装node-v12.22.4-x64.msi（64位操作系统），此版本下载地址https://nodejs.org/en/about/releases/。一路next。安装完成后，打开命令行cmd，输入： node -v，回车之后若出现版本号，则没问题。2.安装npm。npm install -g cnpm --registry=https://registry.npm.taobao.org，回车之后出现

原创 gulp-inline-css html+css转换成行内元素

1.安装npmhttp://nodejs.cn/download/ 下载对应版本安装2.命令窗口进入对应项目地址cd /d E:\cd E:\wamp\www3.全局安装gulp（项目位置）npm install gulp -g安装成功会有版本号提示4.安装gulp-inline-cssnpm install --save-dev gulp-inline-css安装成功会有版本...

原创 帝国cms相关信息模板 [!--other.link--]显示信息栏目 栏目地址 classname

修改文件e/admin/functions.php搜索查找 GetKeyboard原来代码//取得相关链接function GetKeyboard($keyboard,$keyid,$classid,$id,$link_num){ global $empire,$public_r,$class_r,$fun_r,$dbtbpre; if($keyid&&$link_...

原创 帝国cms当别名有数据的时候classname显示的是别名，解决方案

1列表页$listtemp='<li> <dl> <dt><a target="_blank" href="[!--titleurl--]" title="[!--oldtitle--]" >[!--title--]</a></dt> ...

原创 字蛛（font-spider）压缩字体

字蛛（font-spider）压缩字体因项目需求使用自定义字体，发现页面加载很慢，字体在8m左右，所以使用font-spider压缩字体大小，提升页面加载速度。1. 安装node ,npm 请参照https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html 安装的时候选择add to PATH 这样node npm 模...

原创 Composer安装tp5教程

1.下载composer，地址点击下载2.安装compose双击Composer-Setup.exe，安装成功后，检查是否安装成功，并安装tp5命令地址：https://pkg.phpcomposer.com/ , 最后一步安装时间可能会慢一些，请耐心等待。...

原创 发邮件 WINDOWS里面出现missing openssl extension

php.ini文件;extension=php_openssl.dll 把前面的分号去掉。但是不管用，然后搜索原来还需要做其他设置我的环境是iis72、复制php安装目录中的：libeay32.dllssleay32.dllphp_openssl.dll至c:\windows\system323、重启IIS ...

原创 帝国cms获取一级栏目、二级栏目、三级栏目

&lt;?php$sql=$empire-&gt;query('select classid,bclassid,classname,classpath,wburl,islast from '.$dbtbpre.'enewsclass order by myorder, classid asc ');for($i=1;$cr=$empire-&gt;fetch($sql);$i++){ ...

转载 windows2003怎样禁止ping？允许ping

windows2003怎样禁止ping？如何用windows系统自带的防火墙规则设置禁止别人Ping我的机器？windows 2003系统默认情况下是禁止ping的，所有Internet控制消息协议(ICMP)选项均被禁用。如果启用ICMP选项，您的网络将在 Internet 中是可视的，因而易于受到攻击，但是有时候需要用ping来测试网络的联通性，如何让wingows 2003能ping通？...

原创 win2000上安装sql server 2000个人版时

win2000上安装sql server 2000个人版时,在创建新的sql server实例或修改现有的实例的计算机的名称,就出错.错误为: 以前的某个程序安装已在安装计算机上创建挂起的文件操作,运行安装程序之前必须重新启动计算机.删除注册表中HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Control\Session Manager...

原创 HTTP压缩

一. HTTP压缩概述HTTP压缩是在Web服务器和浏览器间传输压缩文本内容的方法。HTTP压缩采用通用的压缩算法如gzip等压缩HTML、JavaScript或CSS文件。压缩的最大好处就是降低了网络传输的数据量，从而提高客户端浏览器的访问速度。当然，同时也会增加一点点服务器的负担。Gzip是比较常见的一种HTTP压缩算法。本文介绍的HTTP压缩方式，采用的是Windows系统设置的方式，优...

原创 IIS本地浏览火狐(Firefox)需要用户名密码的解决方案

1.在火狐(Firefox)地址栏中输入:about:config2.然后在过滤器中输入:NTLM3.双击network.automatic-ntlm-auth.trusted-uris,4.在输入值中输入 localhost5.然后关闭火狐(Firefox)浏览器，重新打开就可以了。...

原创 WAMP基于名称的一个IP配置多站点的方法

1.找到WAMP APACHE点击找到httpd.conf 点开 在最底下加入如下代码NameVirtualHost *:80&amp;lt;VirtualHost *:80&amp;gt;ServerName www.aaaa1.comServerAlias aaaa1DocumentRoot &quot;E:/wamp/www/makepic&quot;&amp;lt;Directory &quot;E:/wamp/www/ma

原创 dedecms v5.7 sp1 给栏目添加缩略图功能

一.给数据库添加字段typeimg如图：二 . 修改 dede/catalog_add.php找到 $in_query = "INSERT INTO `#@__arctype`(reid,topid,sortrank,typename,typedir, 大约在227 替换为 $in_query = "INSERT INTO `#@__arctype`(reid,topid...

原创 让dedecms问答、留言本、会员空间导航支持标签 pasterTempletDiy

第一步：打开"/include/common.func.php"，该文件5.6版本默认存在，5.5的不存在自己建一个。然后在该文件中加入一个函数，代码如下：function pasterTempletDiy($path){ require_once(DEDEINC."/arc.partview.class.php"); global $cfg_basedir,$cfg_templet...

原创 sql 语句sum if

SELECT room,COUNT(aid) num,sum(if(DATE_FORMAT(dzsj,'%d')='1',1,0)) num1,sum(if(DATE_FORMAT(dzsj,'%d')='2',1,0)) num2,sum(if(DATE_FORMAT(dzsj,'%d')='3',1,0)) num3,sum(if(DATE_FORMAT(dzsj,'%d')='4',1,0)...

原创 win2003 iis 设置301转向

为了减少权重分散，需要将不带www的网站跳转到带www的网站，需要做301转向有两种方法：一。iis 设置iis创建一个www的网站 绑定带www的域名设置和正常设置一样在创建一个网站绑定不带www的域名 然后设置二。通过代码设置（php为例）&lt;?php $the_host = $_SERVER['HTTP_HOST'];//取得当前域名 $reques...

原创 mysql int类型数据插入空值时报错，调整sql-mode

insert into log values(’’,‘admin’,‘31’,‘physics’)这样写就会报错：Incorrect integer value: ‘’ for column ‘id’ at row 1这种应该是版本问题，尤其是虚拟主机。把’'改成null不会出错：这种问题一般mysql 5.x上出现。我用的mysql5.1，后面查询得知新版本mysql对空值插入有"bu...

原创 Navicat for Mysql 乱码问题解决

一、需要修改的几处属性连接属性：数据库属性：表名上右键-设计表，将光标定位在varchar或char类型的字段上。二、无法往Navicat中插入中文问题：把之前的连接删除，然后在上面【链接】图标点下新建链接在“连接属性”的设置中，高级-“使用mysql字符集”去掉,并且将编码改为10008-GB2312中文字符集就OK了MYSQL中mysql&gt; set names ‘l...

原创 IIS自定义404错误页面系统找不到指定的文件问题的解决方法

我们在IIS站点属性里面设置了自定义的404错误页面为一个文件之后，不知道为什么一直不生效，总是提示这样一句话：系统找不到指定的文件。其实这种错误也只是在某些网站程序中出现，特别是一些纯php 的网站程序，其实解决办法很简单。由于IIS的普通用户没有访问指定的404.html页面的权限，造成了自定义的404错误页面无法显示，我们只要赋予指定的404.html页面USER用户组具有读的权限权限，就...

原创 本地wampserver如何配置伪静态

wamp实现虚拟主机后，我把自己的站放进去就出现了500错误看日志看到.htaccess: Invalid command ‘RewriteEngine’, perhaps misspelled or defined by a module not included in the server configuration不支持伪静态，那么我来分享一下本地wamp实现伪静态：第一步：找到Apac...

原创 dedecms 栏目绑定二级域名

第一步、进入系统设置，如图：第二步、进入需要治理的频道栏目，设置如图：高级选项设置第三步：iis 上绑定二级域名指向文件夹，主域名下的文件夹做301或者302转向第四步：文章内容中的图片修改路径：include/arc.archives.class.php找到240行 //设置全局环境变量 $this-&gt;Fields['typename']...

原创 win2003修改Administrator用户名的方法

1、开始—运行—输入：gpedit.msc —回车2、依此点开,计算机配置 — Windows设置 — 安全设置 — 本地策略 — 安全选项3、在右边的地方，拉到最下面，找到重命名管理员帐户，双击4、输入你要的用户名，确定。然后注销一下，就可以用新用户名登陆了，仅此献给想不想使用默认用户名的用户。...

原创 帝国cms Smalltext 去除html 标签

找到文件 e\class\connect.php将//截取简介function SubSmalltextVal($value,$len){ if(empty($len)) { return ''; } $value=str_replace(array("\r\n","&lt;br /&gt;","&lt;br&gt;","&amp;nbsp;","[!--emp

原创 帝国cms 制作网站地图

1.制作封面模板&amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&amp;gt;&amp;lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&amp