web前端
关注
分享
扫一扫
文章平均质量分 53
前端
狂野小青年
隐晦的日子总是敌不过我们的阳光的心态！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Error in onChooseAvatar hook: “TypeError: Cannot read property ‘apply‘ of undefined“
unapp编译微信小程序后运行报错[Vue warn]: Error in onChooseAvatar hook: "TypeError: Cannot read property 'apply' of undefined"原创 2023-02-28 02:33:39 · 1762 阅读 · 0 评论 -
uniapp 引入vant 2 报错 require is not defined
uniapp 引入vant 2 报错 require is not defined原创 2022-11-28 00:43:02 · 3758 阅读 · 1 评论 -
Vue使用sortablejs拖拽排序 视图显示与数据不一致、拖拽结束后回跳问题解决方案
Vue项目中使用sortable实现对块元素拖拽进行排序，sortable.js是一款很好用的拖拽插件，最近尝试用它做一个列表卡片拖拽功能。安装步骤，如果遇到数据不一致、拖拽结束后回跳如何解决原创 2022-11-18 19:28:02 · 6283 阅读 · 0 评论 -
如何定义让两个div横向排列
div默认的display属性是block。所以每一个div都是新的一行，现在把display换成inline就不会换新行了。这里使用float:right属性。float做为CSS中的一个属性定义元素向哪个方向浮动。和 line-height:24px;高度一致，文字垂直居中。一般情况，默认的div是写一个换一行，那么如何定义两个div横向排列而不换行呢？注意有写情况float属性必须配合width使用，否则失效。float:right 文本或图像会移至父元素中的右侧。原创 2014-12-17 19:40:29 · 4652 阅读 · 1 评论 -
uniapp [Vue warn]: Error in onLoad hook: “TypeError: Attempting to change the setter of an unconfigu
一般通过为对象的属性赋值的情况下，对象的属性可以修改也可以删除，但是通过Object.defineProperty()定义属性，通过描述符的设置可以进行更精准的控制对象属性。本次的错误，是 configurable 的值被设置成 FALSE 导致的，所以改成 TRUE 即可！注意：当使用了getter或setter方法，不允许使用writable和value这两个属性(如果使用，会直接报错滴)Object.defineproperty 的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性。原创 2022-08-20 17:13:25 · 3633 阅读 · 0 评论 -
npm Error: error:0308010C:digital envelope routines::unsupported
node版本高于16，项目的版本不高于16，node17之后更新了OpenSSL。Windows Linux执行如下命令，添加环境变量2、方法二：降低node版本使用nvm将node修改为不高于16的版本原创 2022-07-11 20:52:08 · 9302 阅读 · 0 评论 -
公众号关键字自动回复内容点击跳转小程序方法
公众号关键字自动回复内容点击跳转小程序方法<a data-miniprogram-appid="小程序ID" data-miniprogram-path="/pages/index/index" href="http://app.xiaovie.cn" class="external">小v助手</a>为您提供服务data-miniprogram-appid：小程序wx_app_iddata-miniprogram-path: 小程序跳转页面href：备用网页.原创 2022-05-22 14:24:11 · 5921 阅读 · 1 评论 -
动手撸一个微信小程序学生课程表页面
动手撸一个微信小程序学生课程表页面分解仔细看完课程表页面，我们可以把页面分解：顶部一栏:周一到周日。 左侧一栏:第1-12节课。 中间部分灰色虚线和午休的红线。 遍历具体课程，并绘制。开始写代码顶部：使用wx的for循环<view class="top"> <view wx:for="{{['一','二','三','四','五','六','日']}}" class="top-text">周{{item}}</view>.原创 2021-08-05 14:19:51 · 1400 阅读 · 2 评论 -
H5移动端div固定到底部实现底部导航条的几种方式
H5移动端div固定到底部实现底部导航条的几种方式需求：需要把导航固定在底部？只能滑动内容，导航菜单固定不动的。效果如下：这篇文章主要讲解三种实现方案，包括：fixed,absolute,以及css3的flex布局。html结构如下：<div class="box"> <div class="roll">滚动区域</div> <footer>底部固定菜单</footer></div><原创 2021-01-30 23:44:47 · 6724 阅读 · 8 评论 -
几大流行的js编辑器推荐理由和推荐指数
由于长时间使用 UEditor 编辑器，再加上 UEditor 界面实在不够清新，不符合我的审美，遂决定给网站后台换一个富文本编辑器，经过几天的寻找以及试用，终于找到了符合我这强迫症的最完美的编辑器，它就是——Quill。几大编辑器比较UEditor链接：https://ueditor.baidu.com/website/这款编辑器应该很多人都用过吧，说实话，它的功能在我看来是最全面、最强大的，不仅包含丰富的文本样式编辑，还有强大的表格编辑功能，插入功能，而且接入十分简单，可惜的是官方早就不原创 2020-12-24 16:22:30 · 1493 阅读 · 3 评论 -
errCode: -502005 database collection not exists | errMsg: [ResourceNotFound] Db or Table not exist.
微信小程序云函数开发报错：Uncaught (in promise) thirdScriptErrorerrCode: -502005 database collection not exists | errMsg: [ResourceNotFound] Db or Table not exist. Please check your request, but if the problem cannot be solved, contact us.Error: errCode: -502005 d原创 2020-09-06 22:20:33 · 12172 阅读 · 7 评论 -
Extjs GridPanel用法详解
Extjs GridPanel 提供了非常强大数据表格功能，在GridPanel可以展示数据列表，可以对数据列表进行选择、编辑等。在之前的Extjs MVC开发模式详解中，我们已经使用到了GridPanel，今天我们来介绍一下Extjs中GridPanel的详细用法。本文的示例代码适用于Extjs 4.x和Extjs 5.x，在Extjs 4.2.1 和Extjs 5.0.1中亲测可用！原创 2016-11-28 18:48:07 · 691 阅读 · 0 评论 -
阿里云漏洞修复 RHSA-2019:0109-Important: perl secur
今天打开阿里云后台，提示一个漏洞，找了半天资料才找到，修复方法：升级修复代码：yum update perlyum update perl-ExtUtils-Installyum update perl-Pod-Escapesyum update perl-develyum update perl-libsyum update perl-macros逐条执行以上命令，遇...原创 2019-02-16 11:13:26 · 1480 阅读 · 0 评论 -
Vue build打包之后，刷新页面出现404解决方案
Vue build打包之后，刷新页面出现404，HTML5 History 模式原因分析：vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而...原创 2019-02-22 22:50:27 · 15917 阅读 · 5 评论 -
vue项目让局域网ip访问配置设置
在开发中，为了让同一局域网的小伙伴，都可以通过IP地址访问到vue-cli搭建的项目，要怎么配置呢?第一步：修改config文件中找到 index.js 文件的host改成 ‘0.0.0.0’第二步：检查package.json文件里进行配置，scripts.dev配置是否设置 host为‘0.0.0.0’这里我要强调下，第一步和第二步都有ip，其实第二步优先级高，这里第...原创 2019-03-06 00:27:50 · 21695 阅读 · 12 评论 -
vue打包慢解决方法 npm run build 卡住不动
起因：最近开发个项目使用的vue，有些功能需要生产版本放服务器上测试，这就出问题了。。卡住了，不动了，还不报错这是在vscode的终端里面，试了git hash，试了cmd ， 试了powershell，都是一个样子，这就很尴尬了，试着执行了 npm run dev， npm i，都能正常运行；然后，又试了下cnpm i， 咦 ！ 有猫腻，一样卡住了然后就百度了一哈，其实我搞不懂 ...原创 2019-03-17 23:10:47 · 27925 阅读 · 6 评论 -
Vue input表单number类型保留两位小数，并防止输入多个小数点解决方法，自定义NumberInput组件
背景：Vue开发移动端应用时，难免用到表单输入，比如金额。需求：这时就需要吊起移动端数字键盘，input的type就必须设置成number，当然tel类型也可以，但是无法输入小数点。当然如果精力允许，你也可以自定义数字键盘是最好的，网上也有很多Vue数字键盘组件。踩坑：一但用了input[type=number]类型有很多的坑。vue在申明表单model的时候必须是整形，要不然一堆红报...原创 2019-04-04 15:12:57 · 42642 阅读 · 24 评论 -
js验证url是否有效，支持跨域的验证
js验证url是否有效，支持跨域的验证背景：有时候我们不仅仅验证url是否正确，还需要验证是否能真正访问原理：先用正则校验过后，然后用ajax去模拟请求，能响应200，说明url真实有效，跨域用jsonp，超时设置越短越好。 $.ajax({ type: 'get', cache: false, url: url...原创 2019-08-24 17:47:06 · 1930 阅读 · 0 评论 -
ios 键盘弹出input输入框被遮挡 键盘隐藏时页面无法回弹解决方案
ios 键盘弹出input输入框被遮挡 键盘隐藏时页面无法回弹解决方案问题：测试发现ios微信端浏览器中，键盘弹出后，输入框被软键盘遮挡，input失焦后，因软键盘顶起的页面没有回弹到原来位置，需手动滑动一下页面才可以恢复；android端没有发现这个问题原因：ios对fixed支持并不是很好，ios12+，微信6.7.4版本存在bug,键盘收回时,界面没有恢复,底下出现空白区域,并导致光标...原创 2019-08-18 11:39:00 · 4090 阅读 · 2 评论 -
新版正方教务系统模拟登录登录密码RSA加密破解
新版正方教务系统模拟登录登录密码RSA加密破解最新版本教务系统，登录密码有被RSA加密，模拟登录时，我们需要先正方教务的加密方式。第一步：获取到加密公钥通过抓包我们可以获取到公钥获取url，然后用PHP的CURL模拟请求该地址，即可获取到最新公钥。第二步：用公钥加密<html><head><script type='text/java...原创 2019-09-15 16:50:32 · 10868 阅读 · 0 评论 -
<table>表格标签css固定最后一列方案
html中<table>表格标签css固定最后一列方案，table固定最后一列，table固定最后一列，table固定最后一列先看效果吧：css写法：<style> /*设置倒数第二个 右边内边距*/ table tr th:nth-last-child(2), table tr td:nth-last-child(2){ ...原创 2018-11-13 13:51:20 · 9938 阅读 · 14 评论 -
校园失物招领微信小程序+H5+后台管理源
失物招领源码，实物招领小程序源码，实物招领wap源码下载失物招领主要包括了微信小程序端，微信公众号wap端，后端管理。小程序，wap端主要包括失物信息发布，失物认领，短信认证，自动屏蔽广告。关键技术：ThinkPHP3.2 ，JQuery，Angular，MySql，Restful Api后台...原创 2018-10-28 23:26:23 · 22787 阅读 · 33 评论 -
AngularJs在ng-click函数中如何获取代表当前元素的DOM对象
[javascript] view plain copy print?class="unchecked" type="checkbox" ng-model="item.isCustOmized" ng-click="switchCheckBox($event, item.isCustOmized)" /> [javascript] view原创 2017-05-08 22:48:22 · 3399 阅读 · 0 评论 -
使用jquery reveal打开和关闭弹出框的JS方法
使用jquery reveal打开和关闭弹出框的JS方法。打开jQuery("#number").reveal("{data-animation:'none'}");关闭jQuery("#number").trigger('reveal:close');原创 2017-04-16 14:27:47 · 2671 阅读 · 0 评论 -
浏览器窗口变化监听
$(document).ready(function(){ $("#main_content").css('min-height',$(window).height()-100);//设置最小高度 }) $(window).resize(function () { //当浏览器大小变化时 $("#main_content").css(原创 2017-04-15 20:39:09 · 1075 阅读 · 0 评论 -
js input上传图片预览
$(function(){ $("#pstimg").change(function(){ var file = this.files[0]; alert("文件大小:"+(file.size / 1024).toFixed(1)+"kB"); if (window.FileReader) { va原创 2016-11-18 14:28:46 · 2097 阅读 · 0 评论 -
完美实现跨域Iframe高度自适应【Iframe跨域高度自适应解决方案】
Iframe的强大功能偶就不多说了，它不但被开发人员经常运用，而且黑客们也常常使用它，总之用过的人知道它的强大之处，但是Iframe有个致命的“BUG”就是iframe的高度无法自动适应，这一点让很多人都头疼万分。百度或是谷歌一下，确实很多解决方法，但尝试一下，会发现问题很多：浏览器兼容性差，不能自适应，仅支持同域Iframe等诸多问题，尤其是跨域Iframe高度自适应问题。网上根本找不到一种可行原创 2016-11-07 23:49:23 · 1116 阅读 · 0 评论 -
js正则验证ip地址
ip有效性验证function isValidIP(ip) { var reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/原创 2016-09-24 22:29:38 · 832 阅读 · 0 评论 -
DIV+CSS布局
1、Div+Css布局教程（-）CSS必备知识注：本教程要求对html和css有基础了解。一、CSS布局属性Width：设置对象的宽度（width:45px）。Height：设置对象的高度(Height:45px;)。Background：设置对象的背景颜色、背景图像。1.背景颜色background:#09F;2.背景图像b原创 2016-06-17 00:03:47 · 984 阅读 · 1 评论 -
web前端 常用meta标签
设置编码信息设置语言设置重定向设置缓存时间不使用缓存设置关键字设置描述信息设置对搜索引擎抓取设置可视区域浏览器使用： 禁止数字识自动别为电话号码禁止识别邮箱原创 2015-11-12 20:10:30 · 901 阅读 · 0 评论 -
js将时间戳转yyyy-mm-dd
js函数库太少了，时间戳转换都要自己写代码实现，小程序又用不了JQuery，自己实现了，可以自己拿去封装成自己的函数库。这里要注意了php时间戳是10位，js里是13位，注意自己转换。function formatDateTime(timeStamp) { var date = new Date(); date.setTime(timeStamp * 1000);...原创 2017-06-13 10:33:08 · 31822 阅读 · 5 评论 -
Layui官方js正则验证手机号，邮箱，网址，日期，身份证
Layui官方js正则验证手机号，邮箱，网址，日期，身份证。从官方js里挖出来的，正则表达式，赶紧收藏。js正则验证手机号：/^1\d{10}$/js正则验证邮箱：/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/js正则验证url：/(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/js正则验日...原创 2018-06-21 11:22:32 · 27045 阅读 · 3 评论 -
html input表单禁止浏览器自动填充使用过的值
网上的解决方案是在标签中加 autocomplete="off"但是问题是360浏览器，根本没效果。 最后自己想出一个办法，进入页面时，用js重置表单为空值。但是效果并不明显，后来想可能是浏览器等待标签渲染完成时间，浏览器再给表单赋值，js执行早于了这个渲染结束时间。 于是我又想等待1秒后执行，发现有时可以，有时又不行，然后把时间设2秒，基本都就可以了，但是要等一段时间，才能看到表单被...原创 2018-05-05 16:10:43 · 5373 阅读 · 4 评论 -
HTML点击元素以外任意地方隐藏该元素
HTML点击元素以外任意地方隐藏该元素原生javascript写法：var scheduleBox = document.querySelector('#schedule-box') document.addEventListener("click", function(e){ // 判断被点击的元素是不是scheduleInput元素，不是的话，就隐藏之 if( e.tar...原创 2018-02-19 22:59:16 · 8167 阅读 · 2 评论 -
html价格日历控件
一款实用于旅游网站的价格日历，学习使用都很不错，js没有封装，完全可以自己拿来修改使用，或者做学习之用。主要功能：前端价格日历显示；后台价格设置和修改接入说明：核心代码已分离出来，仅用jquery类库，没有其他依赖了，接入非常简单。效果图：GitHub地址：https://github.com/melodyne/DatePicker想要完整源码请加入QQ群，群文件自行下载！...原创 2017-06-07 17:32:12 · 7205 阅读 · 3 评论 -
ajax跨域终极完美解决方案
跨域的概念跨域大家都知道，不同地址，不同端口，不同级别，不同协议都会构成跨域。例如：about.haorooms.com和www.haorooms.com都会构成跨域。总结起来只要协议、域名、端口有任何一个不同，都被当作是不同的域。下面举例，每两个一组。URL 说明 是否允许通信http://www.haorooms.com/a.jshtt原创 2017-12-05 17:52:28 · 1027 阅读 · 0 评论 -
获取input原来的值,input还原
修改了input,但不用form的reset方法，单个恢复input修改前的值 //html" onmouseover="over(this)" onmouseout="out(this)" onchange="upd(this)">//jsfunction upd(e){ e.defaultValue;//原来的值 }原创 2017-12-13 11:34:45 · 7779 阅读 · 2 评论 -
npm: 2.15.1 should be >= 3.0.0 npm install express operation not permitted
错误： npm: 2.15.1 should be >= 3.0.0此时要升级自己noodjs版本错误：npm install expressoperation not permitted好吧，找度娘！结果各种不靠谱，最后花费了一天的时间找到了！需用系统管理员的权限打开cmd窗口，原创 2017-09-02 12:54:52 · 2656 阅读 · 0 评论 -
div居中之css水平居中 单行多行文本垂直居中
div居中之css水平居中 单行多行文本垂直居中原创 2017-09-07 09:00:21 · 1903 阅读 · 0 评论 -
<div>多行文本垂直居中
多行文垂直本居中问题文本文本原创 2015-08-30 11:09:50 · 1191 阅读 · 0 评论