自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(92)
  • 资源 (7)
  • 收藏
  • 关注

原创 多行文本溢出显示省略号

多行省略。css实现,Clamp.js实现,jQuery.dotdotdot 实现

2023-06-14 15:17:41 664

转载 前端js实现本地模糊搜索

前端js实现本地模糊搜索

2023-06-08 14:14:26 1295

原创 TypeError: e.indexOf is not a function解决方法

【代码】TypeError: e.indexOf is not a function解决方法。

2022-09-06 10:40:48 2076 1

原创 简记:自定义tabBar的组件,pageLifeTimes中的show方法无法执行?

pageLifeTimes里面show方法不执行。原因使用了wxif。

2022-07-18 10:19:15 825

原创 微信小程序-提示“不在以下 request 合法域名列表中”

微信小程序提示:不在以下 request 合法域名列表中,请参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html

2022-07-12 15:01:41 1460

原创 微信小程序:在父组件中修改子组件的样式

微信小程序:在父组件中修改子组件的样式

2022-06-30 14:55:24 2079

原创 微信小程序日历插件用法-举例为(爸妈搜日历)

微信小程序日历插件用法-举例为(爸妈搜日历)

2022-06-29 16:26:52 5358 2

原创 微信小程序日历插件对比

微信小程序日历插件对比。极点日历,爸妈搜日历,Okr日历

2022-06-29 15:57:19 2881 1

原创 小程序中使用scroll-view实现左右滑动菜单

小程序中使用scroll-view实现左右滑动菜单

2022-06-29 11:10:04 933

原创 小程序 修改swiper 点点样式

小程序 修改swiper 点点样式

2022-06-28 16:32:57 540

原创 object-fit:cover;在小程序中不起作用,小程序图片变形

object-fit:cover;在小程序中不起作用,小程序图片变形

2022-06-28 16:14:02 2051

原创 jQuery分页插件kkpager的使用

首页上效果图前言:这个分页功能比较全面,使用比较简单,怎奈,现在网上各种说明文档,api介绍并不全面。好吧,,开始说明1.引用文件<link rel="stylesheet" type="text/css" href="../js/kkpager_blue.css" /><script type="text/javascript" src="../js/kkpager.min.js"></script>2.调用需要传参(pageIndex, pageSiz

2021-11-24 14:11:52 886

原创 Vue报错笔记(1)vue.esm.js?efeb:628 [Vue warn]: Property or method “handleClick“ is not defined on the...

报错代码:[Vue warn]: Property or method "handleClick" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://v

2021-01-29 18:42:43 4664 1

原创 Vue解决warning Emitted value instead of an instance of Error

报错截图原代码<el-carousel ref="carousel" :interval="4000" type="" height="200px"> <el-carousel-item v-for="item in imgList" > <img :src="item.src" /> </el-carousel-item> </el-carousel>只需要加上 :key 就可以修改后

2021-01-25 09:12:59 740

转载 vue脚手架通过ui界面方式创建项目

我们vue脚手架提供了图形界面操作项目,比之前通过命令操作的形式更加简单,下面我就来总结一下图形界面创建项目的基本步骤1、首先保证全局安装@vue/cli工具 ,没有自行下载cnpm i @vue/cli -g2、推荐下载yarn包管理器cnpm i yarn -g3、接下来我们就可以在自己的电脑里创建项目,找到电脑某个位置,在此文件夹按住shift同时右键,在此处打开cmd命令窗口或者在此处打开powershell窗口4、打开窗口之后运行vue ui命令,此时就会打开ui图形界面5

2021-01-22 17:46:45 196

原创 vue 设置自动打开浏览器

修改index.jsautoOpenBrowser: true,

2021-01-22 14:04:54 284

原创 vue中引入css的几种方式

1、在main.js中引入import 'common/stylus/index.styl'或者import '@/common/stylus/index.styl'2、在.vue文件中@import '../../common/stylus/mixin.styl';3、在index.html中引入注:1.在config目录下的 index.js 里面说明了index.html需要引用的静态资源路径2.必须放在static目录下面才能引用到引用<link rel="styl

2021-01-21 17:40:47 3272

原创 vue stylus的安装及使用方法(报错问题处理)

首先原网站:https://stylus-lang.com/docs/mixins.html一、安装styluscnpm install stylus --save-dev二、安装完成截图三、查看安装成功stylus -V四、安装stylus-loadercnpm install stylus stylus-loader --save-dev五、修改webpack.base.conf.js{ test:/.scss$/, loader:'styl

2021-01-21 11:46:49 640

原创 vue中安装及使用animate.css

先上Animate官网地址:https://animate.style/一、安装:我用的yarn 安装$ yarn add animate.css安装成功截图二、引用(修改main.js)import animated from 'animate.css' // npm install animate.css --save安装,再引入Vue.use(animated)三、应用1.直接使用类名<h1 class="animate__animated animate__boun

2021-01-20 19:52:19 591

原创 axios 基础用法

1.安装npm install --save axios安装完成截图(如果出现报错,看上一篇文章)2.在main.js中配置3.使用created () { this.$axios.get("http://localhost:8080/static/js/data.json").then((response) => { this.$nextTick(() => { console.log(response) }) })

2021-01-18 18:46:04 75

原创 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.1 报错处理

报错截图第一步:在package.json中添加这个对象 "optionalDependencies": { "fsevents": "*" }第二步:删除原来安装的包和生成的package-lock.json文件第三步:重新执行安装命令

2021-01-18 18:21:07 3092

原创 vue 创建路由页面(菜单切换)

效果截图创建页面修改router.js文件添加路由

2021-01-18 17:56:05 336

原创 pdf.js使用方法,精简版

很多人都在说,使用pdfjs来实现pdf试读功能。之前没有研究,今天看了一下。网上很多说明,要不太繁琐,要不太简洁,今天还是自己整理一下吧。原网地址:http://mozilla.github.io/pdf.js/一、下载js二、解压后有这样两个文件夹三、新建一个pdf文件目录,把这两个文件夹丢进去。然后,上传到工程中。我放在了js里面。四、使用:<iframe id="previewpdf" src="../js/pdf/web/viewer.html?file="+url+"#

2020-07-07 19:13:16 7265 3

原创 Vue中Element-ui安装、卸载、更新

首先:安装一、命令行中输入:$ npm install element-ui -S二、正常安装以后,会得到安装版本三、查看项目配置文件中,是否有版本号四、安装成功以后,在node_modules文件夹下,element-ui,所有的安装文件都可以在这里找到。五、在main.js中引入element组件import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(Elem

2020-05-14 15:40:47 15835 2

原创 vue css代码优化,代码简化。stylus安装及用法

一、介绍一下@得使用通常在index.js中会有‘@/’文件路径这种用法,@表示src路径。可以在build/webpack.base.conf.js中进行查看二、道理等同于上面的@,可以进行自定义符号,以表示文件用路径,用来减少页面代码。比如:具体使用方法:备注:修改build文件以后,项目需要重启,否则会有报错。三、stylus 的用法1.安装:(1).npm ins...

2020-04-22 22:58:14 287

原创 页面变成黑白颜色展示

明天清明。分享两段css样式方式一: html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(gr...

2020-04-03 14:25:17 218

原创 vscode 设置代码高亮

初始情况:1、File-》Preferences-》settings(我本地环境已经英文转了中文,想要转换环境,可以看上一篇。)2、在search settings中输入workbench.colorCustomizations3、新增代码"editor.fontSize": 14, //窗口字号显示 "editor.minimap.enabled": false, ...

2020-04-01 23:27:43 23074

原创 vscode 默认英文环境,设置成中文语言环境

一、快捷键:ctrl+shift+p二、搜索:configure language三、选择第二项:zh-cn四、出现弹框,重启vscode。完成

2020-04-01 22:56:40 882

原创 vue 首次install \build 失败

由于json某文件的限制,可以先复制npm i --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver --sass-binary-site=https://npm.taobao.org/mirrors/node-sass然后再 npm install 即可我这边的报错显示为: We are slimmin...

2020-03-27 07:58:30 723 1

原创 vue-cli · Failed to download repo vuejs-templates/webpack: self signed certificate in certificate ch

VUE CLI.下载VUEJS模板/WebPACK失败:证书链中的自签名证书$ vue init webpack project报错vue-cli · Failed to download repo vuejs-templates/webpack: self signed certificate in certificate chain解决办法:C:\Users<UserName...

2020-03-27 07:53:49 1127

原创 初学vue:命令行报错-Expected indentation of 4 spaces but found 6

问题修复好了,现在没有截图,日后遇到再补。问题:最近学习vue,用vue-cli初始化项目,直接安装了所有的东西,如vue-router、ESLint、unit tests等等。问题来了,在vue页面写代码时,命令行报了很多错,几乎全是Expected indentation of 4 spaces but found 6类似这样的解决:项目初始时,默认安装ESLint(ESLint是一...

2020-03-20 15:24:35 455

原创 slick 幻灯片

官网:http://kenwheeler.github.io/slick/介绍:slick 是一个基于 jQuery 的响应触摸式幻灯片插件,支持IE8+,Chrome, Firefox, and Safari,具有以下特点:支持响应式浏览器支持 CSS3 时,则使用 CSS3 过度/动画支持移动设备滑动支持桌面浏览器鼠标拖动支持循环支持左右控制支持动态添加、删除、过滤支持自动...

2019-11-05 18:01:43 436

原创 superslide:tab切换,跑马灯,幻灯片,无缝滚动,手风琴

superslide用法确实很多。官网十分详细,基础版免费下载。官网地址:http://www.superslide2.com/这篇文章不想写代码。打算罗列一下这个插件的功能,如果需要代码的话,去官网下载demo吧。...

2019-11-05 17:23:02 786

原创 三、idangerous.swiper实现点击tab切换

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <met...

2019-11-05 16:37:33 554

原创 二、鼠标划过tab切换

区别于一更为精简。<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> ...

2019-11-05 16:28:40 226

原创 一、鼠标滑到tab切换

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <me...

2019-11-05 16:25:24 209

原创 纯CSS实现下拉导航菜单代码

纯css实现,鼠标划过显示二级菜单。二级菜单自上至下滑入。<!doctype html><html class="no-js" lang="en"><head><meta charset="utf-8"><title>纯CSS3-红色下拉导航菜单代码</title><style>/*导航栏*/.n...

2019-11-05 15:40:41 1191

原创 js 收藏&设置为首页

<script type="text/javascript"> //收藏本页 function AddFavorite(sURL, sTitle) { try { window.external.addFavorite(sURL, sTitle); } ...

2019-11-05 15:24:45 162

原创 浮动元素,切图布局

效果:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> &l...

2019-04-11 16:53:38 142

原创 px,pt,em 相互转换

文本大小:{font-size:12px/14px/16px;}说明:1)属性值为数值型时,必须给属性值加单位,属性值为0时除外。2)单位还可以是pt,9pt=12px;3)为了减小系统间的字体显示差异,IE Netscape Mozilla的浏览器制作商于1999年召开会议,共同确定16px/ppi为标准字体大小默认值,即1em.默认情况下,0.75em=12px;1em=16px;...

2019-04-09 18:22:09 966

Clamp.js 下载,多行省略

多行省略 Clamp.js 下载

2023-06-14

dotdotdot.js 的示例demo 包含dotdotdot.js

多行省略,用dotdotdot.js实现。

2023-06-14

wxParse-master

wxParse-master 压缩包 git地址:https://github.com/icindy/wxParse 二次开发文档地址:https://github.com/icindy/wxParse/wiki/wxParse%E4%BA%8C%E6%AC%A1%E5%BC%80%E5%8F%91%E6%96%87%E6%A1%A3

2022-07-15

pdfjs压缩包,pdfjs-2.4.456-dist

pdfjs。js下载 原网地址:http://mozilla.github.io/pdf.js/

2020-07-07

velocity.min.js

velocity.min.js下载,仅供学习 官方网址:http://velocityjs.org/

2020-04-19

ueditor-list.zip

该文件用来解决,使用ueditor编辑器,列表图标,数字不显示的问题。 列表文件本地化使用说明: 1、解压放到你的themes/文件夹下(可以按照需求放置路径) 2、修改editor_config.js文件,修改listiconpath配置项: listiconpath : URL+'themes/ueditor-list/' //如果是自己的目录,请使用 '/'开头的绝对路径 3、在发布文章的页面,引用uparse.js,并运行 uParse 函数,传入列表路径: [removed] uParse('.content',{ 'liiconpath':'/UTest/ueditor/themes/ueditor-list/' //使用 '/' 开头的绝对路径 }) [removed]

2019-11-05

idangerous.swiper.min.js

idangerous.swiper.min.js资源下载;idangerous.swiper.min.js资源下载;

2019-11-05

idangerous.swiper.css

idangerous.swiper.css文件下载;idangerous.swiper.css文件下载;

2019-11-05

animate.min.css

用于动画效果,animate.min.css 下载;文件上传时间2019年2月19日。

2019-02-19

空空如也

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

TA关注的人

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