- 博客(41)
- 收藏
- 关注
RSS订阅原创 对软件开发的感悟
1. 程序由各个模块构成。2. 各个模块由数据和组件构成。3. 在开发过程中，产生的测试文档应该保留，用来构建测试文档，组成软件的配置。
2019-10-17 23:00:34
240
原创 随笔之高质量软件开发的必要条件
重新学习的第二天高质量软件开发的必要条件:1.由于外界环境的变动，导致项目的需求变动。所以，在日常开发工程中，需要考虑软件未来会发生怎样的变动，并预留一定的接口。2.建立完善的培训机制，适当的对用户，进行培训或者引导，使他们习惯使用新的系统，进行问题的处理。3.用户是否按照整个系统设定的流程处理问题，决定了系统的成功与否。4.对整个项目进行，拆分，每个时间段完成其中的一...
2019-10-16 22:49:44
452
原创 重新学习第一天
做了，一年的前端，开发，感觉，自己还欠缺很多东西，但是自己貌似没有想学习下去的想法。趁最近，有学习的想法，先学上一部分再说关于：系统或者程序的新的认识，说存在的问题更好1.程序开发前，对成本的估计不足。2. 在程序开发过程中，为了抢进度，使用非正规手法，降低程序的一致性或者其他方面，导致最后，软件的质量变差，可维护性降低。3. 对组件化和模块化开发的认识不足，导致，可复用性较低...
2019-10-15 21:51:16
166
原创 css flex学习随笔
1. flex换行.parent{ width:100%; display:flex; flex-wrap:wrap; .child{ flex:1; widh:50%; max-width:50%; min-width:50%; }}
2019-10-15 21:24:59
108
原创 使用谷歌浏览器翻译之后，vue数据修改，页面显示不变
在使用谷歌作为开发项目浏览的浏览器，在使用了谷歌翻译之后，vue数据改变后，页面不重新渲染。问题猜测：1. 由于使用谷歌翻译只有，页面的dom发生改变，导致vue找不到对应的dmo 2. 翻译之后，dmo已经发生改变，别默认为页面已发生改变，所以不重新渲染解决方法:1. 设置 <html lang="zh"> 避免被默认翻译，...
2019-09-20 10:31:15
2180
1
原创 mysql学习----简单的sql查询语句
1. SELECT *FROM tabel ORDER BY code; #查询表table的结果通过code字段进行升序排列(默认)2. SELECT *FROM tabel ORDER BY code ASC; #查询表table的结果通过code字段进行升序排列3. SELECT *FROM tabel ORDER BY code DESC; #查询表table的结果通过code字...
2018-10-15 11:21:47
145
原创 js判断对象的类型
typeofAbject = (info) =>{ let res = null; if(info instanceof Object){ res = 'Object'; } if(info instanceof Array){ res = 'Array'; } if(info instanceof RegEx...
2018-10-08 15:38:35
379
原创 element 获取table组件的下标
<template scope="scope"> <span v-text="scope.$index+1"></span></template>
2018-09-17 10:15:00
7249
1
原创 vueJs 中 v-if和v-show的比较
1. 实现方法的不同v-if 是直接销毁或者重建domv-show 修改css样式，dom元素始终存在,修改的是display的值 2. 编译过程v-if 切换时，有个局部编译/卸载的过程，切换过程中合适的销毁和重建内部的事件监听和子组件 v-show 只是简单的display的值得改变，并不该变其他 3. 编译条件v-if是惰性的，只有值为真是...
2018-09-14 11:37:38
221
原创 在webstorm中编译vue模板使用less,webstorm报错的解决方案
<style scoped lang='less' type='text/less'> .demo { .list{ color: red; } }</style>
2018-09-13 16:42:56
634
原创 css 布局之居中随笔
1. 使用 margin: 0 auto;进行居中 .demo{width:80%;margin: 0 auto;} 2. 使用margin-left实现.demo{ width:80%; margin-left:10%}3. 使用padding-left实现.demo{ /* width:100%;*/ /*...
2018-09-04 17:39:23
138
原创 我的正则表达式的积累
1. 手机号码验证let cell = document.getElementById('cell');let cellValue = cell.value;let typeFun = new RegExp(/^[1][3,4,5,6,7,8,9][0-9]{9}$/)console.log(typeFun.test(cellValue));2. 替换数组中的指定字段let t...
2018-09-04 11:34:37
101
原创 css 字体渐变
.demo{ background: linear-gradient(to bottom,#fff 0%,#333 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: tra...
2018-09-04 11:32:13
1626
原创 gulp 添加版本号
先上包文件package.json{ "name": "myself", "version": "1.0.0", "description": "我自己的gulp项目的使用", "main": "index.js", "scripts": { "test": "ec
2018-08-24 17:17:36
692
原创 操作符++和--在前置和后置时候的区别
前置和后置的操作在部分情况下，是没有什么区别的。但是，在统一条语句中，包含有其他的运算时，前置运算，首先运算++或者--后，再执行其他运算，后置运算，先执行整个的的语句的运算，运算完成后，才执行++或者--运算 var a = 1, b = 1;console.log(b,'操作之前');//1++b;console.log(b,'操作了，之后');//2 cons...
2018-08-23 17:28:09
420
原创 js、react、vue阻止事件冒泡
vue阻止冒泡：<div @click.stop='demoFun'></div> react阻止冒泡：（懒得写了，直接上其他人的）https://zhuanlan.zhihu.com/p/26742034 jquery阻止冒泡$("#demo").click(function(event){event.stopPropagation...
2018-08-15 09:27:21
417
原创 gulp 搭建本地服务，供局域网的使用
1. 全局安装gulp2. 工程安装gulp-connect （npm install --save-dev gulp-connect）3. 启动服务 gulp 备注：在启动服务之前，需要在根目录配置gulpfile.js/*gulp的主文件，用于注册任务*/ 'use strict'; // 此处代码都是由node执行 var gulp = requi...
2018-08-14 16:11:19
687
转载 meta的使用
简体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">繁体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">英 语:<META HTTP-EQUIV="Conte
2018-08-13 17:12:19
192
转载 create-react-app 创建的项目添加less支持
1. 使用create-react-app生成的项目文件，webpack的配置文件，没有显示，使用命令行 yarn run eject 是webpack的配置文件暴露出来 2. 安装less-loader和less,命令行： yarn add less-loader less --save-dev 3. 修改 webpack.config.dev.js 和 webpack.conf...
2018-08-13 10:33:52
259
原创 link 引入时 rel的作用
1. alternate 链接到该文档的替代版本（比如打印页、翻译或镜像） 2. author 链接到该文档的作者、 3. help 连接到帮助文档、 4. icon 导入表示该文档的图标 5. license 链接到该文档的版权信息、 6. next表示该文档是集合中的一部分，且集合中的下一个文档是被引用的文档 7. prev 表示该文档是集合中的...
2018-08-13 10:32:09
752
转载 SEO权重的优化1
1. 内部优化a. 使用meta标签：比如title/keywords/description等优化b. 内部链接的优化，包括相关性的连接（tag标签），锚文本、各导航链接，以及图片链接c.网站内容的更新:每天保持站内的更新（主要是文章的更新） 2. 外部优化：a. 外部连接类别： 友情链接、博客、论坛、B2B、新闻、分类信息、贴吧、知道、站群、相关信息网等尽量保持链...
2018-08-13 10:28:06
544
原创 vue的生命周期中创建echarts失效
1. 在beforeCreate、created、beforeMount三个钩子 中，创建echarts实例会失效。 2. 失效原因猜测：由于beforeCreate、created、beforeMount这三个周期是在挂载结束之前的生命周期中。通过debugger逐步运行，可以看出，在这三个周期 中，echarts的实例是被创建了的，但是没有数据。在echarts创建之后，vue的相关代...
2018-08-13 10:24:11
1444
转载 https的优缺点
网站安全问题主要表现在：1. 首页被篡改、非法跳抓2. 网站被灌入广告，但收入不归自己网站所有 https是公认可以有效的防止网站被黑客篡改的认证协议 https的优点：安全方面：在目前的技术背景下，https是现行架构下最安全的解决方案。1. 使用https协议可认证用户和服务器，确保数据发送到正确的客户机和服务器；2. https协议是有ssl和h...
2018-08-13 10:18:58
650
原创 对element的日期控件进行处理--选择时间的限制
<el-date-picker class="mydate-picker"v-model="dateValue1"type="daterange"range-separator="-"size="small"ref="dateValue1"@change="timeChange1":picker-options="pi
2018-08-09 09:45:55
1446
原创 js对于小数的处理
1. 向下取整parseInt();//直接去除小数部分Math.floor(); 2. 向上取整：Math.ceil();//向下取整+1 3. 四舍五入Math.round(); 实例：var number1 = number2 = number3 = number4 = number5 = 2.6; console.log("5个原始的数据...
2018-08-06 15:19:21
612
原创 less初步接触
以前一直听说less/sass，今天我开始学习less @font-color:#333333;//字体颜色@font-size:1.6rem;//默认字体大小@background-colorE:#eeeeee;//背景色为#eeeeee@overFlowHidden:hidden;//@left:left;//左@right:right;//右@center:cen...
2018-08-03 15:31:46
126
原创 rem的计算
@media screen and (max-width: 1366px){html{font-size: 7px;}body{font-size: 7px;}}@media (min-width: 1366px) and (max-width:1600px ){html{font-size: 8px;}body{font-size: 8px;...
2018-08-03 14:58:30
1069
原创 create-react-app 创建react项目
1. 搭建好react的环境2. 创建react的项目 create-react-app demo3. 在package.json里添加"homepage"./" (注意后面的双引号里面的点号，----这个点花费了我很长的时间才弄对。)4. 使用yarn start启动项目或者yarn build打包项目...
2018-08-03 10:37:51
132
转载 css 渐变
1. 线性渐变:从上至下#grad { background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(red, ...
2018-08-03 10:20:26
102
原创 js克隆
1. js 克隆分为简单克隆、深度克隆 2. 简单克隆： 原始类型为 为传递值，对象类型仍为引用传递。修改新的copy出来的对象，原始对象的数据会发生变化，反之，一样 3. 深度克隆: 所有的元素或属性完全复制，与原始对象完全脱离。===>新的对象无论做任何修改都不会影响原始对象，反之，一样 备注：函数的克隆会在内存中单独开辟一个新的空间，新旧函数之间互不影响。...
2018-08-02 15:46:17
382
原创 reduce 累加器
reduce() 方法接收一个函数作为累加器 ，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduce() 可以作为一个高阶函数，用于函数的compose var numArr = [1,2,3];function addFun(total,num){return total + num;}console.log(numArr.reduce(addFu...
2018-08-01 10:55:53
594
原创 css hack技术
css hack的定义: css hack由于不同的浏览器，比如:IE6,IE7,Firefox等，对css夫人解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对于不同的浏览器去写不同的css,让它能够同时兼容不同的浏览器，能在不同的浏览器中，也能得到我们想要的页面效果。 css kack怎样使用： css hack一般是利用浏览器的支...
2018-07-31 11:58:14
263
原创 css display的用法
none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） ...
2018-07-31 11:55:13
126
转载 js 根据下标移除数组数据
/***删除数组指定下标或指定对象*/Array.prototype.remove=function(obj){for(var i =0;i <this.length;i++){var temp = this[i];if(!isNaN(obj)){temp=i;}if(temp == obj){for(var j = i;j <this.leng...
2018-07-31 11:51:41
4008
原创 构造函数
1. 什么是构造函数构造函数是用来创建对象时初始化对象，并且总是和new运算符一起使用 2. 构造函数和普通函数的区别：a. 命名的区别： 构造函数一般是首字母大写，普通函数则是遵照小驼峰式命名法b 构造函数内部会创建一个实例。调用普通函数时则不会创建新的对象c. 构造函数内部的this是指向新创建的newObject实例，而普通函数内部的this指向调用函数的对象。（如果...
2018-07-31 11:47:59
116
原创 web性能优化
1. 减少HTTP请求的次数合并图片（使用精灵图）、css、js，改进首次访问用户的等待时间 2. 使用cdn就近缓存==>智能路由==>负载均衡==>WSA全站动态加速 3. 避免空的src和href当link标签的href属性为空，script标签的src标签为空的时候，浏览器渲染的时候会把当前页面的url值视为他们的属性值，从而把页面的内容加载进...
2018-07-27 17:41:03
112
原创 webStorm激活码
http://xdouble.cn:8888/ (2018-07-26还可用)http://idea.toocruel.net (2018-08-13可用) http://webstorm.autoseasy.cn/xixi （2018-08-29可用）http://idea.imsxm.com/ (未验证)我的版本是2018.01 ...
2018-07-26 22:44:26
876
原创 对部分360浏览器低版本进行兼容性处理
1. 最好的办法是从开始创建项目的时候就不用es6的写法2. 使用babel之类的工具，将es6的js转化成es5的格式3. 使用<meta name="renderer" content="ie-stand">//标准ie内核(好像是兼容模式)<meta name="renderer" content="webkit">//极速模式根据自己的需求
2018-07-23 16:33:47
1204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人