自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(41)
  • 收藏
  • 关注

原创 对软件开发的感悟

1. 程序由各个模块构成。2. 各个模块由数据和组件构成。3. 在开发过程中,产生的测试文档应该保留,用来构建测试文档,组成软件的配置。

2019-10-17 23:00:34 238

原创 随笔之高质量软件开发的必要条件

重新学习的第二天高质量软件开发的必要条件:1.由于外界环境的变动,导致项目的需求变动。所以,在日常开发工程中,需要考虑软件未来会发生怎样的变动,并预留一定的接口。2.建立完善的培训机制,适当的对用户,进行培训或者引导,使他们习惯使用新的系统,进行问题的处理。3.用户是否按照整个系统设定的流程处理问题,决定了系统的成功与否。4.对整个项目进行,拆分,每个时间段完成其中的一...

2019-10-16 22:49:44 446

原创 重新学习第一天

做了,一年的前端,开发,感觉,自己还欠缺很多东西,但是自己貌似没有想学习下去的想法。趁最近,有学习的想法,先学上一部分再说关于:系统或者程序的新的认识,说存在的问题更好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 107

原创 使用谷歌浏览器翻译之后,vue数据修改,页面显示不变

在使用谷歌作为开发项目浏览的浏览器,在使用了谷歌翻译之后,vue数据改变后,页面不重新渲染。问题猜测:1. 由于使用谷歌翻译只有,页面的dom发生改变,导致vue找不到对应的dmo 2. 翻译之后,dmo已经发生改变,别默认为页面已发生改变,所以不重新渲染解决方法:1. 设置 <html lang="zh"> 避免被默认翻译,...

2019-09-20 10:31:15 2175 1

原创 js 赋值与普通运算

赋值是从右往左计算是从左至右。 let a = 1 + 1+ 'a' + 1 + 1;//2a11

2019-05-22 23:03:28 234

原创 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 144

原创 js判断对象的类型

typeofAbject = (info) =&gt;{ 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 378

原创 element 获取table组件的下标

&lt;template scope="scope"&gt; &lt;span v-text="scope.$index+1"&gt;&lt;/span&gt;&lt;/template&gt;

2018-09-17 10:15:00 7248 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 219

原创 在webstorm中编译vue模板使用less,webstorm报错的解决方案

&lt;style scoped lang='less' type='text/less'&gt; .demo { .list{ color: red; } }&lt;/style&gt;

2018-09-13 16:42:56 633

原创 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 1625

原创 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 419

原创 html如何设置页面所有的链接新开窗口打开

在head部分设置&lt;base target="_blank"&gt;

2018-08-22 09:59:07 2865

原创 js、react、vue阻止事件冒泡

vue阻止冒泡:&lt;div @click.stop='demoFun'&gt;&lt;/div&gt;  react阻止冒泡:(懒得写了,直接上其他人的)https://zhuanlan.zhihu.com/p/26742034  jquery阻止冒泡$("#demo").click(function(event){event.stopPropagation...

2018-08-15 09:27:21 415

原创 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的使用

简体中文:&lt;META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"&gt;繁体中文:&lt;META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"&gt;英 语:&lt;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的日期控件进行处理--选择时间的限制

&lt;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 1444

原创 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 125

原创 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 1068

原创 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 130

转载 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. 深度克隆: 所有的元素或属性完全复制,与原始对象完全脱离。===&gt;新的对象无论做任何修改都不会影响原始对象,反之,一样  备注:函数的克隆会在内存中单独开辟一个新的空间,新旧函数之间互不影响。...

2018-08-02 15:46:17 378

原创 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 592

原创 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 125

转载 js 根据下标移除数组数据

/***删除数组指定下标或指定对象*/Array.prototype.remove=function(obj){for(var i =0;i &lt;this.length;i++){var temp = this[i];if(!isNaN(obj)){temp=i;}if(temp == obj){for(var j = i;j &lt;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就近缓存==&gt;智能路由==&gt;负载均衡==&gt;WSA全站动态加速 3. 避免空的src和href当link标签的href属性为空,script标签的src标签为空的时候,浏览器渲染的时候会把当前页面的url值视为他们的属性值,从而把页面的内容加载进...

2018-07-27 17:41:03 111

原创 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 872

原创 对部分360浏览器低版本进行兼容性处理

1. 最好的办法是从开始创建项目的时候就不用es6的写法2. 使用babel之类的工具,将es6的js转化成es5的格式3. 使用&lt;meta name="renderer" content="ie-stand"&gt;//标准ie内核(好像是兼容模式)&lt;meta name="renderer" content="webkit"&gt;//极速模式根据自己的需求

2018-07-23 16:33:47 1202

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除