- 博客(45)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 webpack自学笔记
必须要知道的几个常识1、devDependencies是只会在开发环境下依赖的模块，生产环境不会被打入包内，--save-dev；dependencies依赖的包不仅开发环境能使用，生产环境也能使用。--save。2、loader是用于加载的，它作用于一个个文件上，诸如一些css、jsx、img、字体等文件3、babelrc文件默认暴露的是一个对象，其中presets通常会配置['...
2019-07-15 14:52:48
208
原创 注意事项
git注意事项新建分支git checkout -b XXX 提交新的分支到远程git push --set-upstream origin XXX git branch可查看当前所在分支 git checkout XXX切换已有分支 git log 查看commit-id和信息 q退出 git cherry-pick <commit-id>把此co...
2019-07-15 14:52:32
160
原创 commitlint提交规范
目前项目提交信息写的比较随意 只能看到开发人员每次备注的信息 为了后期协作以及处理Bug时会更加方便 引入commit规范,每次commit时，commitlint会用在git的hook回调中，最简单的就是和 husky一起使用commit message: <type>: <subject> (注意冒号后面有空格)type:feat：新...
2019-05-31 15:43:18
2552
原创 iospod Error installing libwebp
https://www.jianshu.com/p/627e9242a5e7?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendationhttps://www.jianshu.com/p/009caf1df1d5后来发现这个问题竟然是没有翻墙的原因...
2019-03-26 17:41:43
283
原创 element-ui翻页记忆功能（原来并没有那么麻烦）
思路：1、点击选中项保存在一个对象或者数组中（这里保存在一个对象里）this.selectObj2、el-table添加两个事件单选和多选(此组件是调用项目已经封装的tableview，不过性质一样啦)，再添加一个ref="table"@select-row="handleselectRow"@select-all="handleselectAll"//行选中函数 若有删除...
2019-01-03 16:54:19
5847
原创 倒计时组件
//物流超时倒计时export class LogicBlock extends Component { constructor(props) { super(props); let retime; let {timeout,now} = this.props; //retime = parseInt(new Date(t...
2018-09-30 15:07:24
385
原创 单选框自定义样式
//选择售后类型checkAftertype = (e) => { //待发货时为仅退款可选 let {typeChange, reasonChange, refund} = this.props; if ($(e.target).text() == "退货退款" && refund == 1) { return; } ...
2018-09-30 15:05:46
549
原创 带字母的物流列表开发react
import React, {Component} from 'react';import {connect,browserHistory} from 'react-redux';import {actionAxios, concatPageAndType} from 'js/actions/actions';import {LoadingRound} from 'component/co...
2018-09-30 14:58:40
520
原创 商城开发项目遇到的小问题总结
input type=number maxLength=不生效 用max 有step（属性） 在写表单提交的时候校验函数统一写一个函数校验每个input同时控制className 绑定各个input的onChange事件 onTouchTap事件比click要快 但是有时会出现点透的问题 上传图片如果自己写的话用onChange事件click事件不合适 上传多个照片时 上传...
2018-09-30 14:56:31
4913
原创 h5单页面埋点问题（undefine）
需求：商城页面里调用第三方资源埋点代码实现（主要解决资源未加载就被调用问题）备注：把调用函数作为参数传进去 控制保证在资源加载完成后调用；let COLLECTURL = http://collect.trc.com/index.js；//动态创建js加载function loadScript(url,callback,userId){ let w = docume...
2018-08-06 11:45:31
3628
原创 手机连接fiddler步骤
1 项目里config--->utils:IPv4 = "本机地址"2 fiddler tools-->options---->connect设置default 宽带连接必须勾选（具体百度）3 nginx配置本地地址127.0.0.1修改为本机4手机浏览器打开本机 地址+8888端口 下载证书（连接测试wifi）5安卓机下载测试包 app_confi...
2018-07-25 10:18:42
1956
原创 map方法处理json格式
//map方法function Map(){ /** * 存放键的数组 * @type {Array} */ this.keys = new Array(); /** * 存放数据 * @type {Object} */ this.data = new Object(); /** * 放
2017-10-14 16:41:25
2172
原创 模糊查询封装
需要引入selecte2.js、selecte2.css、selecte2-bootstrap.css。HTML type="text" name="timeout" ng-model="name" class="form-control toSreach" ng-change="getSearch(name)" id="{{myId}}" placeho
2017-08-08 09:08:37
436
原创 ng-grid双选盒子
/** * Created by PF0PQ348 on 2017/7/17. */app.controller('ocodeRuleCtrl', ['$rootScope', '$scope', '$modal', '$http', 'httpJesen', function ($rootScope, $scope, $modal, $http, httpJesen) { //IN
2017-08-07 21:46:17
651
原创 gulp部分文档
等线安装项目中使用的gulp插件安装图片压缩插件 npm install gulp-imagemin --save-dev 安装js压缩插件 npm install gulp-uglify --save-dev 安装css压缩插件 npm install gulp-minify-css --save-dev 安装html压缩插件 npm install gulp-h
2017-03-31 15:34:30
423
原创 php连接数据库增删改查
<?phpheader("Content-Type: text/html;charset=utf-8");// 1. 创建和数据库的连接// 第一个参数：连接数据的主机；第二个参数：连接数据的账号；//第三个参数：密码；第四个参数：数据库// 默认连接的是3306$conn = new mysqli("localhost", "root", "", "ishop", 3306);//
2017-03-31 14:00:47
814
原创 github配置邮箱账号
1. 使用git之后，命令行操作变得尤为重要，并且更加频繁2. cd命令依旧，还是进入指定的文件夹的意思3. dir/ls命令：用于列出当前路径下文件夹中文件和目录的列表4. pwd命令：用于查看当前在哪个路径下5. 配置git开发信息git config --global user.name "姓名"git config --global
2017-03-30 10:27:12
7428
原创 vue脚手架步骤
使用单文件组件1.安装 （只需要一次）npm install --global vue-cli2.创建项目 （每次创建项目都需要执行下面流程） 1.创建项目之前 首先得知道你的项目创建到哪里 2. 官方提供创建vuejs项目 （不推荐） 代码语法检查比较麻烦 vue
2017-03-25 16:27:34
2904
原创 vue基本小案例
引入文件html内容（bootstrap）//追加输入的内容以及删除//输入框接受主要关键词 增加//点击增加事件 {{lis}},{{i}}删除//script内容var vu = new Vue({el:"#out",data:{kw:""
2017-03-25 11:57:54
701
原创 react父子组件传值
引入三个插件父组件像子组件传值var Par = React.createClass({getInitialState:function(){return{res0:"",res1:""}},tap:function(e){console.log(e.target.value);var str = e.target
2017-03-25 11:30:56
2946
原创 react用webpack打包
首先安装node环境，全局安装webpack(参照webpack中文网)；cd 到目录文件夹下 npm init(生成packge.json) install webpack --save-dev npm install jsx-loader --save-dev npm install react --save-dev npm install react-dom --s
2017-03-08 19:28:45
1146
原创 js自适应任何设备屏幕
function bodyScale(){var devicewidth=document.documentElement.clientWidth;var scale=devicewidth/640;document.body.style.zoom=scale;}window.onload=window.onresize=function(){bodyScale();}
2017-02-27 20:20:17
4113
原创 简单模板ng-repeat的使用
html ng-app="phonecatApp">head> meta charset="UTF-8"> title>Titletitle> script src="js/lib/angular/angular.min.js">script> style> li>span:first-child{color:red;font-size:22px;
2017-02-11 10:32:09
367
原创 git使用细节精细
1. 使用git之后，命令行操作变得尤为重要，并且更加频繁2. cd命令依旧，还是进入指定的文件夹的意思3. dir/ls命令：用于列出当前路径下文件夹中文件和目录的列表4. pwd命令：用于查看当前在哪个路径下5. 配置git开发信息git config --global user.name "姓名"git config --global user.email "邮箱"
2017-01-13 09:04:00
414
原创 转换成二维码
http://www.jb51.net/** * Created by Administrator on 2017/1/6. *///jquery.qrcode.min.js(function (r) { r.fn.qrcode = function (h) { var s; function u(a) { this.mode = s; this.data =
2017-01-06 12:00:43
884
原创 js简单案例缓慢显示下拉菜单
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> #menu{width:200px;height:25px;background:#f9c;} #item1{width:200px;} #item1 ul{display:none;bac
2017-01-02 20:43:50
1548
原创 2016/12/30javascript考试题
html>head lang="en"> meta charset="UTF-8"> title>title> script src = "cookie.js">script> style> *{margin:0;padding:0;} li{list-style:none;} img{display:block;}
2017-01-02 20:15:38
407
原创 php简单模拟后台接口创建类
<?php/** * Created by PhpStorm. * User: Administrator * Date: 2016/12/19 * Time: 11:16 */class Goods{ private $id,$name,$price,$image; function getId(){ return $this -> id;
2017-01-02 20:01:51
626
原创 淘宝购物车展示效果列表清单
html lang="en">head> meta charset="UTF-8"> title>购物车页面title> style> *{margin:0;padding:0;} #container{width:1200px;border:solid 1px #ccc;height:500px;} #goodslist{
2017-01-02 19:58:45
2789
原创 模拟Json加载数据（淘宝购物车效果1）
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> *{margin:0;padding:0;} #container{width:1200px;border:solid 1px #ccc;height:500px;} .goods{floa
2017-01-02 19:56:28
3300
原创 选项卡效果
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> *{margin:0;padding:0;} #container{position:relative;} li{list-style: none;float:left;line-heigh
2017-01-02 19:52:53
181
原创 自适应瀑布流图片
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> *{margin:0; padding:0;} #container{margin:auto; position:relative;} .box{position:absolute;padd
2017-01-02 19:50:52
445
原创 无缝动画原理
/** * Created by Administrator on 2016/12/21. *//*box.onclick = function () { move(box, "height", 300, function() { move(box, "width", 300); }); dom:标签 str:标签的属性
2017-01-02 19:43:36
266
原创 网页倒计时封装函数
/** * 倒计时 */function Conutdown(endtime,showid){ setInterval(function () { var date = new Date(); var end = new Date(endtime); var _time = end - date;
2017-01-02 19:37:45
709
原创 事件委托
事件监听监听：进行监控事件监听：对发生的事件进行监控常规事件监听方式——添加事件监听dom.addEventListener(“事件名称”,函数名称);给dom对象添加一个鼠标单击事件dom.addEventListener(“click”, fn);基于IE的事件监听方式
2017-01-02 19:30:37
224
原创 ajax三步骤
/** * Created by Administrator on 2016/12/19. *///type:类型：GET OR POST//address:路径; 返回值为获取的json对象function getJson(type,address,Good){ var http; if(window.XMLHttpRequest){
2017-01-02 19:26:19
236
原创 模拟百度搜索接口输出关键词
html>lang="en"> charset="UTF-8"> Title *{padding:0;margin:0;} li{list-style:none;} #container{position: relative;width:800px;height:50px;padding:50px;bor
2017-01-02 19:19:53
454
原创 正则表达式
正则表达式描述^匹配字符的开头位置；放在方括号中表示取反的意思$匹配字符的结束位置.匹配任意一个字符？匹配一个字符出现零次或者一次等价于{0,1}+匹配一个字符出现一次或者多次等价于{1,}*
2017-01-02 19:15:04
211
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人