2018年04月_彪哥的文章

转载对象原型和继承的好的例子

6.原型链6.1 定义对象继承属性的一个链条6.2构造函数,实例与原型对象的关系var Person = function (name) { this.name = name; }//person是构造函数var o3personTwo = new Person('personTwo')//personTwo是实例原型对象都有一个默认的constructor属性指向构造函数6.3 创建实例的方法...

2018-04-18 14:16:57 621

原创 git eclipse

一.拉取git上面的代码0.拉取最新的代码1.pull拉取最新的代码2.comment上传最新的代码注意。。。出现红色菱形的情况表示你拉取远程代码之后和本地代码出现了冲突，通常伴随着方块红还会有红叉，根据你上面的显示，应该是你已经解决了冲突。只需要提交一下本地代码就好了。...

2018-04-17 10:43:51 725

原创 svg使用

要学习点svg<ellipse id="population_base1" cx="400" cy="13" rx="100" ry="13" />cx相对于左上角远点的坐标, cy相对于左上角的纵坐标 rx椭圆的横半径 ry椭圆的纵坐标 <path id="population_base2&quot

2018-04-16 10:12:15 195

原创 h5标签

1.vedio去掉播放按钮 video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: ca...

2018-04-16 10:11:43 177

原创 less 使用

http://www.bootcss.com/p/lesscss/好的文章变量的定义例如@color:red;div{ color:@color;}函数的定义.fix(){ display:flex;}div{ .flex;}嵌套的使用div{ .de{ }}把less预编译为css 前提是less编译器已经装好了-------npm install -g less lessc style.le...

2018-04-16 10:06:20 140

原创 css3 常用

box-sizingbox-sizing有两个属性content-boxborder-boxflex解决子元素的溢出父元素的文体，是因为没有设置溢出元素，min-width:0；很神奇，等以后慢慢体会吧img 变灰的问题https://www.cnblogs.com/chinajava/p/5740774.html ...

2018-04-16 10:06:04 189

原创 css 文字换行

使用CSS让多出来的字变为省略号<style>.text1 { width:200px; overflow:hidden; text-overflow:ellipsis;//显示省略号 -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-...

2018-04-16 09:56:15 858

原创 css 多选框

.checkbox label input{ /* display:none; */ opacity: 0;}.checkbox label span{ display: inline-block; width:20px; height: 20px; /* border:1px solid #eeeeee; */ cursor: pointer; p...

2018-04-16 09:55:36 617

原创 css 常用

inherit继承父元素的设置<li><a></a></li>li{ margin:3px;}a{ margin:inherit;}css 必须加转义字符例如‘\字符吗’hover失效的情况<li id="yyde">当#yydd的优先级大于hover的优先级文字排版修饰text-indent设置抬头距离css缩进letter...

2018-04-16 09:53:43 127

原创 cmd 快捷键

服务快捷键:services.msc远程快捷键:mstsc返回上级目录cd..直接访问子目录cd\找到指定的文件夹粘贴的快捷键就是复制完内容后--在命令行页面复制就好了

2018-04-16 09:40:05 321

原创 utf-bom格式问题

具体字符串，可以这样解决var ws = "\x09\x0A\x0B\x0C\x0D\x20\xA0\u1680\u180E\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF";if (!String.prototype.trim || ws.t...

2018-04-16 09:39:15 264

原创 html常用

常用uicode符号反斜杠---&frasl;空格---&nbsp竖线--- --什么都没有placeholder颜色修改.ywjKindInputreal input::-webkit-input-placeholder{ color: #FFFFFF; letter-spacing: 1.64px;}.ywjKindInputreal input:-moz-placeholde...

2018-04-16 09:38:42 89

原创 echart 遇到的问题

解觉echatjs折线问题显示怎样解决:直线部分: 折线部分: tooltip:{ trigger:'axis', formatter: function(params){ var obj = params[0]; var obj2 = params[1]; ...

2018-04-13 21:08:11 706

原创 excel插件demo

跳转页，因为在body里面不可以正常使用点击事件，绑定的事件不可以触发.网址http://115.238.31.37/sheet/excel<!DOCTYPE html><html><head><meta charset="utf-8"> #include("/view/config.html")<!-- <link data-

2018-04-13 21:06:07 747

转载 excel插件

四、excel插件网址http://115.238.31.37/sheet/excel合并单元格mergeCells：[ {row:起始行数,cols:起始列数,rowspan:合并的行数,colspan:合并的列数},...]hot.selectCell(起始排的位置，起始列的位置，起始横向长度，起始竖向长度)显示对应位数的方块hot.getSelected()获取起始的排的位置，列的位置，和对...

2018-04-13 21:05:45 721

原创 jquery closest,属性选择器,vid，Waypoint ，Excel

一、$(“点击元素”).closest(“父元素”) 当找到最接近子元素的父元素，二、属性选择器 $("div[data-target='"+type+"']").show();//对应的所选元素的目标元素判断复选框还是单选框有没有被选中 $("input[type='checkbox']").is(':checked')vid三、是一个以视频背景为的插件三、jQuery Waypoint ...

2018-04-13 21:04:42 273

原创 jquery 滚动插件

Jquery的滚动插不错:jquery.mCustomScrollbar.jsJquery ui用法：$(“被拖拽的元素”).draggable( helper:”clone”,//拖拽的时候的跟随鼠标样式的样式是复制 revert:”true//拖拽的时候回到被拖拽的时候原来的位置);$(“被拖拽指定的区域的元素”).droppable({ dop:function(e t){ $(this)...

2018-04-13 21:01:18 165

转载 gridster拖拽插件

Jquery拖拽插件gridster原网站：http://gridster.net（此域名已过期）gridster.js后续的更新：https://github.com/dsmorse/gridster.jsissues: https://github.com/ducksboard/gridster.js/issues整体页面模块加载方式是现在是通过在写入js数组加载的，后期可以将这部分数据存入数...

2018-04-13 21:00:39 2021

原创 $( ).height( );和$().css("height",)的区别

$( ).height( );和$().css("height",)的区别$().height()是不包含padding和margin的设置，而$().css("height"，)是包含的，和border-box是有点类似的效果

2018-04-13 20:59:52 1490

原创 jquery ajax

ajax 常用报错，错误类型:errortype---parsererror没有加data:{} ;json格式不对；JSON - Unexpected end of input delete删除删除对用的数据 $.ajax({ type:"DELETE", })//可以直接放在url//ajaxHelper.delete(vm.apiUrl + '/' + ...

2018-04-13 20:59:16 94

转载 pdf.js

2018-04-13 20:53:37 1046

原创 js test(),replace,随机color, match

一、test 正则表达式匹配非负浮点数，小数点后最多两位小数 /^\+{0,1}\d+(\.\d{1,2})?$/校验表达式常用方式正则表达式.test("被检测的字符串")二、replace var str="ded"; var r= str.replace("de","12"); alert(r); //r显示的是12d--但是str的值还是没有改变全局...

2018-04-13 20:43:55 140

原创 js charAt toUpperCase

str.charAt()var str="hellow";sty.charAt(1)返回的值是e toUpperCase()var str="helloow";str.toUpperCase()返回的值是HELLOOW

2018-04-12 11:14:17 390

原创 js 常用-toFixed

3.41.toFixed(1)------3.4小数位数的，后一位四舍五入

2018-04-12 11:13:33 403

转载 ES5--节点属性改变触发事件

DOM变动事件的用法 DOM2级的変动事件是为XML或html的DOM设计的，不特定于某种语言。一：变动事件的分类有7种，最常用的浏览器支持最多的有3种，下面黑体？ 1. DOMSubtreeModified：在DOM结构中发生任何变化时触发； 2. DOMNodeInserted：在一个节点作为子节点被插入到另一个节点中时触发； 3. DOMNodeRemoved：在节点从其父节点中被移除时...

2018-04-12 11:11:09 868 1

原创 webpack==自己理解

模块化配置解决一切less sass es 模块化都可以用户是哪个插件在项目优化上都很棒-缓存什么的可以和babel一起使用模块化，它的真谛，css，js都可以记性模块化使用-很棒zidong自动化。一些只要在配置文件里面写上，就可以打包生成，基于node.js的服务器的打开的方式，-ngix-tomcat-iis-node不要太多哈 ...

2018-04-12 11:10:02 96

原创 webpack--plugins

插件(plugins)听说对整个项目的起作用的和loader对页面起作用，还是有小小的区别那就先从版权声明插件---这个是内置插件不需要下载，找一会怎样下载麻烦了意义不是很大，我就不准备研究这单一的插件，这个内置插件主要用来---用的声明一下webpack --const webpack=require('webpack');就可以了还偷就是在plugins:[]new一个new webpack....

2018-04-12 11:09:34 345

原创 loader--配置

1、loader下载，2、loader配置操作，已经内置了json-loader不需要配置了，现在只要使用require()方法就可以请求json文件了，可以分析less和es6看起来很牛逼的样子可以想普通html一样一如css代码，link变化为import url这种require这种请求方式但是要下载npm install --save-dev style-loader css-loade...

2018-04-12 11:06:53 269

原创 webpack--安装

webpack 模块化，到是有seajs reqiurejs的作用自己的文件引入打包的文件--是可以通过命令行生成的，打包的文件根据 node_modules的相对目录进行路径的书写 app/打包生成的脚本---app 和node_modules一个目录main.js和app一个路径，---被转换的文件--你书写脚本--在这里你可以书写自己的项目脚本，# webpack非全局安装的情况node...

2018-04-12 11:05:48 119

原创 ES6-字符串

1.模板字符真的很强大一。常用变量夹杂在字符串上，let de=123;var template=`heelow${de}biaoge`;会加载到hellow123biage二、可以夹杂一些js下面是阮一峰老师写的方法function compile(template){ const evalExpr = /<%=(.+?)%>/g; const expr = /<%([\s...

2018-04-12 11:03:19 161

原创 babel的使用

老是报错好恶心如果你没有一个 package.json, 在安装之前请新建一个。这可以保证 npx 命令产生合适的交互。配合文件怎样创建 type null>.babelrc 创建 .babelrc文件http://www.mamicode.com/info-detail-1903877.html文章好的一笔missing script: build 主要是因为package.js里面是没...

2018-04-12 10:58:04 91

原创 vue-脚手架入手

基本开发工作流程1.下载vue的脚手架vue-cli好兴奋第一个脚手架项目进行中这个可是生成项目的目录--里面包含项目目录和各种插件（例如webpack等）vue init webpack Vue-Project,,,,,,,,,,截个图展示效果 npm下载真心慢cnpm淘宝镜像用一下下载的时候只要npm 改为cnpm就好了npm install -g cnpm --registry=https:...

2018-04-12 10:53:30 158

原创 vue 常用

一、v-html <div v-html="datas" id="de"> <div>{{datas}}</div> </div>new Vue({ el:"#de", data:{datas:"html的内容"}})这个只能用于静态页面的加载二、 $emit,$on组件之间的通信$emit(&quot

2018-04-12 10:51:50 400

转载跨域

什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表：URL 说明是否允许通信http:/...

2018-04-12 10:45:30 86

原创解决跨域

在属性，目标框后面加上下面命令，确定，就可以--args --disable-web-security --user-data-dir

2018-04-08 14:10:30 75

转载 vue 获取自定义节点

ref的属性必须设置 <span data-num="21" ref="dataNum" @click="getData($event)">55</span> getData:function (e) { console.log(this.$refs.dataNum.dataset.num); }...

2018-04-06 11:15:12 1009

原创 css 实现各种图像

实现横向的矩形加三角形的拼接html  <div class="x_scroll_lab"> <ul> <li v-for="item in bottomList"> <div class="wapperList" :style="item.

2018-04-05 15:03:35 251

原创 js a 标签常用

a 标签取消默认的点击跳转刷新：

2018-04-02 11:26:35 307

转载 css进化史

现代CSS进化史2018-04-02 前端开发英文：Peter Jang 编译：缪斯segmentfault.com/a/1190000013191860原文链接：http://mp.weixin.qq.com/s/-3-nVpMt9Xq-hvkn_V7OkQCSS一直被web开发者认为是最简单也是最难的一门奇葩语言。它的入门确实非常简单——你只需为元素定义好样式属性和值，看起来似乎需要做的工作...

2018-04-02 10:00:48 580

原创一个Colleague-code

接口//包含常量及url的地址 var configs = { queryAppList: 'queryAppList', saveApp: 'saveApp', delApp: 'delApp', validate_app_name: 'validate_app_name', ...

2018-04-01 15:24:05 87

空空如也

空空如也