- 博客(41)
- 收藏
- 关注
RSS订阅原创 angular7修改端口号的坑
相信也有朋友遇到了这样的问题，在angular7中修改端口号后没有生效，反正我是遇到了，和大家分享一下经验我用两种方法修改端口号1.直接修改@angular文件里面的配置文件，路径网上有很多，此处省略，但是结果是修改以后ng serve --open后依然启动的是42002.用命令修改端口 ng serve --port 4203 或者是 ng serve --port=4203 提示...
2019-05-10 11:24:33
881
原创 angular6中使用ReplaySubject传递数据遇到相互冲突的问题
在angular6中有多种跨组件传递数据的方法，这里说一下使用ReplaySubject遇到的坑1.在服务中定义 public current: any = new ReplaySubject<any>( 1 ); public dragcol:any = new ReplaySubject<any>( 1 )2.接收参数setdrag(data1...
2018-09-29 11:03:51
1277
原创 angular6 的HttpClient.post方法发送参数失败，总是报500的错误
angular的ajax请求真的是太坑了，只要涉及到发送参数的就有问题，会报500，即使你传对了参数，后台也接收不到，这个问题其实不是后台的问题， 而是因为angular的请求方法中，涉及到传参的时候，angular并没有处理数据格式，get和post请求是一样的，当post方法把数据发送过去的时候，被浏览器加密成object了，一般后台要求的数据格式是这样的：但是前提发送的一般是纯json，{j...
2018-07-15 19:07:47
12769
2
原创 angular6的HttpClient.post方法向java后台传参报500的错误
按照angular官网的说法，post传参只要传入url params，如果有必要的话可以再加个header的设置，网上所有的关于post的方法设置也是这样的，但是这样设置了以后发送的request的参数总是json格式的，也就是这种格式但是后台要求是这样的从网上百度出来的方法一般都是说和后台设置相同的header格式，其实和header没有关系，关键问题在于angular对这块没有说明，简直太...
2018-06-28 09:24:09
4800
原创 Git提交本地项目
我们向远程仓库提交项目有两种情况，一种是远程仓库新建了项目，从本地克隆下来后再我们的项目放到克隆下来的文件夹中，但是这样会多一层目录；另一种情况就是直接将本地项目推到远程仓库，也就是远程仓库不要新建空的项目文件夹，第二种情况操作有点复杂1.cd到本地项目文件夹下2.git init 初始化3.如果没有readme.md文件，新建一个，我们的项目中必须要有这个文件4.git add .5.git c...
2018-05-27 12:27:20
3355
原创 vue+element自定义表格遇到的问题
使用vue+element实现了一个自定义的表格，需求如下：看似简单的功能实现起来有些细节真的不好处理1.点击编辑实现可编辑标题，这个地方纯粹用的js的DOM操作，官网上只提供了方法handleClick，但是没有举例具体怎么实现，用element的属性或者方法没有办法实现，所以只能操作dom，给展示标题的div添加contenteditable：true属性2.小数、排序、合计、启用这些列都是在...
2018-05-19 01:43:54
11178
原创 连接夜神模拟器的总是报10061
使用react native需要安装一个模拟器，我选的是夜神模拟器，一个pc端的安卓界面，下载超快，安装也很方便，但是连接的过程有点麻烦安装完后，打开cmd管理员权限，进入到夜神的安装目录的bin下，我的是在d:nox\bin,输入nox_adb connect 127.0.0.1:62001发现报错这时可以重新打开cmd，输入adb devices测试模拟器连接，会发现无法连接成功，查看adb....
2018-03-28 12:58:09
1873
原创 配置react Native
配置react Native的过程非常的复杂，会遇到很多坑，这里只说windows环境，现在整理如下首先要准备好各种软件：jdk、python2、node，node以前安装过，所以这里就不重复了，网上有很多这些软件的安装解说，此处略去过程，要注意的是这些软件安装完了以后都要在环境变量里面配置，具体的配置方法网上有很多接下来就要安装android studio了，官网的最新版本是3.x，特点是不包含...
2018-03-24 22:39:01
235
原创 create-react-app 创建项目失败
node已经安装成功，用create-react-app创建项目时总是安装失败，如下出现这个问题的原因是npm 版本不是最新的，更新一下npm即可，使用npm install -g npm@latest
2018-03-24 21:12:00
6021
3
原创 vue+node+axios实现图片上传
用vue做前端，用axios上传图片，用node做后台接收数据前端部分上传图片用的是formData方法上传，用axios上传需要注意的地方：import axios from 'axios'methods:{getImg(){//用axios()方法//需要注意的是在ajax中使用formdata需要配置anync:true,contentType:fal
2018-01-16 11:21:49
9454
原创 node中，已经在app中设置了跨域的问题，但是用jq的ajax请求时仍然报跨域错误
已经在app.js中设置了跨域，但是用jq的ajax请求后仍然报这个错误，原因就是因为在jq的ajax中配置项出来问题，jq的配置如下： 注释部分是多余的设置，虽然jq中有设置跨域的配置项，但是无需设置，加上反而报500的错误，或者是报跨域的错误
2017-11-06 22:53:21
868
原创 使用art-template遇到的坑
现在模板引擎行列多了一个art-template后，让前端页面的渲染有了更多的选择，选择从网上百度出来的各种art-template的用法，说的都是纯前端的用法，比如定义个模板，在页面中使用，例如html部分<p id="p1"></p>模板<script type="text/html" id="test"> {{if isAdmin}} <span>{{_id}}</
2017-09-19 22:42:27
9121
原创 使用node上传文件或者数据到mongodb
上传文件分为两种情况： 1.小文件，不超过16M的 2.大文件超过16M的 上传数据比较简单，直接上传req.body里面的内容就可以了如果上传的文件是小于16M的比较简单，直接使用ajax或者表单上传，后台接收后，保存到mongodb中，需要注意的是用ajax上传的时候有点麻烦，可以使用插件ajaxFileUpload.js，接收文件要用multer，因为body-parser不支持文件mu
2017-09-11 17:19:43
3069
原创 使用express搭建了框架后，用multer处理post请求传的文件或图片注意的问题
node中处理post请求，只有body-parser是不够的，当上传的是图片或者是文件时，就要用multer来处理 注意的问题： 1.如果在app.js中引入multer，如法根据请求的路由分别处理，所以要在路由配置中，根据需要使用multer 首先引入multer， 配置的方法不变：var upload = multer({dest:’./public/img’}).any() 使用方
2017-09-06 15:14:28
1615
原创 配置mongodb遇到的坑
mongodb的安装确实比较简单 直接从官网下载安装就可以了，安装的时候需要注意的是： 安装完mongodb后要在安装目录的同一盘符下，假设安装路径在d盘，那么就要在d:\的根目录下建data文件夹，然后在data文件夹下建db文件夹 安装完以后启动也比较简单，在bin目录下使用mongo –dbpath d:\data\db可以启动将mongodb服务器作为windows服务器运行的方
2017-08-15 15:50:53
648
原创 node中使用consolidate后报错Cannot find module 'ejs'
使用了express后，为了使用模板引擎方便，我们会引入consolidate，这个中间件虽然支持ejs jade等很多模板引擎，但是在node服务器搭建时，即使安装了consolidate，也要安装所使用的模板引擎 cnpm install ejs就可以解决
2017-08-11 21:40:51
2245
原创 第一次安装MySQL注意的问题
1.安装的是mysql5.7版本，有人已经把安装配置的详细步骤分享了 http://www.mamicode.com/info-detail-1161785.html 但是，有些地方需要注意一下 a) my.ini里面的内容要把赋值的原文的内容改一下，改成自己的mysql安装路径 这个地址要写自己的安装路径，此外，还要在这个文件中添加一句话 bind-address = 127.0
2017-08-10 15:08:52
1869
原创 使用angular2的http交互注意的问题
1.模拟一个web api，否则不能实现交互，模拟方法按照官网上的步骤 在app.module.ts中引入 import {InMemoryWebApiModule} from ‘angular-in-memory-web-api’; 并且吧InMemoryWebApiModule添加到imports数组中，使用这个模块就会模拟出一个web api 无论是get方法还是post方法都要依赖这
2017-08-09 11:20:21
2132
原创 搭建angular2 的环境遇到的问题npm ERR! Windows_NT 10.0.14393 npm ERR! argv "C:\\Program Files\\nodejs\\node.exe
再使用angular cli搭建环境时，安装cli还算顺利，但是创建项目的时候遇到了问题 就差一点点就安装成功了，差的这一点点就是因为使用npm的原因，因为npm是国外的，需要翻墙，所以package.json会安装失败，我是猜的~~~，于是想到了一个办法， 使用cnpm install 单独安装模块，安装完成后，使用ng server –open(-o)启动，结果ok，成功了！！
2017-05-26 11:15:43
19540
原创 使用node过程中出现了乱码
使用node搭建了一个简单的服务器，当使用form提交数据后，服务器给返回的信息成乱码了，html页面中已经使用了charset，处理的方法是：把html页面重新设置一下charset，重新保存一下就好了
2017-05-10 20:50:53
529
原创 Hbuilder中配置集成终端(cmd)的方法
在上面菜单栏中找到运行->外部工具配置，点开以后在程序中新建一个文件起名为cmd 在主要选项下 要执行的命令或文件里面输入 C:\Windows\System32\cmd.exe，这个是wins的路径，都是统一的， 工作目录中输入${project_loc}在公共选项下有2项必选， 其他的都默认就可以了
2017-04-24 20:55:09
16369
原创 用jq实现仿百度搜索框
百度搜索框看似简单，但是涉及到了数据交互，如果能用vue来实现的话会简单很多，现在用jq模仿了一下，写的代码不是一般的多啊！ 当然头部要引入jq了html部分 <input type="text" id="txt" /> <input type="button" id="btn" value="百度一下"/> <div class="box" id="
2017-04-23 13:14:58
12442
1
原创 常用的键盘值
js中有时候会用到键盘事件，所以把常用的键盘值整理一下keyCode 27 esckeyCode 13 enterkeyCode 8 BackSpacekeyCode 32 空格keyCode 37 左keyCode 38 上keyCode 39 右keyCode 40 下keyCode 46 delete字母键从65-90 a-z（A-Z）
2017-04-23 09:12:14
412
原创 vue中配置mint-ui报css错误的问题
在vue2.0中引入了mint-ui后总是报一个css的错误 但是package.json中已经配置了css-loader style-loader ，webpack.config中也已经配置了css，还是报这个错误，相反，如果把webpack.config中css的配置注释掉就不会出错，这是为什么呢？ 因为 在webpack.config中没有设置好css引入的目录，因为默认情况下我们只会引
2017-01-22 15:43:12
7049
原创 vue中改变选中当前项的显示隐藏或者状态的方法
在vue中已经不像jq那样直接操作dom了，如果要指向当前选中项时，就不能再用jq的思路来做了，方法如下： 例如 当指向一个状态的时候，只让指向的状态隐藏，其他项不变，如果项目中用了element-ui，那么操作起来会比较简单一些，这样设置：v-if="(row.id == currentId&&row.auditState==0)?checkState:!checkState" @mouseo
2017-01-17 16:07:57
14005
原创 vue中自定义组件（插件）
在vue项目中，可以自定义组件像vue-resource一样使用Vue.use（）方法来使用，具体实现方法：1、首先建一个自定义组件的文件夹，比如叫loading，里面有一个index.js，还有一个自定义组件loading.vue,在这个loading.vue里面就是这个组件的具体的内容，比如：<template> <div> loading..............
2017-01-04 22:46:43
11694
3
原创 vue中动态绑定表单元素的属性
在vue中有时候可能想像使用jq一样给某个元素添加属性，如$('#select1').attr('disabled','disabled')这种方法也能实现，但是在vue中能用vue的方法还是尽量不要使用jq 使用vue的方法来添加属性可以这样：<select v-model='issues' class="ui dropdown t-select-list" :disabled='isDisab
2016-12-27 14:38:46
22804
原创 vue项目中做编辑功能传递数据时遇到的问题
在项目中完成编辑功能时，遇到了这样一个问题：编辑的功能使用的是一个子组件作为弹出框，如图 这里涉及到从父组件向子组件传递数据的问题，这个项目使用的是v1.0，问题是当点击了编辑以后，弹出的子组件中没有获取到父组件传过来的数据，检查后没有发现代码错误，最后解决的方法就是在父组件中，把传递的数据中的每一项都初始化了一遍就好了creatIssue (type,list,id){
2016-12-19 14:05:57
5159
2
原创 项目中根据状态条件来显示删除按钮时遇到的问题
在项目中遇到这样一个问题，如下图： 只有当状态是‘已关闭’的时候才会显示删除按钮 开始用的方法是这样的<div title="删除" style="cursor: pointer;width: 30px;text-align: center;font-size:20px;" class="fr task-delete" v-if="issueDatas.state==5">
2016-12-19 13:42:55
1359
原创 接收后台返回的文本内容呈现换行的样式
第一种情况： 在保存的时候，在文本框内输入内容后，每一行结束都会按回车，但是textarea标签不会自动加入回车符，需要手动转一下，这时候应该使用正则，如submit(){ this.reportData.content.replace(/\n/g, "<br/>")}提交的时候把文本框的内容转一下再保存，这种情况只是前端提交的时候呈现换行的样式 第二种情况： 从后台接收的数据呈现
2016-12-06 10:43:57
20511
原创 vue中用动态组件实现选项卡切换效果
导航按钮：<div class="tab-title"> <p @click="a='tab1'"><router-link to='/collectnewcars'>新车</router-link><em></em></p> <p @click="a='tab2'"><router-link to='/collectusedcars'>二手车</r
2016-11-04 18:15:17
34755
原创 空格会破坏垂直居中的样式
这个地方，已经设置了表单元素垂直居中，应该是文字和与输入框中线对齐，但是这个地方因为在第二个输入框的最后有了空格，导致文字和输入框没有垂直对齐，在表单的最后如果有空格的话会影响对齐的效果
2016-10-28 16:40:15
445
原创 在vue项目中前端生成二维码应该注意的问题
前端要生成二维码，可以用jquery.qrcode.min.js第三方插件来生成，并且和jquery一起用： 在使用这个插件的时候，不能使用npm安装，只能中需要的页面直接引入，但是这里有几个细节需要注意一下： 1.在使用这个插件的时候，要在生成二维码方法的前面引用这个插件，如下： require (‘../libs/jquery.qrcode.min.js’); this.qrcode()
2016-10-20 17:51:35
22257
9
原创 Vue.js入门环境搭建
vue这个新的工具，确实能够提高效率，在经历的一段时间的摧残之后，终于能够有一个系统的认识了，下面就今天的收获做一个总结，也是vue入门的精髓： 1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于node，所以要先安装node，借助于node里面的npm来安装需要的依赖等等。 这里有一个小技巧：如果在cmd中直接使用npm来安装的一些工具的话会比较慢，
2016-10-19 20:34:46
36523
15
原创 在Mac中使用vue-cli搭建的vue框架，下载到win7环境中，配置应该注意的问题
对于团队使用远程仓库共同进行一个项目的时候，有人会用mac，有人会用win7，这时候就会出现环境不一致的问题，应该怎么在win7中使用呢？ 1.把下载下来的项目包解压，放到F：盘（我的是在f盘） 2.如果出现下面这个问题 这个问题说明node-sass要重新搭建，所以要使用cnpm rebuild node-sass（我安装了npm镜像，所以使用cnpm，这里一定要用cnpm才行），把no
2016-10-19 20:31:17
4592
原创 让图片和文字居中对齐的方法
如果一个盒子有2列或者3列排列，有图片，有文字，怎么实现文字始终对齐图片的中间位置呢？ 方法就是使用vertical-align:middle;也就是给一列都使用这个属性，需要注意的是：这个属性只对行内元素起作用，如果不是行内元素要加上diaplay:inline-block;如图 <ul> <li> <img src="image/qq.jpg" cla
2016-10-19 20:26:29
16808
原创 git常用命令
git status 查看哪些文件被改变 git add –all 添加所有被改变的文件 git add 文件名 添加指定的文件，用的是相对路径 git add src/ 添加指定目录下所有被改变的文件 git pull
2016-10-19 20:23:03
330
原创 使用git和远程仓库应该注意的问题
1.每天登录git的第一件事就是先git pull更新项目 2.及时推送项目到远程，在推送的时候确保没有错误，如果隔的时间太久推送的话冲突会比较多 3.解决冲突的方法：先手动解决冲突，解决完以后再执行git add 4.从远程仓库clone项目的时候，看好分支是哪一个，分支不一样，ssh也不一样 5.如果已经做了一部分的项目推送到了远程，但是这部分项目中有错误，可以先把这部分项目注释掉，再
2016-10-19 20:22:09
491
原创 在vue中实现点击选择框阻止弹出层消失
在vue项目中，选择性别是用的一个弹出层，<div class="sex" v-show="showed" transition='fade' @click="unshow"> <ul @click.stop="stophidden"> <li class="choice">选择</li>
2016-10-19 15:56:18
7464
原创 用css实现手机端单选框的样式改变
在手机端默认单选框是没有样式的，要让单选框显示自定义的样式可以用css来实现： 看demo<ul> <li class="choice">选择</li> <li> <label>男</label> <input type="
2016-10-19 15:30:25
5173
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人