- 博客(29)
- 收藏
- 关注
RSS订阅原创 当需要使用循环请求
当需要用到循环请求时之前我首先想到的是for循环，但是使用for循环时，当我们需要拿到请求回来的内容时，就会发现按照我们设想好的东西是不一样的。比如我需要循环请求一组数据时，我把每一次请求的数据push到一个数组里面，但我最终打印这个数组时会发现数据顺序问题，还有我执行下一步时用到的这个数组内容不正确，因为我们无法控制请求的快慢。一般来说前端尽量不要使用循环请求，让后端去处理，但实在需要的话，推荐使用do {} while();举个例子：async deal() { const num = 10
2022-04-18 11:07:17
490
原创 微信小程序使用canvas进行图片压缩
由于项目需求，微信提供的wx.chooseImage方法中的压缩参数不能达到效果，里面的sizeType参数，就算选择compressed，也无法达到效果，我发现只有图片超过一定的大小才会被压缩，这个大小是多大暂时不明确，后来经过度娘找到了使用canvas来进行压缩，本次作为一个记录。因为图片上传涉及到多个地方，就封装成了公共方法，以每次选择一张为例(服务器需要存储的是base64的格式，所以需要转换)，如果是选择多张，图片就需要循环去执行压缩操作：public.js// 上传图片前的处理，获得图片的.
2021-04-27 10:46:47
1175
原创 Vuejs的一些命令集合
v-cloak可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。<div id="app" v-cloak></div><style> [v-cloak] { display: none; }</style>..
2020-07-03 16:57:39
167
原创 APICloud初使用记录
新公司使用APICloud开发APP，我作为一个新手从头学起。首先肯定得注册APICloud的账号，然后登录。找到开发控制台点击创建应用填写相应资料，点击创建就可以了APICloud有自己相应的开发工具，我用的是APICloud Studio 2，这个可以到链接: https://www.apicloud.com/devtools#studio下载安装使用开发工具需要登录，和APICloud的账号相同找到代码管理 -> 代码检出 -> APICloud云端应用（会出现你在A.
2020-06-18 09:38:48
258
原创 react新建项目流程
1. 环境搭建需要NodeJS和npm，因为电脑里有，这个就不写了2. 安装create-react-appcnpm install -g create-react-app（cnpm用的是淘宝镜像，会快一些）3. 新建项目create-react-app test（项目名）这里我在新建的时候报错了，如图所示：然后我目录下就只有一个空的test目录，查了一下说是网络原因，就把npm的镜像换成了淘宝镜像 npm config set registry https://registry.np
2020-06-09 21:39:13
270
原创 vue使用v-mode双向绑定数据不实时更新
我写了一个input，通过v-mode绑定变量，并与输入框内容同步，因为对输入框中的数据做了一些限制操作，导致输入内容与我操作后的内容不能实时同步，使用下面异步更新函数可以达到效果 this.$nextTick(() => { this.Svalue = price })...
2020-05-25 10:32:34
2666
原创 对于时间的一些处理
1. 系统时间格式转换成自定义格式getDate(type) { // 获取当前系统时间 let date = new Date(); let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate(); month = month > 9 ? month : '0' + month;; day = day > 9 ? day : '0' + day; r
2020-05-09 14:28:34
3405
原创 深拷贝和浅拷贝问题
有数组如下：searchList:[{ id: 0, name: '测试卷'},{ id: 2, name: '测试数据'}]另一个数组：searchInfo: []本意是要对这个数组进行操作，但又不想操作原数组js中我的写法是：this.searchInfo = this.searchList;然后对searchInfo进行逻辑操作但是我发现searchList中的数据也被修改了后来发现是ES6的深拷贝与浅拷贝的区别，浅拷贝只是把数组复制了一份，数组指向的存储地址还是没变
2020-05-08 18:33:31
144
原创 uni-app开发小程序中遇到的一些问题及一些方法的记录
1. 蒙层穿透事件在做弹出框的时候，要让用户不能滑动底层页面在蒙版的最上一层view标签上写<view class="mask-box" v-if="!successFlag" @touchmove.stop.prevent="doNothing" >在methods中写:doNothing(){ return}这里记一下我的小错误，我一直以为这个方法不成功，因为在开...
2020-04-16 10:06:03
1768
原创 svn提交项目文件报错svn: E135000: Inconsistent line ending style
在进行前端页面编写的时候，项目组是两个前端人员，她用的是苹果，我用的是widows，在提交项目的时候报错：svn: E135000: Inconsistent line ending style。百度的时候说行尾格式不一致，我的理解是对换行编码不同。一个使用的是Windows，一个是Unix，百度的时候也只搜到了两篇文章，有个说用命令dos2unix，我也不知道这是个啥，需要安装什么，试了下说没...
2020-03-31 13:28:04
1128
原创 vue开发微信公众号之文件下载
开发微信公众号实现文件下载的时候问题就出现了，一般网站做法就用不了，因为微信内置浏览器不支持下载文件，这就需要你用外部浏览器了（一般都是用手机自带的浏览器）。这边你需要新建一个中转页面，提醒用户要通过浏览器去下载文件。将需要下载的文件获取到并展示在页面，通过点击文件名跳转到中转页面，然后中转页面上去打开浏览器，会自动下载文件在需要的页面调用接口去获取文件信息getFile() { th...
2019-09-10 11:02:32
8132
5
转载 通过搜索关键字去匹配文章里的内容并将关键字高亮显示且不匹配标签
keyLight(key, color, content) { color = color || "red"; sText = ""; sText = content; var sKey = "<span style='color: " + color + ";'>" + key + "</span>"; va...
2019-09-06 17:04:01
689
原创 vue中将（2019-08-27T15:11:24.172+08:00）时间格式转换成常用日期格式
安装moment插件$ (c)npm install --save moment找到main.js文件，写入：$ import moment from 'moment/moment';Vue.filter('moment', function (value, formatString) { formatString = formatString || 'YYYY-MM-DD HH:mm:...
2019-08-28 11:32:55
1724
原创 JSON格式数据转换成数组格式
json转换为数组格式 str = [{MasterID:'1',Name:'张三'}，{MasterID:'2',Name:'李四'}，{MasterID:'3',Name:'王五'}]; this.examineProcedure= str.sort((a,b)=>{ //排序 进行字母排序 return a.MasterID[0]-b.MasterID[0...
2019-08-23 16:39:27
2626
原创 VUE的使用（与element-ui结合使用）
创建新的vue项目vue init webpack-simple element_ui(项目名称)进入项目cd element_ui安装模块(c)npm install要使用element-ui的话，要安装element-ui(c)npm install element-ui --save-dev配置找到webpack.config.js文件，在rules中添加{ te...
2019-08-20 17:52:04
769
原创 React的安装与使用
安装安装的基础是你需要有NodeJS与npm，且版本较高一点，安装react开发所需要的工具$ npm install -g creat-react-appnpm版本较低的话创建项目会失败，所以要确保npm的版本较高，升级npm$ cnpm install -g npm使用进入你所需要创建项目的文件$ creat-react-app my-app(项目名称)创建项目的时候会安装相...
2019-08-05 15:43:52
71
原创 Angular CLI 的安装与使用
安装$ npm install -g @angular/cli（由于我最开始的NodeJS的版本为v8开头的版本，所以安装报错，查询的时候显示的是v8版本的还不能够支持angular，于是我就重新去官网下载了最新稳定的版本，安装angular成功。需要注意的无非就是NodeJS的版本问题了，要不然去查错得查老半天。）使用创建一个新的工作空间$ ng new my-app（名称）...
2019-08-03 11:45:24
248
原创 微信小程序的开发使用第三方组件库
使用第三方组件库（以vant weapp为例）初始化右键单击miniprogram，选择在终端打开，输入命令npm init，以下的东西都可以默认（即回车即可）。在微信小程序开发工具中会多一个文件package.json，在这里面就可以进行包的配置。...
2019-07-03 16:11:04
5093
原创 vue中引入ueditor富文本编辑器的方法与遇到的问题及解决方法
下载ueditor度娘轻松就能找到下载地址，不过我还是放一个：下载地址，因为我后台用的是PHP，所以我下载的是PHP的版本。使用下载下来的东西是一个压缩包，将其解压放在vue项目的static目录，且他的目录如下找到ueditor.config.js文件，修改其中的配置找到config.json...
2019-04-17 17:04:03
6154
原创 PHP查询数据库并返回前端显示遇到的问题（无限循环/死循环）
记录一下我在前端请求后台数据的时候遇到的问题。在我用查询语句得到多条数据并想要返回给前端的时候，我用了while语句，然后前端报错说是存储不够，后来我发现是出现了死循环。通过百度，说while不能对一个数组进行遍历，否则就会出现死循环。然后将while语句换成了foreach语句就好了。...
2019-04-17 10:20:25
424
原创 vue配置页面预渲染（将页面静态化，便于seo读取）
在项目中安装prerender-spa-plugin$ npm install --save prerender-spa-plugin找到bulid目录下的webpack.prod.conf.js文件，在其中写入以下内容：在文件的上方写入：const PrerenderSpaPlugin = require('prerender-spa-plugin')找到webpackConfig...
2019-04-03 10:04:29
7898
6
原创 Vue父子组件之间的传值问题
子组件给父组件传值记一个简单的例子，注册（点击注册打开注册模态框，点击注册模态框的关闭图片关闭注册模态框）父组件：&lt;template&gt; &lt;div class="header"&gt; &lt;ul&gt; &lt;li class="login"&gt;登录&
2019-02-20 14:20:43
295
原创 Vue中this.$router的使用
vue中this.$router.push有两种使用方法：传入参数且地址栏中带上参数内容this.$router.push({path/name: ' 路由 ', query: {key: value}})（是path还是name由你自己定，如果是name那么在定义路由的时候需要写明类似这种：{ path: '/home', name: 'Home', component...
2019-02-14 16:04:10
22912
2
原创 VUE中SCSS的使用方法
1、SCSS是什么SCSS是CSS的预处理器，当然，它只是其中一种。CSS的预处理语言有：SCSS（SASS），LESS，POSTCSS。SCSS其实是SASS的升级版。2、SCSS该怎么用在vue项目中将SCSS安装到vue项目中$ (c)npm install sass-loader --save-dev(sass-loader依赖于node-sass，所以node-sass必须...
2019-01-23 11:09:20
347
原创 vue中安装axios
1、在项目根目录下输入如下：$ npm install --save axios2、在main.js或者需要用到ajax的页面中将它导入import axios from 'axios';3、在main.js中定义全局变量Vue.prototype.$post = post;Vue.prototype.$get = get;...
2019-01-15 15:44:37
1484
1
原创 MongoDB的安装与使用
1、安装好MongoDB，将安装路径的bin目录添加到全局环境变量中（F:\Study\MongoDB\Server\bin），这样就可以不用在bin目录下去使用了。2、复制一个storage.bson文件到你所创建的存放数据的文件下，在命令窗口输入如下：mongod --path G:\goodbooks\db（这是我数据库想要存放的路径）...
2019-01-15 11:14:02
99
原创 git与coding连接
进入www.coding.net进行注册在git的安装目录下找到bin文件并将其加入到计算机的环境变量中F:\Study\GIT\Git\bin（我的安装路径）环境变量的位置：计算机->属性->高级系统设置->环境变量->设置PATH即可git命令窗口输入$ ssh-keygen生成公钥，并在计算机中找到公钥的位置（生成公钥的时候会显示出位置）...
2019-01-03 17:23:31
1780
原创 git的分支用法
建立分支并切换到分支$ git checkout -b first（自定义）查询分支$ git branch结果中带 * 的就表示当前的分支对文件进行修改后，将修改后的文件加入仓库$ git add test/second.txt（这是文件名）提交到本地仓库$ git commit -m "这是我的第一个分支"切换回master$ git check...
2019-01-03 17:02:28
159
原创 git的使用（拉取和提交数据）
从代码仓库克隆项目到本地左边是两种方式：加密或者不加密（看个人需求选择）右边是对应的仓库地址链接克隆到本地来：$ git clone 上面所提到的仓库地址链接对本地仓库进行操作（在你所克隆到的本地目录中且要从你本地目录再进入你克隆下来的本地仓库里）这里我最开始是将我的test克隆到我自己G盘下面的一个test文件夹下的，所以有两层test初始化本地仓库$ git ...
2019-01-03 14:31:17
4933
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人