
前端
lmp5023
这个作者很懒,什么都没留下…
展开
-
element的Cascader默认选中,0不生效解决方法
在el-cascader中加入v-model可以默认选中, 但是当options里的value = 0的时候,是没自动选中的,解决方法:把value和selectedOptions都转成字符串,因为他是区分整形和字符串的原创 2022-04-09 20:35:34 · 2502 阅读 · 0 评论 -
Duplicate named routes definition
初始化后台菜单的时候报了一堆Duplicate named routes definition,原因:没有判断addRoutes是否成功,以下为正确逻辑:判断vuex中是否存在menus,当存在之后就不用再addroutes了,不存在则去添加,如果不判断,则每次进来页面都去addroutes导致name重复了,而且不停的循环addroutes。参考地址:vue 路由警告 Duplicate named routes definition_白日有梦的博客-优快云博客...原创 2022-04-07 19:29:04 · 5050 阅读 · 0 评论 -
vue前后端分离获取不到session的原因与解决方法
首先要了解session是会生成一个session_id,并且通过cookie来存储传输的,当浏览器中存在cookie的时候,每次请求会在请求头header自动带上cookie,如果在请求头看不到cookie信息,那么就在thinkphp加上,允许cookie header("Access-Control-Request-Headers: Origin, X-Requested-With,cookie,content-Type, Accept, Authorization");原创 2022-04-02 14:46:57 · 6547 阅读 · 0 评论 -
npm WARN vuex@3.6.2 requires a peer of vue@^2.0.0 but none is installed
在安装vuex的过程中,发现我的vue版本是2.6.10,vuex版本是4,然后一直显示Object(...) is not a function,网上说版本不匹配,需要降低版本使用npm install -g vuex@3.6.2安装会报上面的错误应该改成npm i --save vuex@3还有就是容易犯的错误是,在App.vue上面去拿不到this.$store的数据的原因是在main.js中是先加载了App.vue再加载store的,所以报错import Vue原创 2022-04-01 01:39:17 · 5052 阅读 · 1 评论 -
thinkphp6解决vue跨域问题
在路由处加上allowCrossDomain()就可以了。跨域请求一般会发送一条OPTIONS的请求,一旦设置了跨域请求的话,不需要自己定义OPTIONS请求的路由,系统会自动加上。跨域请求系统会默认带上一些Header,包括:Access-Control-Allow-Origin:*Access-Control-Allow-Methods:GET, POST, PATCH, PUT, DELETEAccess-Control-Allow-Headers:Authorization, Con.转载 2021-07-02 10:32:04 · 2774 阅读 · 5 评论 -
前端知识总结(css篇)
一、em和rem的区别对于em和rem的区别一句话概括:em相对于父元素,rem相对于根(html默认16px)元素,推荐rem。二、CSS3@media 媒体查询的作用可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面@media screen and (max-width: 300px) { body { background-color:lightblue; }}表示小于300px的时候会触发body的样式设置...原创 2021-03-23 17:37:50 · 167 阅读 · 0 评论 -
自适应屏幕的CSS响应式布局设计技巧总结
响应式设计目前非常流行自适应设计与响应式设计,而且经常让人混淆,自适应设计不应与自适应布局混为一谈,它们是完全不一样的概念。在这先说明下这两者的异同:自从移动终端飞速发展以来,各种各样的机型突飞猛进,很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone/iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。于是,很早就有人设想,能不能"一次设计,普遍适用",让同一转载 2021-03-23 17:09:51 · 1062 阅读 · 0 评论 -
登录界面被嵌套到iframe解决方案
if (top.location != self.location) {top.location=self.location;}top.location != self.location 就是说当前窗体的url和父窗体的 url是不是相同如果相同执行top.location=self.location;},把窗体的url设成和本窗体一样。这个是为了防止别的网站嵌入你的网站的内容(比如用iframe嵌入的你的网站的页面)————————————————版权声明:本文为优快云博主「fsz52转载 2021-03-08 15:40:41 · 1577 阅读 · 0 评论 -
微信小程序image标签,base64不显示
小程序去后端拿到base64数据,setdata也成功了,但是src里不显示图片,解决方法:后端返回的自带data:image/png;base64,的base64是不能直接用的,需要小程序拼接才能正常显示因此,后端只要返回base64后面那段就行了。...原创 2020-07-23 10:27:48 · 4446 阅读 · 1 评论 -
JS事件冒泡与捕获
什么是冒泡与捕获 以click点击事件为例。假如我们有一个多层结构标签。如下图,是4个div嵌套。每个div都有点击的监听事件,分别输出1234。当我们点击最里面的div时,点击事件开始传递,传递的全过程是1-2-3-4-4-3-2-1。前半部分,事件从最外面的父div依次传递到最里面的后代div,1-2-3-4这部分我们叫捕获过程。之后事件又从最里层的后代div逐层传出,4-3-2-1这部分我们叫冒泡过程。如果我把捕获监听器和冒泡监听器都加上,如下图这样。事件传递这时...转载 2020-06-28 10:06:17 · 202 阅读 · 0 评论 -
textarea不能插入图片表情解决方法
<div contentEditable="true" id="text" class="scroll"></div>contentEditable="true" 可以让div输入文字。因为我用的是qqface,只要改成这样就可以显示图片了效果:原创 2020-06-17 17:51:32 · 1859 阅读 · 0 评论 -
异步加载scrollTop不生效问题解决
异步加载数据然后append之后,出现滚动条,然后我想把滚动条置底.遇到的问题:scrollTop不生效解决方案:scrollTop需要在异步加载完成后再调用,因为是异步的,在去后台获取数据的时候,如果scrollTop就触发了,那么就出现不生效的情况 function getContent() { var url = '192.168.30.128/index.php/api/index/getContent';原创 2020-06-15 14:32:13 · 1103 阅读 · 0 评论 -
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
这篇文章主要介绍了jQuery.extend 与 jQuery.fn.extend的用法及区别,结合实例形式分析了jQuery.extend与jQuery.fn.extend的功能、使用方法及区别,需要的朋友可以参考下本文实例讲述了jQuery.extend 与 jQuery.fn.extend的用法及区别。分享给大家供大家参考,具体如下:jQuery是一个JavaScript类,如$("#input1")生成一个 jQuery类的实例。jQuery为开发插件提拱了两个方法:jQuery..转载 2020-06-12 14:23:04 · 311 阅读 · 0 评论 -
Thinkphp6整合Ueditor编辑器
UEditor是百度的开源项目,一个用js开发的在线富文本编辑器。下载地址:http://ueditor.baidu.com/website/download.html下载完成后把目录名改为ueditor,放在public目录下使用: <!-- 加载编辑器的容器 --><script id="container" nam...原创 2020-04-01 15:21:18 · 1860 阅读 · 0 评论 -
微信小程序:分包大小超过限制
微信小程序点击真机调试的时候弹出了这个东西,解决方法:分包加载,分包加载:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html,pages下面定义的就是主包,分包则是subPackages定义的1.pages里面定义的页面路径只有是tabbar对应的页面才需要定义,...原创 2020-03-30 16:34:35 · 12175 阅读 · 8 评论 -
微信小程序 wx:key
一、代码演示未使用wk:key的源码://<!--pages/mypage/mypage.wxml-->(wxml页面结构文件)<switch wx:for = "{{numberArray}}" style='display : block;'>{{item}}</switch>// pages/mypage/mypage.js(js脚本文...转载 2020-03-25 16:00:48 · 265 阅读 · 0 评论 -
微信小程序总结1
文档说明:https://developers.weixin.qq.com/miniprogram/dev/api/open-api/setting/wx.getSetting.html在调用wx.getUserInfo等api的时候需要判断是否已经授权,否则会出现获取不到用户信息的情况...原创 2020-03-25 14:56:54 · 434 阅读 · 0 评论 -
微信小程序:使用Promise简化回调
了解什么是 Promise 对象在项目中,会出现各种异步操作,如果一个异步操作的回调里还有异步操作,就会出现回调金字塔。比如下面这种// 模拟获取code,然后将code传给后台,成功后获取userinfo,再将userinfo传给后台// 登录wx.login({ success: res => { let code = res.code ...转载 2020-03-24 10:17:34 · 320 阅读 · 0 评论 -
微信小程序的 bindxxx
我看到别人的源码有一大堆bindxxx,但是自己在文档里找就bindtab,然后网上也没人说这个有多少bindxxx,最后发现文档里的表单组件哪里有写bindinput等,还有阻止冒泡哪里,还有个就是自定义组件的时候...原创 2020-03-17 17:48:59 · 811 阅读 · 0 评论 -
微信小程序之模拟调用后台接口踩过的坑
如下图标记的三个点 在调试过程中出现问题,特此记录。1. 之前在浏览器测试接口习惯省略 http:// ,是因为浏览器默认有一个检测,在你输入的网址前面加http://,如果有就不加。然而在微信小程序开发接口中不会默认添加,所以要写完整,否则访问不到。如果写为 url:localhost:8080/data.json报错:VM530:1 request:fail inva...转载 2020-03-05 21:12:57 · 1816 阅读 · 0 评论 -
进去qq群的网站,点击加群组件
进去qq群的网站,点击加群组件http://qun.qq.com/join.html转载 2020-01-02 15:26:15 · 1562 阅读 · 0 评论 -
jq自定义对象和调用
varmyCheckBoxUtils={checkAll:function(parentCheckBox_class,childCheckBox_name){if($('.'+parentCheckBox_class).prop("checked")){$('input[name="'+childCheckBox_...原创 2019-12-30 19:50:13 · 654 阅读 · 0 评论 -
abs() 方法可返回数的绝对值。
abs() 方法可返回数的绝对值。转载 2019-07-17 15:26:03 · 2179 阅读 · 0 评论 -
ajax返回下拉菜单默认选中
function get_category(id,next,select_id){if(id == 0){var html = "<option value='0'>请选择商品分类</option>";$('#'+next).empty().html(html);return false;}$.ajax({type : "GET",url :...原创 2019-03-11 20:59:28 · 951 阅读 · 0 评论 -
jquery中call()和apply的使用方法
apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.apply(A, arguments);即A对象应用B对象的方法。只接收两个参数,其中第二个参数必须是一个数组或者类数组 function add(a, b) { return a + b; } function sub(a, b) { return a - b;...转载 2019-09-11 11:45:24 · 384 阅读 · 0 评论 -
css box-sizing
content-box 这是 CSS2.1 指定的宽度和高度的行为。指定元素的宽度和高度(最小/最大属性)适用于box的宽度和高度。元素的填充和边框布局和绘制指定宽度和高度除外 border-box 指定宽度和高度(最小/最大属性)确定元素边框。也就是说,对元素指定宽度和高度包括了 padding 和 border 。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和...原创 2019-09-03 14:19:05 · 246 阅读 · 0 评论 -
小程序页面禁止滑动
要做一个弹窗功能,弹窗是可以拖拽的,而且弹窗里的元素是有bindtap事件的,在弹窗使用了bindtouchstart之后发现弹窗拖拽的同时背景也在滑动,改为使用了catchtouchstart之后背景不滑动了,但是发现子元素的bindtap事件无法执行,于是又改为了bindtouchstart,换一种思路,选择另一种方法就是如何让页面禁止滑动,只需要加上下边的代码到本页json文件就可以了 ,...转载 2019-07-06 16:19:15 · 1362 阅读 · 0 评论 -
js中value^= 是什么意思
1、它是js选择器匹配模式的一种2、eg:$("input[id^='code']");//id属性以code开始的所有input标签$("input[id$='code']");//id属性以code结束的所有input标签$("input[id*='code']");//id属性包含code的所有input标签3、可以联想到正则表达式,也有^开头,$结尾,^就是以什么开头的意思,$以...转载 2019-07-11 09:55:32 · 748 阅读 · 0 评论 -
align-content与align-items的区别
在之前使用弹性布局的时候,align-content与align-items的概念混淆不清,自己特意写了一下来区分.1.首先要知道:交叉轴就是Y轴,另一个就是主轴2.多行容器与单行容器:弹性容器可以划分为多行容器和单行容器,划分方式如下:(1).容器的flex-wrap属性值为wrap或者wrap-reverse的容器是多行容器。(2).只要进行上述属性设置,即便容器中只有一个...转载 2019-07-09 11:30:13 · 1535 阅读 · 0 评论 -
微信小程序未指定环境
第一步:点击云开发申请通过第二部:右键cloudfuncrions,第三步:点击同步云函数列表第四步:按设置,选择环境,问题解决。在此之前还遇到一个报错,不过这个错误只要点击头像获取微信头像就解决了...原创 2019-06-25 13:26:07 · 2282 阅读 · 0 评论 -
$(".popup table1 tbody tr:gt(4)").hide();什么意思
.popup 是class等于.popup的网页元素上面的集合里面的table1子元素、再下一级的子表tbody子元素里面的行数大于4(4+1)的,全隐藏。转载 2019-03-18 17:55:51 · 565 阅读 · 0 评论 -
jq里的find,next,prev之间的区别
find()是用来查找后代元素,next()是用来查找同级元素的。 find()可以查找后代任意一个元素,但需要进行匹配。 next()只能查找后一个同级元素,如果想查找下下个元素,就多用一个next() prev和next相对...转载 2019-03-10 23:56:22 · 731 阅读 · 0 评论 -
CSS中的各种居中方法总结
CSS中的居中可分为水平居中和垂直居中。水平居中分为行内元素居中和块状元素居中两种情况,而块状元素又分为定宽块状元素居中和不定宽块状元素居中。下面详细介绍这几种情况。一、水平居中1、行内元素居中顾名思义,行内元素居中是只针对行内元素的,比如文本(text)、图片(img)、按钮等行内元素,可通过给父元素设置 text-align:center 来实现。另外,如果块状元素属性di...转载 2019-03-01 10:48:48 · 327 阅读 · 0 评论 -
把元素下面的元素放在该元素右边
1.float2.display:inline-block3.display:flex转载 2019-02-28 22:31:19 · 594 阅读 · 0 评论 -
网页中点击按钮弹出QQ聊天窗口的功能
<div class="fun-btn"> <foreach name="store_info.qq" item="va" key="ka"> <a target="_blank" class="a <if condition="$ka eq 0">first</if>" href="http://wpa.qq.com/msgrd?v=...原创 2019-07-16 10:24:03 · 674 阅读 · 0 评论 -
异步获取评论
php /** * [getGoodsVote 异步获取商品评价] * @Author:hkz * @DateTime:2016-12-08 * @return [type] [description] */ public function getGoodsVote(){ $vote_model = M('vote'); $goods_id = I('ge...原创 2019-07-12 14:45:09 · 213 阅读 · 0 评论 -
$.extend的作用
$.extend的作用是把第二个对象合并到第一个对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-2.1.4.min.js">&...原创 2019-08-30 14:04:51 · 1025 阅读 · 0 评论 -
jq var用逗号隔开表示定义多个变量或者函数
function startTime(arr, obj) { var today = new Date(), def = { onlyOneDayTempHtml: 'HH:MM:SS', dayTempHtml: '还有DD天' }, obj = $.extend({}, def, obj)...原创 2019-08-30 13:53:10 · 1722 阅读 · 0 评论 -
去掉百度编辑器的标签
htmlspecialchars_decode原创 2019-07-31 12:00:01 · 327 阅读 · 0 评论 -
jQuery 遍历 - each() 方法的理解
$('#killNav .kill-cell.state2, #killNav .kill-cell.state1').each(function (i, e) { var time = $(e).find('.time') target[i] = new Date(time.data('time')).getTime() time_id[i] = time})表示...原创 2019-07-31 10:39:40 · 250 阅读 · 0 评论