黄丫丫001-CSDN博客

原创 vue组件的非prop Attribute 继承

vue组件的 Attribute 继承<div id="hyy"> <compomenta :label='message' placeholder="test" def="message"></compomenta></div>Vue.component("compomenta",{ props: ['label'], template:'<input v-bind:value="label" >',})var test =

2021-01-07 16:00:47 380

原创 three.js学习二

物体：物体由两部分组成，材质和形状形状：物体的形状，球体，正方体，线条，粒子等直线线条：var material = new THREE.LineBasicMaterial({//这是线段材质 color: 0x0000ff});var points = [];points.push( new THREE.Vector3( - 10, 0, 0 ) );points.push( new THREE.Vector3( 0, 10, 0 ) );points.push( new THRE

2020-09-27 11:15:33 517

原创 js遍历对象

var obj={ name:'韩梅梅', age:18, sex:'女', sayHi:function(){ console.log('hello') } } for(var key in obj){ console.log(key+'-----'+obj[key]) } //使用obj['keyname']来引用对象内容而不是obj.keyname

2020-09-27 11:01:13 190

原创 three.js学习一

官网three.jsthree.js差不多是四个部分组成的：场景，相机，光源和物体场景：场景可以理解为一个容器，是物体、光源等元素的容器使用new函数创建场景使用add函数来向场景中添加物体var scene=new THREE.Scene();//创建一个场景scene.add( cube );//向场景中加入名为cube的物体相机：相机可以理解为看，创建一个物体，只有在相机范围内才会显示在屏幕中，即被看到。代替人眼去观察，场景中只能添加一个。相机主要分为正交相机和透视相机。最常用的

2020-09-23 09:40:07 233

原创 canvas实现刮刮卡效果

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>刮刮卡</title> <style type="text/css"> .card{ width: 500px; height: 300px; background-image: url(img/earth.png); /* 背景图片 */ }

2020-07-24 14:34:05 234 2

原创用canvas画一个魔法阵

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #can { border: 1px solid #000000; background-color: black; } </style> </head> <sc

2020-07-23 14:30:09 545

原创 leaflet实现地图画线进阶，添加距离提示

利用原型链继承实现利用在继承父类时，子类中有关父类是共享的，一个改变所有都会改变这一特性来达到鼠标移动时的折线清理。以下为实例：<div class="main"> <div class="con"> <div id="start">开始测距</div> <div id="end">结束测距</div> </div> <div class="map" id="map"&gt

2020-07-13 09:06:19 1260

原创 leaflet地图鼠标移动画线

实现第一次点击确定起点，移动鼠标显示线段，二次点击确定线段，可重复循环。<style type="text/css"> .con { /* float: left; */ overflow: hidden; height: 40px; z-index: 999; width: 100%; line-height: 40px; } .con>div { display: inline-block; mar

2020-07-08 16:05:28 1582

原创 CSS(二)

字体font-size：字号大小常见单位em相对当前对象内文本的字体尺寸，默认1em=16pxpx像素in英寸cm厘米mm毫米pt点rem手机开发常用单位，1rem=20pxfont-family：字体如果字体系列的名称超过一个字，它必须用引号，如font-family：“宋体”。多个字体系列是用一个逗号分隔指明：...

2019-12-11 22:52:17 135

原创 css的学习（一）

选择器标签选择器使用html标签名，用于为一类标签指定统一样式<style type="text/css"> p { color: red; }</style><body> <p>hahaha</p></body>效果：类选择器使用 " . 类名" 进行标识<style type="t...

2019-10-10 21:08:53 357

原创 sublime的一些使用

ctrl shift +p 打开命令行查找pachage control是否安装ctrl+~调出网页下载ctrl shift +p 打开命令行 install package 下载ChineseLocalizations汉化插件ConvertToUTF8中文字符转换 Emmet 便捷代码编写Emmet下载好之后，可以通过！+tab键或者html：5+tab键快速补全htm...

2019-10-04 23:17:45 114

原创 html（二）基础标签

1，标题标签 h<h1>到<h6> 从大到小 <h1>。。。</h1>h1比较重要，一般给logo使用2，段落标签 p <p>段落</p>3，水平线标签 hr <hr /> 单标签4，换行标签 br <br /> 单标签5，div 和 span标签...

2019-10-04 23:07:36 139

原创 html（一）简介

html标签分类：1，双标签<标签名>内容</ 标签名> <div>内容</ div>2，单标签<标签名 /><br />标签关系：1，嵌套关系2，并列关系<!DOCTYPE html> 声明为 HTML5 文档通用声明/<!DOCTYPE>声明有助于浏览器中正确显...

2019-10-04 23:06:43 124

原创 JBoss点击standalone.bat出现'findstr' 不是内部或外部命令，也不是可运行的程序或批处理文件

安装jboss的时候遇到的问题，多方面百度后这是PATH环境变量的问题，将windows命令的目录添加到PATH中，问题解决了。即：在path中追加：%SystemRoot%\system32;%SystemRoot%;中间是“\”不能用“/”当然要记得在环境变量中添加SystemRoot，值为：C:\windows即：然而我的path添加方式是这样的：我就直接加在了上面，这样是...

2019-05-13 16:57:07 1006

原创 vue---从0开始，3.vue的简单上手2

v-bind -&gt; 属性相关，适用于所有标签属性简写 :class 和 style 指令:class=“{class1: true [, class2: false …]}”:style=“{css属性名: 属性值 [, css属性名: 属性值 …]}”动态的class或css名 -&gt; :style=“{[变量名]: 属性值}"可以传给 v-bind:cla...

2019-01-26 20:59:13 212 1

原创 vue---从0开始，1.文件的创建

1.创建My-vue文件夹目录如下：一开始，通过 npm init 指令，自动生成一个 package.json 文件；通过npm install 指令来完成node_modules文件夹的创建2.打开页面在My-vue文件夹下按住shift键点击鼠标右键打开命令窗口，输入指令npm run dev运行：Project is running at http://127.0.0.1...

2019-01-26 20:41:12 249

原创 vue---从0开始，2.vue的简单上手1

1.一些简单的常用指令v-text -&amp;amp;gt; 给标签绑定数据：v-text是用于操作纯文本，它会替代显示对应的数据对象上的值。当绑定的数据对象上的值发生改变，插值处的内容也会随之更新。注意：此处为单向绑定，数据对象上的值改变，插值会发生变化；但是当插值发生变化并不会影响数据对象的值。其中：v-text可以简写为{{}},并且支持逻辑运算&amp;amp;lt;template&amp;amp;gt; &amp;a

2018-10-13 17:04:21 227

原创 jq控制单选多选，实现选中样式为图片

HTML的checkbox设置选中样式为图片比较麻烦所以写了一个jq的控制代码如下：html： <div class="line big_select"> <span class="select fl default" > </span>//第一个默认选中 <div class="message fl"

2018-10-03 11:39:45 1535

转载 html与css实现弹窗效果

弹窗由html、css组成，通过js控制弹窗html代码：&lt;div class="select_sex " id="pop"&gt;//最外层灰色背景 &lt;div class="pop_content"&gt;//弹窗内容 &lt;div class="pop_sel

2018-10-03 10:46:26 5506 2

原创 JSON.stringify()时遇到的问题

console.log(goodList); goodList = JSON.stringify(goodList);stringify()只能用一次，多次stringify同一个数据，会在json数组字符串中增加反斜杠（\）用例：正确的使用...

2018-10-03 10:23:00 4475

原创定义json数组并获取数据

错误的代码：创造一个json数组存放json数组list中的goodsName、goodsNum、goodsPricevar cartList=[];//存放json数组var cart={//json对象 goodsName:"", goodsNum:"", goodsPrice:"" };for (var i = 0; i < list.lengt...

2018-10-01 21:39:33 5021 2

转载手机号判断是否正确及不正确时提示

1，判断手机号是否正确 function isPhone(tel) { var telReg = !!tel.match(/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/); return telReg; }返回值为true或者false，可...

2018-09-28 13:36:42 1052

qq_40504108的博客