- 博客(38)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端基础——this指向问题
首先需要明确的是：this是在函数执行的时候确定的，谁调用就指向谁 通过构造函数new创建的，指向创建的对象 通过call、apply、bind显示调用，this是由传入的第一个参数决定的 通过隐式xx.fn调用的，this指向xx 直接被调用，严格模式：undefined，非严格：全局对象 非严格模式严格模式...
2021-05-20 15:34:12
190
原创 原型和原型链
原型和原型链什么是原型什么是原型链什么是原型每个对象都有一个内部属性_proto_，这个属性指向的对象就是原型什么是原型链在对象上查找这个属性的路径叫做原型链比如 下面的代码首先通过es6语法，objec.create 创建一个空对象a在对象a上查找属性id查找的过程是：a.id ? a.id : a.proto.id ? a._proto_id: a.proto.proto.id ? …这个a.proto ——> a.proto.proto ——> xxxxx 就是原型
2021-05-13 10:02:03
213
原创 css：文字超出两行换行省略，谷歌+火狐可用
先上效果图上代码： <div class="img-title">{{ item.mediaName }}</div>.img-title { height 40px line-height 20px padding 8px 8px 0px 8px position relative text-overflow ellipsis overflow hidden display: -moz-box -moz
2021-01-19 11:47:48
1149
原创 （持续更新吧）关于render函数的一些实例应用
1、需要将数字或字母转换成对应的文字说明2、需要在表格里面显示图片3、显示其他内容render的模版是：render: function (createElement) { return createElement( 'h' + this.level, // 标签名称 this.$slots.default // 子节点数组 ) },...
2020-01-13 20:51:38
728
原创 记一次小程序的问题- "enablePullDownRefresh"
在小程序中经常见到数据分页，需要下拉加载，上拉刷新，或上拉刷新等等，需要在对应的.json里面配置 {"enablePullDownRefresh":true}。配置这个有一个问题，就是下拉的时候多拉几次会出现一大片页面空白我一开始以为是头部tab的问题，经过多番调试，突然想到会不会是下拉的时候样式导致的，于是我就去掉json里面的enablePullDownRefresh，果然解决了！...
2019-11-22 14:00:03
2009
原创 求解Vant-weapp中tabs的问题？
最近在做小程序，需要做一个页面tab滚动的功能，在很多app里面很常见基于项目里面搭配的样式组件，我采用了https://youzan.github.io/vant-weapp/#/tab，不同入口进入的时候，都会带一个参数，然后使用setData改变active的值，本以为这样就实现了，但是发现，从不同界面进入的的时候，默认进入的都是data初始化时候active的值，我已经在o...
2019-11-20 11:24:41
10056
25
原创 记一次map,reduce,等常用的函数用法
map的暂时先不整理reduce:reduce是一个规约的函数，由多变少比如：var arr = [1, 2, 3, 4];var sum = arr.reduce(function(prev, cur, index, arr) { console.log(prev, cur, index); return prev + cur;})console.log(...
2019-11-18 10:52:46
230
原创 关于标准时间格式的时区问题
平常将时间转换成标准时间格式，直接 使用new Date(),最近在使用element ui日期选择器的时候，遇到转换成标准时间格式有点问题，如下：正常浏览器中格式化最上面两个时间是一样的，但是到我这里就不一样了，使用new Date(dateStart)的时候拿到的是0点，第一次遇到时区问题哈参考解决办法：https://my.oschina.net/u/1583086/bl...
2019-11-14 14:53:25
1805
原创 vue里面的定时刷新功能
最近做一个项目，需求是图标需要定时刷新，我还没做过这样的功能，所以一上手就先找了网友们的做法，具体做法如下（自己项目是可以的）：1、定义一个定时器名称data() { return { timer: null, }}2、在vue的mounted生命函数中创建一个定时器,6秒为一个时间间隔 this timer = setInterval(() ...
2019-08-08 15:03:33
884
原创 基于若依项目开发
第一步，打开idea,选择open第二步，等项目加载完成后配置maven点击左上角file,选择setting在输入框输入mavenMaven home directory选择你电脑maven的位置，到bin目录一级，后面的user settings file和local什么的默认不改，然后点击apply就可以了，等待项目配置好依赖第三步，点击右上角...
2019-05-17 17:29:51
11492
7
原创 vue+element 弹框嵌套表单并验证
最近做项目，需要实现一个功能，就是点击新增按钮实现弹框，弹框里面是表单，点击保存的时候对表单进行验证，这样一个功能一点一点的去实现很简单，但是聚合在一起嫩是花了我半天时间，最终实现了这个功能，我也会把我做的过程中的错误贴出来，并写上解决办法（只是我的代码出现的问题）'Error in event handler for “click”: “TypeError: Cannot read pro...
2019-03-19 17:55:46
10300
2
转载 完整又详细的vue-cli安装步骤
原 完整又详细的vue-cli安装步骤 2018年02月28日 21:02:42 只想做一名女程序猿 阅读数：20400 ...
2019-03-13 15:34:40
521
原创 使用NPM安装vue
一、选择一个磁盘目录用来存放你项目路径。我选的是D盘D:\webProject\20190305，然后按住shift键，点击鼠标右键，选择“在此处打开powershell窗口”然后输入命令：1、npm install -g vue-cli //安装vue-cli 脚手架2、npm init webpack myVue //myVue就是项目名字中间这个需要根据显示内容分别...
2019-03-05 16:30:45
3339
转载 vue 路由
推荐一篇文章，讲解路由写的很好，很适合刚学vue的小白https://www.cnblogs.com/SamWeb/p/6610733.html
2019-01-17 15:16:07
137
原创 缓存localStorage
最近做项目的时候，需要用到缓存，把表单填写的部分数据存入缓存，下次进入的时候先取缓存对象操作：user:{id:1,name:"xx"}var window=localStorage；window.setItem("user",user);//存入对象window.getItem("user");window.setItem("id",id);//存入某个属性windo...
2019-01-15 12:00:01
789
原创 微信开发——40163和40001错误
最近做微信开发，部署到服务器上后有条测试数据错误了，在获取code的时候显示40163和40001错误，一般40001错误就是微信公众号的密钥不对，但是我看了是对的，并且前面几条数据都没有问题，就只有这一条错误，后来发现，因为这条数据获取的微信用户名称里面有emoji表情，这是个大坑解决办法：在controller层方法加上：SnsUser su = new SnsUser(); ...
2019-01-15 10:51:56
627
原创 jquery常用获取值的操作
1、jquery获取输入框的值（常用于表单提交，验证之类的）<input id="name" name="name" type="text" />想要获取这个输入框的值，写法有：$("#name").val();(最常用的)$("input[ name ='name']").val();$("input[ type ='text']").va
2019-01-15 10:44:40
554
原创 微信小程序圆环进度条
先来看一下效果图微信小程序里面用canvas画圆心进度条页面给容器<view class='weui'><canvas class='oneCan' canvas-id='one' ></canvas><canvas class='oneCan' canvas-id='two' ></canvas></vie...
2018-11-29 18:03:51
2095
原创 ajax请求拼接html代码
最近用ajax用的比较多，所以来总结一下根据需要来处理ajax返回的内容一般写ajax请求不规范的写法会把dataType去掉，默认的返回数据是Json，后台接口上加上@ResponseBody；然后，请求成功后如何把数据放到对应的元素里面：$("#dt_span").html(数据)这个html页面的id=dt_span的标签都会显示数据，图片的src是这样使用的$("#dtfz_i...
2018-11-29 16:15:57
5583
1
原创 微信小程序中调用echarts
微信小程序如何调用echarts，官网讲解的很清楚去GitHub上，下载下来，然后单独把ec-canvans文件拷贝出来，放到你小程序项目文件下下面，就可以了。（这里其实是有问题的）具体使用：在页面上给一个容器，js里面引入；这里我直接请求了后台的数据，所以在wx.request的执行成功函数里面我直接放入option： scuccess:function(data){...
2018-11-29 16:01:24
1345
原创 Map简单用法
前后台数据交互的时候一般传的是json数据，我个人喜欢用Map适合单线程使用，把数据装在map里面传过去@ResponseBody@RequestMapping(value = "totalweek", method = {RequestMethod.GET, RequestMethod.POST})public Map getWeek(HttpServletRequest reques...
2018-11-29 15:43:01
316
原创 服务器粘贴不了本地的war包
有一次项目部署。需要把war包复制到服务器上，但是服务器上始终粘贴复制不了解决办法：在服务器上打开资源管理器，找到这个程序，结束掉结束程序；然后运行控制控制台objk...
2018-10-30 17:46:12
242
原创 微信公众号开发——页面下拉加载更多
先上图代码实现：用的是dropload插件实现的后台取数据：/**微信activity json 查询*/ @ResponseBody @RequestMapping(value = "ajaxActivity") public PageInfo getajaxlist(Integer no,Integer pageSize,HttpServletRe...
2018-10-30 17:39:49
3216
原创 css实现文本内容超出显示省略号
最近做的项目都需要把文字超出的部分用省略号显示，做了几次都是靠百度，没记下来，这次总结就是把这个样式记下来，废话不多说，看代码：.p{text-overflow: ellipsis; overflow: hidden; white-space: nowrap} 效果就是这样...
2018-09-17 09:12:28
170
原创 数组与字符串的常用操作
一、字符串转数组var str='1,2,3,4'；要将字符串转换为数组的操作是用split去分割：var a=str.split(","); 将str以“，”做为分隔符二、数组转字符串要将数组 a=["1",""2,"3"]转换成字符串的操作是用join对于数组的其他操作可以参考w3c上面的教程 ...
2018-09-15 12:50:59
1065
原创 时间戳转为时间格式
最近做了几个项目，里面需要涉及到时间戳与时间格式的转换，这里来说一下如何转换：1、后台转换：通过SQL语句转换，这种是最简单的，DATA_FORMAT(a,'%Y-%m-%d %H:%i:%s'）b,这里用到的是data_format函数进行转换<select id="selectPage" resultMap="BaseResultMap"> SELECT...
2018-09-14 14:36:38
1763
原创 小程序表单设计获取index
最近做了小程序，设计了一个比较复杂的表单：这个内容一共有15个，所以不可能一个一个写出来，只能循环出来比较简单，但是，设计好了之后发现接数据不好对接，你要获取到当前的index以及内容，index很好获取，但是就是每一个的数据还要显示出来就比较难，后来，在公司同事的帮助下我做出来了，下面附上部分代码： <block wx:for="{{array1}}" wx:key="*this...
2018-09-04 12:03:35
1159
原创 小程序图片上传
最近在做小程序，需要上传图片实现的功能是：chooseImage: function (e) { var that = this; wx.chooseImage({ sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera...
2018-09-04 11:53:01
466
原创 小程序登录页验证
最近在做小程序，需要实现账号密码登录，前端页面：<!--pages/index/login/login.wxml--><view class='pages'> <view class='weui-cell-header'> <image class='img' src='/static/img/1.png'/> &...
2018-09-04 10:32:43
2831
1
原创 微信小程序下拉刷新
关于小程序下拉刷新加载的，小程序官方API里面讲的其实很详细，基于官方的教程，我结合自己做的项目把这个功能实现，看看我的具体代码：xml写法<view class="weui-loadmore" hidden="{{!searchLoading}}"> <view class="weui-loading"></view> <vi
2018-08-20 09:44:08
2190
原创 小程序与后台交互
最近在做小程序，第一次上手，设计页面还比较容易，就是设计到与后台做交互的时候，我要崩溃了，看了官方API还是不会，问公司的前辈，人家直接给我写好了模板，来看看：/引入代码var call = require("../util/request.js")Page({ data: { pictureList: [], }, onLoad: function () { ...
2018-08-03 16:21:15
17844
3
原创 微信小程序组件的判断——已button为例
最近在做小程序，要求已经做过的事情在页面上不在显示按钮，第一次做小程序，技术很渣，找了很多有关button的判断，都没又找到，后来无意间看到了微信的判断：wx：if，看来别人写的判断，我就试着在自己的程序里面做，先上图：来看我写的代码（请自动忽略我的不规范）：.xml写法： <view class='weui-cell-button'> ...
2018-08-03 15:55:17
3909
原创 微信小程序——时间轴的实现
最近项目需要在页面上做一个时间轴，又是第一次做，而且还是在小程序上，要知道小程序里面没有ol/ul/li，看了好几个例子，最后做出来了，开心呀！如图：做起来其实很简单：一个时间轴包括一个圆圈（css实现圆圈或者找一个圆圈图片）+一条线（css实现直线或者找一个直线的图片)+内容来看我的代码（代码很不规范，请忽略）：wxml<view class='weui-cell-t...
2018-07-26 11:56:54
21064
8
原创 react入门
今天要学习的是ant design of react。首先来了解一下ant design of react是什么：官网：https://ant.design/docs/react/introduce-cn看解释，官网说学习这个之前你已经了解了react。呵呵，不了解，所以又去学习react，哎！我也不知道对不对，先这样来吧！准备：电脑有node.js ，npm ，webstorm，第一步，打开命...
2018-07-12 10:23:59
153
原创 富文本编辑器——wangeditor使用
最近在该系统bug，用户希望把一个表单换成富文本编辑器，奈何自己是小白，第一次上手，所以做起来有点困难，一开始使用百度的ueditor，但是，保存的时候一直提示file is not present，在网上找方法也解决不了，后来放弃了，选择wangeditor,下面是步骤：1、下载 官网：wangEditor.github.io；2、把下载的压缩包放在项目的static下面：3、就是页面使用了①、...
2018-07-11 18:25:47
1861
原创 idea启动tomcat报：1099端口被占用
最近再用idea开发一个系统，然后中途切换了另一个项目，启动了，但是，还没等项目启动完成，就把idea关了，然后，再启动之前的项目就报：1099端口被占用。网上很多方法大多都是用：win+R，1、netstat -ano，找到1099被占用的，然后，在通过tasklist定位到占用的程序；2、打开任务管理器，结束定位到的程序但其实1099端口被占用就是Java.exe占用。直接再电脑桌面右键，找到...
2018-07-04 16:36:03
4055
原创 ionic页面跳转
最近刚刚开始用H5做app,做了一些效果，很基础的东西，话不多说先放图如何实现点击列表跳转到下一个页面呢？其实很简单父页面：一、导入子页面import { VegetablePage } from '../productList/vegetable/vegetable';二、在export里面定义一个变量，并指明@Component({ selector: 'page-market', tem...
2018-06-22 16:07:56
488
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人