标签搜索列表

js判断滚动条滚动方向以及滚动位置判断

js判断滚动条滚动方向以及滚动位置判断

利用js方法判断当前滚动条滚动的方向,以及滚动位置相关判断,横向滚动纵向滚动。

2022-02-09 13:31:24
306 0 0 0
追梦猪追梦猪
javaScript
js 实现事件分发系统 on、off、emit

js 实现事件分发系统 on、off、emit

使用js封装事件分发系统,包含三个最基本功能 on (监听事件), off (移出事件), emit (触发事件),来实现事件的监听回调。

2021-10-16 15:01:34
514 0 0 0
追梦猪追梦猪
javaScript
Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node

Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node

Nuxt.js打包后报错DOMException: Failed to execute appendChild on Node,无法在节点上执行appendChild,添加dom节点问题。

2021-10-16 09:49:51
468 0 0 0
追梦猪追梦猪
vue
nuxt.js客户端呈现的虚拟DOM树与服务器呈现的内容不匹配

nuxt.js客户端呈现的虚拟DOM树与服务器呈现的内容不匹配

nuxt.js客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在<p>中嵌套块级元素,或者缺少<tbody>。打捞水化并执行完整的客户端渲染,在控制台出现红色提示,布置到生产环境项目发生崩溃。

2021-10-15 19:58:14
469 0 0 0
追梦猪追梦猪
vue
js实现禁止查看源代码,禁止右击、禁止F12、禁止开发者工具

js实现禁止查看源代码,禁止右击、禁止F12、禁止开发者工具

使用javascript屏蔽阻止用户通过鼠标右键点击,键盘f12,以及通过浏览器自带的开发者工具选项进行源代码的查看

2021-04-05 20:09:12
1088 0 0 0
追梦猪追梦猪
javaScript
mock.js的开发方式及变量解释说明

mock.js的开发方式及变量解释说明

直到在一个夜黑风高的晚上,我邂逅到它(mock.js),顿时感觉,整个世界都安静了不少。站长在经历当中遇见最恶心的事就是什么也没有,没有文档,没有交流,你做你的我做我的,很反感这样的开发方式,各做各的没有一点交流合作,团队也不会有多大的成长!

2020-01-21 13:52:26
2107 0 0 0
追梦猪追梦猪
javaScript
js保存导出json数组文件下载

js保存导出json数组文件下载

站长在搞一个矩阵二维地图的时候(其实就是二维数组),自己总不能一个一个给数组里填吧,所以就有了这个自动保存json文件导出供我使用的数组话不多说上代码!

2019-12-06 13:37:56
2246 0 0 0
追梦猪追梦猪
javaScript
js判断一个对象是不是数组类型

js判断一个对象是不是数组类型

typeof 和 instanceof 都可以用来判断变量,typeof方法返回一个字符串,来表示数据的类型; 但是typeof来判断数据类型其实并不准确。比如数组、正则、日期、对象的typeof返回值都是object,这就会造成一些误差。而instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性,返回一个布尔值。

2019-12-06 10:30:09
1834 0 0 0
追梦猪追梦猪
javaScript
js树形菜单数组递归处理

js树形菜单数组递归处理

有的时候我们在处理一下类型数据,子级数据的时候我们可能要更客观的展示所以搜集当下供大家参考,如人员递归,分类递归,select下拉递归

2019-12-05 19:22:07
1964 0 0 0
追梦猪追梦猪
javaScript
js正则验证封装

js正则验证封装

通过整合各类验证信息进行对邮箱、电话、手机、邮编、数字、浮点、货币、网址、传真、整数、正整数、负整数、数字字母、是否含有中文字符等进行封装!

2019-12-05 19:12:34
1881 0 0 0
追梦猪追梦猪
javaScript
js事件实现全屏和退出全屏

js事件实现全屏和退出全屏

首先,我们需要给出一个默认状态,即非全屏。然后,在此基础上我们进行DOM操作,每次用户进行操作时,我们先判断当前状态,进行相应的操作,操作过后改变当前状态即可。

2019-12-04 15:50:16
1805 0 0 0
追梦猪追梦猪
javaScript
js敏感词屏蔽

js敏感词屏蔽

利用正则替换实现敏感词替换,达到恶意字符进行屏蔽的效果

2019-08-06 10:24:38
2369 0 0 0
追梦猪追梦猪
javaScript
iOS移动端设备下js时间倒计时报错nan

iOS移动端设备下js时间倒计时报错nan

追梦猪最近在做移动端项目 ,有个设置开始时间和结束时间,然后倒计时 这个活动还有几天。在安卓上能正确转换时间,但在iOS上不能显示,为NaN-NaN1-NaN Invalid Date, 就好比new Date('2017-09-18 14:58:32').getTime();

2019-01-05 14:14:54
4455 0 0 0
追梦猪追梦猪
javaScript
js 获取audio时长

js 获取audio时长

写js时在网上找了很多获取音频时长都获取不到,然后搜索各种试最后终于可以,记录下来方便以后使用 ​

2018-10-08 17:01:27
2864 0 0 0
追梦猪追梦猪
javaScript
js时间段时间区间生成方法

js时间段时间区间生成方法

获取一天的时间生成1点到2点,2点到3点等等的时间段,也可以生成单个1点,2点等或者2.15,3.15等,根据需要进行拓展

2018-09-25 16:25:02
4582 0 0 0
追梦猪追梦猪
javaScript
vue中使用mock.js进行数据模拟

vue中使用mock.js进行数据模拟

mock.js没有用过的觉得很鸡肋,不就是填充数据吗,我开发的时候页面有数据啊,等等,我们要应用的场景就是我们调好接口,在没有网的情况下发现页面空荡荡的,而这个时候老板过来说看一下你的项目,怎么难道直接给老板看空白页面吗,当然是no,这时候mock.js这个数据生成器就派上了用场,用来展示数据,这样老板看到带数据的页面就感觉你这工作很ok!

2020-01-20 17:07:44
1776 0 0 0
追梦猪追梦猪
vue
Vue.js16款优秀的UI组件库推荐

Vue.js16款优秀的UI组件库推荐

Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。

2019-12-12 13:38:24
3466 0 0 0
追梦猪追梦猪
vue
vue.js中实现HTML标签转义及反转义及富文本编辑器显示

vue.js中实现HTML标签转义及反转义及富文本编辑器显示

当我们把服务端传给vue的代码放入vue中的时候我们出现了犯难,转义以后是字符串类型的vue只有v-html才能导入到ueditor中显示,由于是纯前端操作,不涉及后端,因此需要通过js对输入内容进行转义。这里提供一个非常简单有效的转义方案,利用了innerHTML和innerText

2019-12-05 19:48:18
5260 0 0 0
追梦猪追梦猪
vue
vue-echarts npm run build  编译生产版本报错 UglifyJs

vue-echarts npm run build 编译生产版本报错 UglifyJs

原因: 由于 UglifyJs 只支持 ES5 而 vue-echarts可能引入了一部分 ES6 的写法,所以导致 webpack 打包失败。解决: webpack.config.js 配置删除下面这句, exclude 表示/node_modules/ 目录下的 .js 文件不要进行 babel-loader , 覆盖了上一句 include 的设置

2019-12-04 15:32:00
2834 0 0 0
追梦猪追梦猪
vue
react.js引入配置less

react.js引入配置less

react.js引入配置less,来实现动态管理背景主题

2019-08-26 13:46:27
2553 0 0 0
追梦猪追梦猪
react
Vue根据菜单json数据动态按需加载路由Vue-router

Vue根据菜单json数据动态按需加载路由Vue-router

Vue根据菜单json数据动态按需加载路由Vue-router,实现路由动态化

2019-08-06 13:38:34
3137 0 0 0
追梦猪追梦猪
vue
用prerender-spa-plugin插件Vue项目优化SEOwebpackJsonp is not defined PrerenderSpaPlugin错误

用prerender-spa-plugin插件Vue项目优化SEOwebpackJsonp is not defined PrerenderSpaPlugin错误

在使用预渲染prerender-spa-plugin测试打包生成静态页的时候我们发现在console控制台出现会出现webpackJsonp is not defined错误提示

2019-08-22 10:53:43
4183 0 0 0
追梦猪追梦猪
vue
Vue.js钩子函数的使用技巧和生命周期详解

Vue.js钩子函数的使用技巧和生命周期详解

Vue.js中提供了许多函数,有一些函数非常有用,它将组件创建到完成渲染这段时间进行了无限放大,其实在这段时间内我们可以做好多工作,这在其他框架下是没有的,非常实用

2018-11-15 16:35:17
2930 0 0 0
追梦猪追梦猪
vue
vue中wow.js的使用

vue中wow.js的使用

刚开始我是通过在index页面直接引入wow.js效果,第一天可以,但是第二天就不行了,看了一下代码的前端执行结果发现动画的名称是none,那问题出现在了没有找到动画名称,为什么会出现这样的我想应该是加载顺序导致的,wow.js在页面加载完以后便已经执行了,但是我的数据还没有获取到所有才出现了数据被display:none;

2018-09-12 14:34:41
8339 0 0 0
追梦猪追梦猪
vue
vue全家桶之一:axios

vue全家桶之一:axios

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

2018-08-13 10:23:35
2810 0 0 0
追梦猪追梦猪
vue
服务端渲染next.js+react+redux-persist持久化存储+ant环境下出现redux-persist failed to create sync storage无法创建同步存储

服务端渲染next.js+react+redux-persist持久化存储+ant环境下出现redux-persist failed to create sync storage无法创建同步存储

报错redux-persist failed to create sync storage. falling back to ”noop" storage (redux persist无法创建同步存储。回到“noop”存储),我们很蒙蔽会找redux的问题,还有各种交流网站上跟react开发的react-native的连贯问题,但是发现跟着写也没有解决,在回退到原始找寻路径,我们去了官网的git上的issues上我们找到了蛛丝马迹如图

2020-04-10 17:56:20
2827 0 0 0
追梦猪追梦猪
react
next.js出现Warning: Expected server HTML to contain a matching问题解决

next.js出现Warning: Expected server HTML to contain a matching问题解决

使用next.js对react进行服务端渲染的时候我们遇见如图问题,Warning: Expected server HTML to contain a matching <div> in <li>.原因是我们的页面上出现了跟服务端不匹配的标签,这个标签产生的原因就是我们动态判断显示的内容,比如说我们在登陆的时候,登陆成功是不是要显示我们的用户信息,填充到界面上,这样我们就知道页面跟服务端的页面发生了变化!

2020-04-10 13:21:59
4443 0 0 0
追梦猪追梦猪
react
react.js报错信息(四)之npm run build打包空白报错

react.js报错信息(四)之npm run build打包空白报错

React项目npm run build打包上线后,页面出现空白的原因同vue打包空白错误一样就是路径问题,在react打包运行的时候出现错误导致页面空白无法访问

2019-09-03 16:42:36
4771 0 0 0
追梦猪追梦猪
react-native
 react.js从入门到精通(一)——我的第一个react实例demo

react.js从入门到精通(一)——我的第一个react实例demo

本篇教程介绍react的从入门到精通,通过简单的demo带领大家走进react的世界

2019-08-26 19:04:31
2357 0 0 0
追梦猪追梦猪
react
react.js报错信息(一)之error: 'Link' is not exported from 'react-router'

react.js报错信息(一)之error: 'Link' is not exported from 'react-router'

出错原因:通常在 React 中,一般要引入两个包,react和 react-dom,那么react-router和react-router-dom不同之处就是后者比前者多出了<Link> <BrowserRouter>这样的 DOM 类组件,因此只需引用react-router-dom这个包就OK了

2019-09-30 11:12:06
2605 0 0 0
追梦猪追梦猪
react-native
nodejs下fs模块导入文件中文乱码问题

nodejs下fs模块导入文件中文乱码问题

在使用node做敏感词限制上传的时候用到了导入功能我们使用了fs,然而却出现乱码,我们想到的乱码可能就是编码不一致,我们在网页开发的时候utf-8转gbk就容易出现乱码,所以,我们导入iconv-lite模块

2020-01-16 16:40:48
1971 0 0 0
追梦猪追梦猪
nodeJs

猜你喜欢

vue报错信息(一)之 fns.apply is not a function

追梦猪在做vue项目的时候会遇见各种各样的奇葩报错,以此收集来带入坑不知所措的坑友脱坑,当你在改完vue代码进行热加载的时候,我们的控制台出现了报红(也就是错误),打开控制台f12看到以下如图所示错误:

2018年12月28日
9309 0 0 0
追梦猪追梦猪
vue

ThinkPHP(tp5)一键生成静态方法

常说的页面静态化分为两种,一种是伪静态,即url 重写,一种是真静态化。前两篇讲了两种静态化方法,基本都是使用TP自带的静态化机制。但TP写的网站页面路由都比较繁琐复杂,不利于引擎优化。

2019年01月19日
8536 0 0 0
追梦猪追梦猪
php

vue中wow.js的使用

刚开始我是通过在index页面直接引入wow.js效果,第一天可以,但是第二天就不行了,看了一下代码的前端执行结果发现动画的名称是none,那问题出现在了没有找到动画名称,为什么会出现这样的我想应该是加载顺序导致的,wow.js在页面加载完以后便已经执行了,但是我的数据还没有获取到所有才出现了数据被display:none;

2018年09月12日
8339 0 0 0
追梦猪追梦猪
vue

微信小程序之事件bindtap和catchtap

我们都知道bindtap和catchtap都是当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。但是bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。

2018年09月11日
8048 0 0 0
追梦猪追梦猪
微信小程序

uniapp打包提示DCloud APPID非当前账号所有

在hbuilderX启动拷贝下来的项目的时候uniapp云端打包提示:“DCloud APPID非当前账号所有,请联系应用所有者设置此账号为协作者,或重新生成APPID后打包”

2019年08月06日
7794 0 0 0
追梦猪追梦猪
uniapp