- 博客(50)
- 收藏
- 关注
RSS订阅原创 【持续更新】前端开发过程中遇到的Tips 和 Problems
1.【Tip】无返回数据的http请求背景描述：触发点击事件时，发送某请求 http://$%^.$%^?a=*&b=* 通知后台，无返回数据可行做法：ajax get请求Tip：访问图片的方式自动请求var img = new Image();img.src='http://$%^.$%^?a=*&b=*'2.【Problem】document....
2019-06-25 18:34:15
228
原创 gulp 生产/测试环境 打包
var publicjs = { // @if NODE_ENV = 'development' requestUrl: 'http://publisher-api-test.deepleaper.com/web', // @endif // @if NODE_ENV = 'production' requestUrl: 'http://publisher...
2019-03-20 18:31:16
1759
原创 react全家桶4-react router4
react router4 官网中文文档地址：https://react-router.docschina.org下载包:npm install react-router-dom --save文档原文：在web应用程序中使用的所有组件都应该从react-router-dom中取react-router应用程序的核心应该是一个router组件，对于web项目，react-route...
2019-01-21 18:30:26
1083
原创 react全家桶3-react16
上一篇文章react全家桶2-babel7已经提到了一些react相关下载包npm install --save react react-dom react-router-dom测试jsx代码index.jsimport React from 'react';import ReactDom from 'react-dom';ReactDom.render( <d...
2019-01-21 11:49:01
467
原创 react全家桶2-bebel7
一、下载包版本7将系列插件都放在了@babel家族下，我的项目使用了react和webpack ,使用npm下载包的代码如下：npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/preset-react babel-loadernpm install --save-dev webpack webp...
2019-01-21 11:29:48
634
原创 react全家桶1-webpack4
～创建项目命令行手动创建文件 mkdir react-family-demo 进入文件 cd react-family-demo 此时文件夹是空的初始化：手动创建或用命令：npm init 创建package.json文件：该文件用于定义所有项目所需的模块、项目的配置信息和运行环境，npm install命令将根据这个配置文件下载相应的模块其中dependencies中是项...
2019-01-21 11:26:34
244
原创 前端下载少量数据为csv文件
功能诉求：前端访问后端数据后，展示在表格中并下载为csv文件。由于csv内容格式就是纯文本的字符拼接，小数据量时可以前端生成，大数据量还是后端生成较为合适使用：react// 下载表格(生成csv并下载) downloadHandle = () => { this.setState({ filename:'搜索数据.csv', ...
2018-12-12 10:55:33
1153
原创 react v16.5.2 生命周期方法 + 图解
参考：https://blog.csdn.net/c_kite/article/details/80303341；官网：https://react.docschina.org/docs/react-component.html 注：三个UNSAFE_开头的方法是将三个弃用方法向下兼容，不能使用新的组建API，在17版本前名字还都有效，是不推荐使用的装载过程：1.co...
2018-10-17 18:33:25
534
原创 react初学笔记（七）
目标：使用 ES6 map 渲染列表数据 /* 直接在JSX里放一个数组，react会把数组里的所有元素罗列并且渲染出来 render(){ return ( <div> {[ <span>React.js </span>, ...
2018-09-20 18:15:23
124
原创 react初学笔记（六）
目标：组件之间值的props参数传递import React, { Component } from 'react'import ReactDOM from 'react-dom'import './index.css'class LikeButton extends Component { // 默认配置也可以这么用，下边是使用||实现的 //这样做就不需要在re...
2018-09-20 18:13:48
157
原创 react初学笔记（五）
目标 ：理解组件状态，掌握更改状态import React, { Component } from 'react'import ReactDOM from 'react-dom'import './index.css'class LikeButton extends Component { constructor () { super() this.state ...
2018-09-20 14:47:46
132
原创 react初学笔记（四）
目标：掌握点击事件等事件监听 import React ,{ Component } from 'react'import ReactDOM from 'react-dom'import './index.css'class Title extends Component { // 事件监听函数会自动传入一个event对象，跟浏览器里的event功能一致 // ...
2018-09-20 11:30:06
139
原创 react.js初学笔记（三）
目标：了解组件，组合使用 一、在组件中数据展示： class Header extends Component { render () { const hw = 'Hello world'; // 在JSX中，render很灵活，表达式用{ }包裹 // 其中不限制是变量，计算表达式、函数表达式、样式表达式等，所以像三...
2018-09-19 21:58:03
228
原创 react.js初学笔记（二）
目标：对各个部分有一个初步的认识// 只要写react.js组件，就要引入。 其中Component是React.js的组件父类import React ,{ Component } from 'react'// reactDom负责把react组件渲染到页面上import ReactDOM from 'react-dom'import './index.css'// React...
2018-09-19 21:17:30
116
原创 git 命令初学（一）
相关链接：Mac下如何把本地项目上传到git上：https://liuyanzhao.com/6319.htmlhot fix:https://blog.csdn.net/hherima/article/details/50386011#commentBox git status 查看文件处于什么状态echo myProject > README 在myProject文...
2018-09-19 15:15:35
221
原创 react学习笔记（一）
目标：掌握react项目的搭建方式，了解目录结构一、安装基本环境前提：安装了Node和npm ，如果网速不优秀可以用cnpm代理，就是在命令行执行这样一句：npm config set registry https://registry.npm.taobao.org，这方面的帖子很多安装：官网上提供yarn和npm两种安装方式1.用yarn：yarn inityarn ...
2018-09-14 16:58:30
351
原创 Css3框大小 box-sizing属性
参考链接：1.https://www.w3cschool.cn/css3/19n8lxox.html2.https://blog.csdn.net/lxcao/article/details/52620453 正文1.定义：CSS3 box-sizing 属性可以设置 width 和 height 属性中包含了 padding(内边距) 和 border(边框)2.属性：两...
2018-09-12 16:23:21
271
转载 【转载】HTTP、SSL/TLS和HTTPS协议的区别与联系
原文网址摘自于http://www.mahaixiang.cn/internet/1522.html马海祥博客1、“HTTP”是什么？超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议，所有的WWW文件都必须遵守这个标准，设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法（具体可查看马海祥博客《深入解析互联网...
2018-08-27 22:28:35
311
转载 在ionic1项目，调用百度定位
参照项目：https://github.com/liangzhenghui/cordova-qdc-baidu-location版本选择：1.0.0
2018-06-19 09:57:36
243
原创 npm install -g ionic cordova
使用淘宝镜像npm install cnpm -g --registry=https://registry.npm.taobao.org下载会快cnpm install ionic -g如果出现报错Missing write access to。。。或者run in root/Administrator之类的，就是权限不够尝试 sudo npm install -g ionic cordova 或...
2018-03-12 18:31:52
1781
原创 Xcode9从svn服务器check out
首先说明svn使用的是小乌龟其次，使用xcode要先填个你的AppleId,在Xcode--Preferences--Accounts能看到你的账号Xcode9上边的工具栏里没有明显的SVN Repositories之类的，但是在Source Control 中除了一个Git Repositories 还有一个Clone点击后是这样的点开Clone，让写Repositories Url 的地址栏，...
2018-03-12 15:24:43
2389
转载 Application Error - The connection to the server was unsuccessful.
问题：Application Error - The connection to the server was unsuccessful.(file://android-asset/www/index.html)解决：参考原网址：http://blog.csdn.net/qq_20473985/article/details/68490438http://blog.csdn.net/zhanqiz...
2018-03-07 18:03:08
3670
2
原创 服务器上部署tomcat项目
1.进入tomcat/webappsrm -rf 原war包名rm -rf 原war包名.war2.将事先打好的war包放进原文件夹位置tomcat/webapps3.进入tomcat/bin./shutdown.sh关闭原来运行的tomcat./startup.sh开启tomcat4.进入日志文件夹tomcat/logstail -f catalina.out 打印出当前控制台输出的内容...
2018-03-06 17:42:09
308
原创 AngularJs指令+Java 实现图片上传、显示、删除
一.页面edit.html<!-- 图片上传指令引入--> <load-img to-show="$parent.photosUrl"></load-img>二. service.jsstarter_services.directive('loadImg', function($cordovaCamera,$ionicActionSheet,$cor...
2018-02-23 09:40:42
1676
原创 记录一不小心就错了的angularJs小坑坑
1. ng-bind浏览器报错原来的写法：原因：ng-bind="expression" 双引号中间应该是一个表达式正确的:
2018-01-26 17:08:39
149
转载 mysql中You can’t specify target table for update in FROM clause错误
mysql中You can't specify target table for update in FROM clause错误的意思是说，不能先select出同一表中的某些值，再update这个表(在同一语句中)。 例如下面这个sql：delete from tbl where id in ( select max(id) from tbl a where EXI
2018-01-20 16:46:39
126
原创 linux系统下mysql每天自动备份
准备：查看放到哪个磁盘比较合适：df -h备份:我的mysql安装目录是/usr/local/mysql 想备份位置 /usr/local/backup创建备份用的脚本文件:cd /usr/local/backuptouch sqgjbackup.sh编辑内容：vi sqgjbackup.sh按i进入编辑模式其中 定义日期不必须到秒，到日即可day=`date +%Y%m%d`注：第6行/第23...
2018-01-05 16:05:37
497
原创 ionic+angularjs项目中使用极光推送
功能诉求：一、平台通知广播 + 二、单个用户通知一、以安卓为例，平台广播:在apk包中加入APP-KEY,无需服务端SDK下载准备：1.要使用的项目中，config.xml中的包名和项目名，盗图一张2.在极光推送平台注册应用应用名称就是cofig.xml的<name>中的名字3.到刚刚创建的应用中，，这个sss应用名是我随手乱写的 安卓系统，填写安卓的...
2018-01-04 15:03:41
3127
2
原创 ionic 隐藏tabs下导航栏
两步1.在导航栏页 tabs.html里添加一句话 ng-class="{'tabs-item-hide': $root.hideTabs}"> 2.在需要隐藏的页面对应的控制器中$rootScope.hideTa
2018-01-03 16:33:26
758
原创 阿里云服务器安装jdk、tomcat、mysql
一、Mysql:正文：安装包：mysql-5.6.30-linux-glibc2.5-x86_64.tar.gz使用xshell连接linux服务器，使用root用户名登录，依次执行以下命令：添加mysql组：/usr/sbin/groupadd mysql /usr/sbin/useradd -d /var/lib/mysql -s /sbin/n
2017-12-13 21:29:02
18464
2
原创 前台向后台传复杂实体
从前台传一个复杂实体到后台对象格式是这样的[ { a:[{},{}], b:{} }，{ a:[{},{}], b:{} } ]显然不是实体类本身的类型，所以后台正常用对象类接收失败解决：前台: data:JSON.stringify(obj) 将对象obj转成字符串后台：用@RequestBody String ** 接收.这里转化json用的是ja
2017-12-12 17:47:42
1202
转载 ng-repeat指令中使用track by子语句
我们可以使用ng-repeat指令遍历一个javascript数组，当数组中有重复元素的时候,angularjs会报错:Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: user in us
2017-11-30 17:30:55
286
原创 $state.go跳转中 传递对象参数
传数据//以对象为参数传递var petObj = JSON.stringify($scope.pet);$state.go('petDetails',{'petObj':petObj});在app.js中定义参数名.state('petDetails', { //宠物详情 url:'/petDetails',
2017-11-14 15:16:40
1087
1
转载 mybatis中模糊查询
1. 参数中直接加入%% param.setUsername("%CD%"); param.setPassword("%11%"); select id,sex,age,username,password from person where true AND username LIKE #{username} AND password LIKE
2017-11-14 11:07:46
230
原创 http post 接收数据 和 乱码问题
问题：用http传数据 1.后台接不到 user对象各个属性全是null2.传的汉字乱码 解决：$http({ method: 'POST', url: URL+"/user/saveUser", data:{'username':$scope.user.username} , headers: {
2017-11-10 11:41:13
2190
转载 Ionic 添加ngCordova插件
Ionic只是个前端框架，与bootstrap差不多，不过他是专门为移动端设计的， 在效果上接近原生的app,如果你的应用只涉及到前端的东西，那么你可能不会涉及到ngCordova插件，这是phoneGap的改名叫法。如果我们应用要用到一些底层的东西，如：拍照，文件，数据库，状态栏，设备等等这些原生的东西，那么你就得要好好的学习下ngCordova提供的想着插件。在这里给出ngCordova的官网
2017-11-09 18:59:42
269
转载 ionic 进入二级目录以后隐藏底部导航栏（tabs）
公司开始使用ionic开发项目，在此记录下把遇到的问题，网上有大牛已经把解决方法整出来了，不过记录在自己这里方便查阅。 这篇记录在有tabs的项目里，进入子层级时，底部导航还一直存在，本人是要让他只在首页几个界面存在，其他的隐藏，在这里用到了angularjs的指令，要完成这个步骤分为三步：在标签ion-tabs中添加：ng-class=”{‘tabs-item-hide’: $roo
2017-11-09 18:54:02
248
原创 使用cordova插件后，unknown provider问题
问题描述:在ionic-Cordova项目中，调用cordova-plugin-camera插件，下载后，在对应上传js文件的模块注入$cordovaCamera服务，报错：解决：在app.js中，需要把ngCordova注入
2017-11-08 19:24:45
466
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人