- 博客(33)
- 收藏
- 关注
原创 angular项目中实现rxjs订阅
getMessage.tsimport { Component, OnInit, OnDestroy } from '@angular/core';import { CommonService } from '../services/common.service';import { Subscription } from 'rxjs';@Component({ selector: '...
2020-01-01 16:41:52 346
原创 每日一题20191207
let a = ?; if (a == 1 && a ==2 && a== 3) { console.log("Hello world!"); }解析:==比较的时候类型不一样会转换类型,Object类型会调用toString,array调用join,number调用valueOf,因此三种方式都可以实现,上面的答案为重写Object的toString...
2019-12-11 11:31:40 144
原创 每日一题20191204
var f = 1;if(!f) { var a = 10;}function fn() { var b = 20; c = 30;}fn();console.log(a);console.log(c);console.log(b);解析:没有用var声明的是全局变量,即便在函数内部;只有在function内部新声明的才是局部变量,在if,while,for等声明的...
2019-12-04 09:17:33 116
原创 每日一题20191203
var a = 10;a.pro = 10;console.log(a.pro + a);var s = "hello";s.pro = "world";console.log(s.pro + s);解析:JavaScript引擎内部在处理对某个基本类型a进行形如a.pro的操作时,会在内部临时创建一个对应的包装类型(对数字类型来说就是Number类型)的临时对象,并把对基本类型的...
2019-12-04 09:11:00 337
原创 每日一题20191202
function test(x, y, z) { console.log(test.length); console.log(arguments.length); console.log(arguments.callee === test); console.log(argument[2]);}test(10, 20);解析:test.length是返回的函数的形参个数,所以为3...
2019-12-02 23:12:36 147
原创 CSS实现单行、多行文本溢出显示省略号
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多...
2019-12-02 22:54:02 349
原创 React组件设计模式一
容器组件这种模式又称为“聪明组件”和“傻瓜组件”,其实名称又很多:容器组件和展示组件(Container Component & Presentational Component)胖组件和瘦组件有状态组件和无状态组件其实这种模式就是两个组件形成父子关系,父组件负责管理数据状态,子组件子负责展示。该模式主要是为了让一个组件的职责更少(Separation of Concerns...
2019-11-29 17:33:32 198
原创 CSS实现单行、多行文本溢出显示省略号
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。接下来重点说一...
2019-11-28 15:44:47 110
原创 更改placehoder默认设置
input::-webkit-input-placeholder { font-size: .875rem; color: #cdcdcd; } input:-moz-placeholder { font-size: 0.875rem; color: #cdcdcd; } input::-moz-placeholder { font-size: 0.875rem; colo...
2019-11-28 11:26:15 210
原创 vue踩过的坑
1.路由变化页面数据不刷新问题出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系 没有达到监听,退出页面再进入另一个文章页面并不会运行created组件生命周期,导致文章数据还是第一次进入的数据。解决方法:watch监听路由是否变化。 watch: { // 方法1 '$route'(to...
2018-03-14 17:36:37 320
原创 图片预加载
//预加载var loadingImgs = ["img/activity_rule.png", "img/bg.jpg", "img/bg2.png", "img/close.png", "img/p1_btns_wrap.png", "img/p1_first.png", "img/p1_from.png", "img/p1_second.png&quo
2018-02-28 15:20:10 289
原创 JS设置cookie、读取cookie、删除cookie
JS设置cookie:假设在A页面中要保存变量username的值(“张三”)到cookie中,key值为name,则相应的JS代码为:document.cookie="name="+username;//JS操作cookies方法!//写cookiesfunction setCookie(name,value){ var Days = 30; var e...
2018-02-27 18:17:01 223
原创 js分页加载更多
var GOODS = function() { this.container = $('#goodsList'); this.domMore = $('#goodsMore'); this.pageSize = 10; this.currentIndex = 0; this.isAjaxing = false; ...
2017-11-24 16:19:34 861
原创 Windows上安装运行 cnpm
1.找大盘建一个目录 npmConfig(随便什么名字) 2.批处理执行 npm config set prefix “X:\npmConfig\npm” npm config set globalconfig “X:\npmConfig\npm\etc\npmrc” npm config set globali...
2017-11-21 18:02:30 447
原创 bash命令
1、bash命令格式 命令 [-options] [参数],如:tar zxvf demo.tar.gz 查看帮助:命令 –help 2、bash常见命令 pwd (Print Working Directory) 查看当前目录 cd (Change Directory) 切换目录,如 cd /etc ls (List) 查看当前目录下内容,如 ls -al mkdir (Ma...
2017-11-21 17:58:32 577
原创 rem设置网页字体大小自适应
「rem」是指根元素(root element,html)的字体大小,好开心的是,从遥远的 IE6 到版本帝 Chrome 他们都约好了,根元素默认的 font-size 都是 16px。这样一个新的单位兼容性如何呢?IE9+,Firefox、Chrome、Safari、Opera 的主流版本都支持了,我可以放肆的使用 rem 了。em 的计算是基于父级元素的,在实际使用中给我们的计算带来了很大的...
2017-11-21 17:50:23 2169
原创 Xshell的使用以及常用命令
常用的命令: suse linux 常用命令 (1) 命令ls——列出文件 ls 显示当前目录文件 ls -la 给出当前目录下所有文件的一个长列表,包括以句点开头的“隐藏”文件 ls a* 列出当前目录下以字母a开头的所有文件 ls -l *.doc 给出当前目录下以.doc结尾的所有文件 (2)命令cp——复制文件 cp ...
2017-11-21 17:35:33 361
原创 倒计时
HTML<!-- time --> <div class="spareTime"> <div id="countdown"> <div id="leftTime"> <div class="timeItem"><
2017-11-21 17:31:55 150
原创 时间戳转年月日格式
function formatDate(timestamp) { var date = new Date(timestamp); var year = date.getFullYear(); var month = addZero(date.getMonth() + 1); var day = addZero(date.ge...
2017-11-21 17:20:32 5061
原创 js限制文本框只能输入数字方法小结
1.输入大于0的正整数<input onkeyup="if(this.value.length==1){ this.value=this.value.replace(/[^1-9]/g,'')}else{ this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length...
2017-10-30 22:08:45 322
原创 bash: vue: command not found
user@user-PC MINGW32 /e/workspace$ npm install vue-cli -gC:\Users\user\AppData\Roaming\npm\vue -> C:\Users\user\AppData\Roaming\npm\node_modules\vue-cli\bin\vueC:\Users\user\AppData\Roaming\npm\...
2017-10-26 10:38:26 4242
原创 velocity模板引擎语法
Velocity 模板引擎介绍Velocity是一个基于java的模板引擎(template engine)。它允许任何人仅仅简单的使用模板语言(template language)来引用由java代码定义的对象。当Velocity 应用于web开发时,界面设计人员可以和java程序开发人员同步开发一个遵循MVC架构的web站点,也就是说,页面设计人员可以只关注页面的显示效果,而由java程序...
2017-10-25 11:39:45 315
原创 CSS绘制三角形
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法 代码如下:#triangle-up { width: 0; hei...
2017-10-25 11:11:37 216
转载 CSS特殊字符表
HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的表示方法。简单的介绍一下其使用方法:1、这些字符属于unicode字符集,你的文档需要声明为”utf-8“2、...
2017-10-25 11:05:17 1111
原创 JS获取当前地理位置方法
手机定位var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数,errorFunc获取定位失败回调 //首先设置默认城市 var defCity = { id: '000001', name: '北京市', date: cu...
2017-10-25 10:48:37 1234
原创 JS获取url参数值的两种方式
正则分析法function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unesca...
2017-10-24 17:55:29 210
转载 JS的引用赋值与传值赋值
要说js的赋值方式时首先要说明js的数值类型:基本类型和引用类型。 1、基本类型基本的数据类型有:undefined,boolean,number,string,null。 基本类型存放在栈区,访问是按值访问的,就是说你可以操作保存在变量中的实际的值。当基本类型的数据赋值时,赋得是实际的值,a和b是没有关联关系的,b由a复制得到,相互独立。(字面量的才是基本类型)var a=...
2017-10-24 17:50:34 352
转载 利用Github免费搭建个人主页(个人博客)
之前闲着, 利用Github搭了个免费的个人主页。 (colin1994.xyz)这里是我的一个简单主页,有兴趣的朋友可以访问看看。**********先不公开了**********今天到家了, 趁着闲着, 写一篇相关教程记录自己搭建的过程。涉及: Github注册 Github搭建博客 域名选购 绑定域名 更多一...
2017-10-24 17:13:17 22109 1
转载 10个JavaScript难点
**译者按:**能够读懂这篇博客的JavaScript开发者,运气不会太差…原文: 10 JavaScript concepts every Node.js programmer must master
2017-10-24 17:07:51 205
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人