- 博客(35)
- 收藏
- 关注
RSS订阅原创 VUE面试常见总结
1.v-if与v-show的区别v-if:条件渲染，若为false则直接将元素从dom删掉v-show:利用style的display属性来控制元素显示与否若仅进行一次判断，则用v-if（首次渲染消耗性能比v-show少）若进行多次切换，则用v-show...
2020-11-25 17:29:43
126
原创 Vscode快捷键
*n(快速创建n个相同标签）p*5# .同时创建id或类```p*5.foodul>li*10#i$----需要用到的工具
需要的工具：1.java jdk链接：https://pan.baidu.com/s/1Smerw7wWaeP8H7SCXYgwdg提取码：6lb4配置教程：https://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html2.android-studio(前提是已经安装好java jdk）链接：https://pan.baidu.com/s/1137xhUJz23eA8IL0NJTMMQ提取码：97vw安装教程：（Android
2020-11-21 19:17:27
491
原创 用css画一条高度为0.5px的线
div{ background:black;//一定是background而非color width:100%; height:1px; transform:scaleY(0.5)}上面是0.5px 下面是1px的线p标签也可以画 颜色也得用background来定，用color显示不出来，因为color是定义内容颜色的，这里没有内容所以不会显示...
2020-11-06 22:32:59
2576
原创 rem与em的区别||结合使用rem与em
rem:作用：适用不同分辨率的页面相对于根元素html；给html设定一个font-size;所有元素的长度单位都用rem(倍数关系），若html设定的font-size:10px;那么2rem就是20px;好处：不同分辨率，只需要改变根元素html的font-size即可改变所有子元素的大小，且相对格局不变em:相对于父元素；给父元素设定font-size;该父元素下的所有子元素可以以em为单位来设置大小。若父元素的font-size:10px;子元素设置2em即为20px;页面布局中一般将
2020-11-06 13:28:59
439
原创 css使div元素水平并垂直的方法（4种）
1.行内元素：text-align:center(水平) line-height:height(垂直)2.块状元素：margin:0 auto3. position:absolute//绝对定位； left:50%;top:50%; 【margin-left:-width/2(具体数值);margin-top:-height/2(具体数值)】或【transform:translate(-50%,-50%)】若只写一个数值，则默认为是x4....
2020-11-06 11:17:09
804
原创 Angularjs 定义 、引用数据模型
1.传统方法export class ingredient{ public name:string; public amount:number;constructor(name:string,amount:number){ this.name=name; this.amount=amount; }}2.简写方法（上面的一串代码可简写为：）export class ingredient{ constructor(public name:string,public amount:numb
2020-11-03 23:30:02
236
原创 Axure 制作iphonex手机壳
效果图具体步骤（注：所有小组件都不要设置边框 影响美观）1.右边大黑框 660x1350 圆角802.左边大白框 600x1280 圆角503.上面小黑框350x60 圆角104.顶部小黑框里的元素 左边：120x20 圆角10 右边：20*20 圆5.手机壁三个按钮最上面：15x45 圆角8中间和下面一样 15x60 圆角86.右边按钮 15x80 圆角87.下面的虚拟按钮400x10...
2020-11-03 19:38:35
2211
原创 Angular中使用bootstrap js中使用bootstrap (sublime text软件）
1.下载BootStrap，放到sublime的package里的user下2.在sublime中如果下载排package control，就直接Ctrl+Shift+p搜索下载这两个插件如果sublime没有下载package control，就1、下载Package Control.sublime-package插件管理器的安装文件包。2、打开Sublime Text的配置存放目录，可以从Preferences > Browse Packages（设置->浏览资源包），并把下载
2020-11-03 14:24:05
192
原创 js实现拖拽效果
注！！给移动的元素加上绝对定位js//获取移动元素var odiv=document.querySelector("#moveEle")；var basex,basey,movex,movey;odiv.onmousedown=function(e){ var evt=e||window.event;//浏览器兼容//初始x y位置 basex=evt.pageX; basey=evt.pageY;//在整个页面上移动 因此用document或者window 不能再写odiv否则移动不
2020-11-01 13:12:00
139
原创 js 利用上下左右键盘控制物体移动
须知：上下左右的keyCode← :37↑：38→：39↓：40**注意！！！ 要将元素设为绝对定位 position：absolute 否则移动不了 **js代码：//获取移动元素var moveblock=document.getElementById("moveblock")//键盘按下事件document.onkeydown=function(e){//传入事件对象e var evt=e||event;//解决浏览器兼容 switch(evt.keyCode){ ca
2020-10-31 13:10:56
2256
原创 Axure9 条件判断（输入11位电话号码发送验验证码）
首先将按钮禁用 disabled给手机号框设置最大长度11；右键Edit max length;然后给手机号框设置text change 样式，条件判断：1.手机号框的内容长度等于11那么启用按钮条件判断2：如果手机号框输入了内容（长度>=1），上面红色的提示文字就消失3.再添加事件：其他所有情况 不用写判断语句直接点ok添加事件：其他所有情况 都禁用按钮 且 显示提示最后给按钮添加点击事件（这个不用写判断语句，因为按钮默认禁用，因此只有经过上面判断后启用按钮的情况才能点.
2020-10-30 12:33:20
3597
原创 Axure设置变量 做乘法计算
先设置基本样式 方便做交互给框1 添加动作"TEXT CHANGED"(即框1内容改变)引发结果：Set Text改变的是总价框3的值，因此target也选总价框，内容选text,接下来就选fx进行变量和算式的设置再给框2也加上相同的样式（照抄）搞定！...
2020-10-30 00:18:23
2010
原创 axure9 设置选中
现将选择框全部选中，右键Selection Group设为一个组设置选中时的样式可设置一个默认选中这里是对用户名登录进行默认选中！！！接下来是重点：点击用户名登录时对该用户名登录进行选中，点击手机号登录时对手机号登录进行选中需要进行click事件的设置对选中状态的设置是 set value 为true有四个选项选value 不要选select和disabled...
2020-10-29 23:32:13
3525
原创 angular *ngFor循环 的使用
ts:arr=[{name:'xiao1'},{name:'xiao2'},{name:'xiao3'}{name:'xiao4'}]html:<button *ngFor="let i of arr "> {{i.name}}</button>在按钮上输出name值
2020-10-29 11:33:02
2100
原创 遍历数组 for..of与 for循环的区别
for invar arr=[111,222,333,444];for(var i of arr){ console.log(i)//这里一定要写i 若写arr[i]就是undefined //因为for of里，i就代表了arr[i],而不是索引}for ofvar arr=[111,222,333,444];for (var i =0；i<arr.length;i++){ console,log(arr[i]) //这里的i才是索引}结果：...
2020-10-29 10:40:42
360
原创 angular 引入css的两种方法
在ts文件中 @Component({法1：styleUrls:['css文件路径']法2：styles:[` //直接写css样式 格式和在css文件里面一样 例如 a{ color:red; }`]//注意 是反引号 `` tab键上面那个})里面写
2020-10-29 09:57:50
1633
原创 angular [ngStyle]和[ngClass]的用法 （举例）
举个栗子：利用数学的随机数函数，来获取在线/离线状态，分别给这两种状态添加样式ts文件export class MyownComponent{ state:string="离线"; contructor(){ this.state=Math.random()>0.5? "离线":"在线" } Getstate(){ return state;//返回上面得到的状态 不能在上面的函数中写return 会报错 } getStyle(){ //这个函数用来设置不同状态下的样式
2020-10-29 09:49:26
695
原创 angular *ngIf 和 *ngIf else的用法 （举例）
举个栗子：点击删除评论，删除后新增按钮（点击撤回）html:<button (click)="delComment()">删除</button><textarea *ngIf="Comment ; else Donotdel">每个人心里都有一团火，路过的人只看到烟</textarea>//固定样式 ng-complate标签包裹else的情况 #跟else后的变量名 <ng-template #Donotdel> //else的情
2020-10-28 09:29:36
2634
原创 Angular 属性绑定 事件绑定2 禁用按钮两秒后启动按钮点击创建服务并得到反馈
<button [disabled]="!createserve" (click)="showContent()">{{PromptText}}</button><p>{{Content}}</p>export class MyownComponent{ createserve=false; Content="服务没有创建"; PromptText="两秒后可创建服务" constructor(){ setTimeout(()=>{
2020-10-27 16:54:23
321
原创 angular 双向绑定和事件绑定实现 输入框内容输出
ps:希望能一起交流进步！小刘一直在线！！！双向绑定(即属性和事件) 格式 [(ngModule)]=" "html文件内容<h1><a>双向绑定：</a><input [(ngModel)]="txt1" /><a>{{txt1}}</a></h1>事件绑定 格式： （事件名）=" "html文件内容<h1><a>事件绑定：</a><input (inp
2020-10-26 20:58:45
651
原创 angular 属性绑定 事件绑定（点击事件）
实例：2s后按钮由禁用转为启用状态 且可点击创建服务效果图：点击按钮后html页面按钮 和 提示文字 设置<button [disabled]="!allow" (click)="createserve()">{{text}}</button>//[disabled]是属性设置 控制按钮是否禁用 " "引号内容是调用ts文件里的变量//（click）按钮点击事件绑定，等号右边是调用ts文件里的创建服务函数 {{prompttext}}//插值表达式 引用变量
2020-10-26 12:19:27
4492
原创 Angular 禁用按钮 2s后启用按钮
html文件按钮的设置（按钮的初始状态为禁用）<button [disabled]="!allow">测试按钮</button>ts文件下类的定义export class MyownComponent{ allow=false; constructor(){ setTimeout(()=>{ this.allow=true },2000) }}两秒后按钮改为启用状态...
2020-10-26 11:13:13
377
原创 Angular在sublime编辑器中如何添加注释？？？
1.Ctrl+Shift+p在sublime给angular添加彩色注释后，就可以添加注释2.Ctrl+/ 进行单行注释，按 Ctrl+Shift+/ 多行注释
2020-10-25 18:22:56
218
原创 如何使Angular在sublime中呈彩色提示？？？
在sublime中 按Shift+Ctrl+p ，出现下面提示，回车 就能出现彩色提示但是创建新文件不会自动更改样式，还需要重复上述操作有什么一劳永逸的方法吗？希望大佬指点！！！
2020-10-25 18:11:03
166
原创 cmd命令行创建Angular新组件和新项目
ng g component 组件名或者 ng g conponent 文件夹/组件名（这种是把新组件放入指定文件夹） 下图是把新组件newnew 放入myapps文件夹下注意！ng new 项目名 是创建angular 新项目（不是新组件）
2020-10-25 17:20:09
352
原创 js函数
document.write()在调用函数返回一些结果时，必须要用<script></script>对它进行包裹，否则会在页面中直接打印出document.write()举例：①带有返回值的函数<script> function myfunction(){ return("hello") }</script><script&g...
2019-08-28 10:54:25
148
原创 js设置按钮的两种方式
①<button onclick="函数">按钮上的文字</button>②<input type=button value='按钮上的文字' onclick="函数"> 注意input是单标记
2019-08-27 10:48:50
3009
原创 头部
头部的内容不会在网页中显示，一般仅包含<meta> 和<tittle></tittle>这两个标签之前有犯错误：将<p></p><button></button>标签放在头部了怎么都出不来效果...
2019-08-27 10:45:44
128
原创 js单引号 与 双引号的使用
js中单引号和双引号都是成对出现的单引号可以嵌套双引号 双引号可以嵌套单引号但是不可以单引号嵌套单引号 双引号嵌套双引号（会出现问题）例子：<button onclick=**'myfunction('lalala')'**>//这里的引号使用错误，系统会找 myfunction( 的函数；正确用法： "myfunction('lalala')" 或者'myfunction("l...
2019-08-27 10:04:35
591
原创 调用带有参数的函数
<button onclick='myfunction()'></button><script>function myfunction(name,job){var name='刘甜甜'，job='singer' //同时给两个变量赋值要用逗号隔开，此处的操作和在上面的<button onclick='myfunction('刘甜甜','sing...
2019-08-26 21:30:48
1047
原创 小白的自学笔记
window confirm()方法点击确认按钮–方法 返回true；点击取消按钮–方法返回false给按钮添加点击事件按钮上面的文字举例：点我欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑...
2019-08-25 22:08:26
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人