- 博客(38)
- 资源 (7)
- 收藏
- 关注
转载 vue监听浏览器窗口大小变化
首先,页面初始化mounted的时候,通过document.body.clientWidth和document.body.clientHeight来获取到浏览器的宽和高,然后通过window.onresize来监听浏览器窗口的变化,在这里来改变我们的变量宽和高即可。(created()的时候不行,因为此时document还没有生成)<template> <section class="p-10"> <h1> {{ screenWidth ...
2020-07-31 15:52:22 1236
转载 JS中 reduce() 的用法
1.语法:其实经常用的只有 prev和curarr.reduce(function(prev,cur,index,arr){ ...},init)其中:arr表示原数组;prev 表示上一次调用回调时的返回值,初始值为int; //英文单词previous缩写cur 表示当前正在处理的数组元素; //英文单词current缩写index表示挡圈正在处理的数组元素的索引int表示初始值
2020-07-30 13:49:22 484 2
转载 uniapp左上角返回按钮跳转,返回按钮事件
找到你要跳转的那个界面有时候返回,他不是跳转到首页,我们这里就要加一个监听函数。就在你写的对应的页面加,不是在pages.json里面加哦 onBackPress(event){ uni.redirectTo({ url:'../index/index' }); return true; },...
2020-07-29 09:30:36 15059 4
原创 Sorry, name can no longer contain capital letters.
Sorry, name can no longer contain capital letters抱歉,名称不能再包含大写字母。名称不能有大写字母,驼峰命名含有大写字母也不可以呦,换成小写的就好了
2020-07-28 15:32:08 891
转载 both modified: .idea/workspace.xml
进入正题: 修改忽略文件并使其生效; (1)清理追踪文件的缓存: git rm -r --cached . (2)添加到缓存区: git add . (3)提交到本地仓库: git commit -m "update .ignore" (4)推送到远程仓库: git push origin master...
2020-07-27 11:24:21 902
原创 uni-app实现下拉框下拉效果
效果如下:代码: <view class="uni-form-item uni-column"> <picker @change="examinationType" :range="examinationTypeArray"> <label>考试类型:</label> <label class="">{{ examinationTypeArrayType }
2020-07-27 11:01:05 21041 14
转载 解决:HBuilder X 未检测到手机或模拟器
解决办法1、找到HBuilderX安装目录下的D:\Archive\HBuilderX\plugins\launcher\tools\adbs。2、先备份该录下的除了文件夹外的其他三个文件。也就是说将adb.exe文件和AdbWinApi.dll和AdbWinUsbApi.dll文件删除3、然后把1.0.31目录下的除文件夹的其他所有文件拷贝到D:\Archive\HBuilderX\plugins\launcher\tools\adbs,直接覆盖即可。4、重启HBuilderX就可以
2020-07-24 16:07:24 4434 4
转载 uni-app Banner ( 轮播图 ) 实现
例子:<view class="page-section-spacing"> <swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1500" > <swiper-item v-for="(item , index) in homeSlide" :key="index"> <image :src="item
2020-07-24 10:18:16 1138
转载 uni-app封装ajax请求方法
位置项目根目录index.js定义了两种请求get和postimport baseconfig from "./common/baseconfig.js"const httpClient = { request:function(method,url,data){ var headers={ "Content-Type": "application/x-www-form-urlencoded", "Auth-Token": uni.getStorageSync("auth_t
2020-07-24 10:00:26 1826
原创 uni-app导航栏设置,在pages.json里面配置
全局导航栏样式设置: 在pages.json的globalStyle里进行各个参数配置"globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "Hello uniapp", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8", "backgroundColorTop".
2020-07-24 08:43:03 1272
原创 uni-app点击进行页面路由跳转
<view class="" @tap="go"> 去轮播页</view>// methods:{ go(){ uni.navigateTo({ url:"/pages/banpaiindex/banpaiindex" //这边的url前面多个斜杠哦!!!!!! }) }},//路径注意就行了{ "path" : "pages/banpaiindex/ba.
2020-07-23 16:22:53 2077 1
转载 UNI-APP 使用 ICONFONT
根据官网 小于 40kb 的字体文件可以直接本地引用。方法如下:首先下载字体文件。然后删除多余文件,只需要留下 iconfont.ttf 和 iconfont.css 文件即可使用。放入到 static 下。修改 iconfont.css 文件,如下image左侧红框里是留下的字体文件,右侧是修改 iconfont.css 样式。然后,引入 样式文件:image最后,就可以在 项目中使用了。下面是 实际效果:设置了大小和颜色。image.
2020-07-23 16:07:36 430
转载 uni-app如何使用全局组件
只需要看红色箭头的内容,组件内容该是什么就是什么使用的时候,在需要使用的组件内直接用就行了直接用就行了,不需要再import了
2020-07-23 16:03:41 1959 1
原创 uni-app项目中使用scss语法
最简单的方法如下:点击菜单栏中的“工具 – 插件安装 – scss/sass编译” 点击安装,如果成功了,就可以正常使用了。第一步:工具 – 插件安装第二步:第三步:安装成功啦
2020-07-23 14:49:40 716
转载 uniapp 路由的配置
在pages.json里面配置==============page.json=============={ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/tabBar/component/component", "style": { "navigationBarTitleText": "组件", "app-plus"
2020-07-23 10:35:47 1543
转载 Object.freeze()方法
1.什么时候用到这个?你数据只是用来展示,只是看看,没有操作的时候,确定他不需要改变的时候,用上freeze,可以大大的增加性能哦也可以用早冻结线上的配置文件中的对象,以防有人误改。2.被冻结的对象不能修改,添加,删除其属性或者属性值let obj = {"a":5};Object.freeze(obj);obj.a = 3; //不会报错,但是也无法改变这个值,因为被锁定啦3.但是我如果非要改被冻住的值怎么办?let obj = {"a":5};Object.fre.
2020-07-21 14:38:16 317
转载 如何隐藏overflow: scroll的滚动条,但是滚动功能还在(保留滚动功能)
::-webkit-scrollbar {/*隐藏滚轮*/display: none;}
2020-07-21 10:54:01 13042 3
原创 element ui切换table组件式
我用下面这个代码是因为,我这边的tab切换是每个不同的页面的哦,感觉这样写方便点 <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/shouye' }">首页</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/huodong' }">...
2020-07-17 16:26:21 382
原创 {__ob__: Observer}怎么拿值?
vue编码中经常出现获取到的数据是:{__ob__: Observer} 格式的,详细如下解决方法如下:将返回的数据data先转换为JSON字符串形式,然后再从字符串形式转换成JSON格式JSON.parse(JSON.stringify(data))...
2020-07-15 17:18:21 3179
原创 vue在配置文件里以冒号的形式设置参数,如何获取
如图所示,:id我要怎么获取到呢???获取方法this.$route.params.id这样就行
2020-07-15 15:57:55 1123
原创 ES6中export和import详解(export定义了模块的对外接口后,其他JS文件就可以通过import来加载这个模块)
1.Export模块是独立的文件,该文件内部的所有的变量外部都无法获取。如果希望获取某个变量,必须通过export输出如:// profile.jsexport var firstName = "Michael";export var lastName = "Jackson";export var year = 1958;或者用更好的方式:用大括号指定要输出的一组变量如:// profile.jsvar firstName = "Michael";var lastName
2020-07-15 11:26:36 1791 2
原创 vue中修改Element ui样式不起作用
当你看到这个文章的时候,我就知道你必然跟我遇到了同一个问题。第一步:scoped作用:我们经常会在css当中会写,表示它的样式作用于当下的模块,所以将scoped去掉。<style lang="scss" scoped> scoped去掉哦第二步:在每个父容器加上id #ParentId{ .changeCLass{ 在这边写的就生效啦 }}这样就行啦,亲测有效...
2020-07-14 13:23:26 746
原创 [git] fatal: Exiting because of an unresolved conflict.
问题:提交代码git push的时候发生冲突hint: Updates were rejected because the tip of your current branch is behindhint: its remote counterpart. Integrate the remote changes (e.g.hint: 'git pull ...') before pushing again.hint: See the 'Note about fast-forwards' in
2020-07-14 10:13:25 28175
原创 el-tree 全部打开状态 不要折叠
<el-tree :data="setTree" show-checkbox node-key="id" ref="tree" highlight-current :props="defaultProps" @check-change="handleCheckChange"...
2020-07-14 09:29:07 2009
转载 elementUI 表格 prop属性 如何通过判断转换值
替换createTime那一行:<el-table-column :label="htmlText.tbDate" width="80"> <template slot-scope="scope"> <span v-if="scope.row.createTime == 0">正常</span> //这里使用===还是==得看返回值是什么类型的,需不需要转换啥的,自己尝试一下就可以了,这样直接写也是行的,不过推荐最好使用===...
2020-07-10 17:01:27 933
原创 vue+Element实现tree树形数据展示
简单粗暴是我的原则,方便复制粘贴是我的梦想!!!效果如下:<template> <div class="custom-tree-container"> <el-tree :data="setTree" show-checkbox node-key="menuId" ref="tree" highlight-current :props="defaultProps"> </el-tree> <.
2020-07-10 10:26:25 1569
转载 百度地图电子围栏功能的实现
判断在不在有效范围内:直接上代码<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css">..
2020-07-09 14:41:19 1014
转载 vue中使用axios报错request failed with status code 404
最近在做公司项目,需要使用axios请求本地static目录下json文件,得到以下错误网上找了很多例子,都无法解决这个问题,无意中看到一篇文章,原来是与mock冲突,在main.js中将mock注释掉即可。在公司后台还没有开发完成的情况下,前端使用json-sever搭建mock服务器,模拟本地json数据。具体步骤参照https://blog.csdn.net/LLDD2014425/article/details/79628523,文章写得很好很详细,根据文章步骤即可。——————.
2020-07-09 09:43:05 8248 2
原创 调用百度ai接口实现图片文字识别技术DEMO
一、第一步,到https://console.bce.baidu.com/二、创建应用三、pom.xml里面加入依赖 <!-- json依赖 --> <dependency> <groupId>org.json</groupId> <artifactId>json</artifactId> <version>20160810</version&...
2020-07-08 14:02:22 1104
转载 利用Java实现人像分割(去除背景,保留人像 )
maven依赖<dependency> <groupId>com.baidu.aip</groupId> <artifactId>java-sdk</artifactId> <version>4.11.3</version></dependency>然后去这个网站自己申请https://console.bce.baidu.com/App ID,API Key,Secret Key。1)登录.
2020-07-07 17:21:43 711 1
原创 WARN com.baidu.aip.client.BaseClient - oauth get error, current state: STATE_TRUE_CLOUD_USER
[main] WARN com.baidu.aip.client.BaseClient - oauth get error, current state: STATE_TRUE_CLOUD_USER{“error_msg”: “IAM Certification failed”,“error_code”: 14}原因如下:仔细查看:APP_IDAPI_KEYSECRET_KEY字符串中是否有空格...
2020-07-07 17:10:40 3413
原创 cannot have character [children], because the type‘s content type
错误原因:眼瞎!!!解决办法(解决提示):是否有特殊字符 是否有少写的或者多写的 在你从网上粘来的代码的前面和后面是不是有空格,查看一下,把那些空格删了,重新打上即可。
2020-07-07 16:53:35 258
转载 360极速模式和兼容模式区别
极速模式用的是谷歌的内核,代表着高速,高版本的浏览器兼容模式是用的IE内核,代表适应各种浏览器,保留了电脑内本身的IE内核,假如你使用的是IE7,兼容模式相当于IE7360的兼容模式有可能兼容的不是你电脑安装的IE版本,你在360浏览器打开时,按F12,如果你电脑上安装的是IE9,这里选择的如果是IE7,你就可以吧他改过来。...
2020-07-06 16:18:22 1668
转载 图片懒加载
如果你一打开文章,里面有10000张图片,那么如果等待这些图片响应成功并加载完成这个是非常慢的,而且图片的加载是同步的,加载时会阻塞浏览器继续向下解析,用户体验非常差。那么我们可以让图片按需加载,当图片出现在可视区的时候再加载它而不是一开始就加载全部图片vue解决方案:template:<div @scroll="lazyLoad" ref="lazy"> <img v-for="(src, index) in imgs" src="##" :dataSrc="s
2020-07-03 15:37:25 208
原创 sql case when then else
今天写sql的时候,用了这个条件我就把这个讲解下吧,初学者可能一开始看不懂case when s_score is null then 0 else s_score end意识就是当s_score值为空的时候就等于0否则取它本身的值
2020-07-03 10:33:47 318
原创 用js如何获取UA(user Agent)用户代理?
<!DOCTYPE HTML><html><head> <title>用js如何获取UA(user Agent)用户代理?</title> <meta charset="utf-8"></head><body><body onload="whatBrowser()"><script> function whatBrowser() { document.B.
2020-07-02 17:08:12 946
原创 前端面试题
1.正则表达式字面完全一致也不相等 var a = /123/, b = /123/; console.log(a==b) //false console.log(a===b) //false2.函数名称不可改变function test(){}var oldName = test.name;test.name = "huanhuan";console.log(test.name) //testconsole.log(oldName)
2020-07-02 13:28:42 355 2
原创 git ------ fatal: No configured push destination. Either specify the URL from the command-line or co
git下载自己项目到本地:假如外出工作,需要在另一台电脑上面pull自己的某个git远程项目到本地; git init git pull https://github.com/TTyb/54qjLogin (远程仓库url)下载的这个项目更改后需要push的会出现:$ git pushfatal: No configured push destination.Either specify the URL from the command-line or configure
2020-07-02 09:20:41 10115
js数字转汉字(含js).html
2020-05-08
百度UEDITOR 内网上传视频支持IE8的方法
2020-05-07
前端学习路线.doc
2020-03-26
nginx-v1.13.8
2018-01-11
sublime_text3安装包
2017-11-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人