自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

有问题可关注公众号:前端研究院 后台输入问题回复

简单粗暴是我的原则,复制粘贴是我的梦想

  • 博客(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' }"&gt...

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

js数字转汉字(含js),特别特别大的数字除外,支持小数点,demo下载下来直接运行即可看到效果,使用时用js就行,还有不会者请评论联系你的方式

2020-05-08

百度UEDITOR 内网上传视频支持IE8的方法

<!--[if lt IE 9]> <script src="/Public/2017-5-11/html5shiv.min.js"></script> <script src="/Public/2017-5-11/respond.min.js"></script> <![endif]--> <!--IE8支持--> <link type="text/css" rel="stylesheet" href="/Data/ueditor/third-party/video-js/video-js.css"/> <script language="javascript" type="text/javascript" src="/Data/ueditor/third-party/video-js/video.js"></script> <script src="/Public/2017-5-11/html5media.min.js"></script> 上边是bootcss自带的,下边是ueditor需要的,如果是内网的话还会需要一些swf文件,我放在我的资源里了。IE8和以下会自动转换成swf进行播放。

2020-05-07

前端学习路线.doc

大前端完整学习路线(详解) 第一阶段:HTML5和移动Web开发 第二阶段:HTTP服务和AJAX编程 第三阶段:面向对象进阶 第四阶段:封装一个属于自己的框架 第五阶段:模块化组件开发 第六阶段:主流的流行框架 第七阶段:HTML5原生移动应用开发 第八阶段:   Node.js全栈开发:

2020-03-26

nginx-v1.13.8

nginx for windows是由俄罗斯的程序设计师Igor Sysoev开发的一款软件,在linux系统下一个高性能的HTTP和反向代理服务器,它占有内存少、系统相当稳定、并发能力强,因为是开源模式,通过添加代码可以达到各种效果。

2018-01-11

调试vue.js应用的浏览器扩展 Chrome插件

Vue.js devtools:调试vue.js应用的浏览器扩展 Chrome插件

2017-12-07

计算机丢失MSVC_110.dll

安装ps会提示安装失败, 计算机丢失MSVC_110.dll,那就需要将此压缩包下载下来,解压,根据内有文档操作即可

2017-12-05

sublime_text3安装包

Sublime Text 3是一款流行的代码编辑器软件,也是HTML和散文先进的文本编辑器,可运行在Linux,Windows和Mac OS X。也是许多程序员喜欢使用的一款文本编辑器软件。

2017-11-19

空空如也

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

TA关注的人

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