前端系列学习
Soler_lia
这个作者很懒,什么都没留下…
展开
-
页面nbsp,半角,全角空格显示问题
有时,为了页面布局,我们使用空格去空出一格或者多个格。有时就会导致页面混乱的问题,这又 多出现在兼容性问题中。 使用IE8测试,半角空格只显示出一个字符格的空白;全角空格是半角空格的2倍,HTML中输入几个便显示几个;nbsp输入几个显示几个。 在搜狗浏览器中测试,兼容模式和IE8中页面效果一致。而在在极速模式中,nbsp解析为一个全角空格的大小,8个nbsp和8个全角原创 2017-03-20 14:52:58 · 4026 阅读 · 0 评论 -
JS中call()方法和apply()方法二维数组降维,arguments类数组对象转为数组
练习:写一个 function,传入两个或两个以上的数组,返回一个以给定的原始数组排序的不包含重复值的新数组。首先,fn参数个数未定,因此需使用函数参数的类数组对象arguments,然后将其转为数组。此二维数组的每个参数都是函数的实参,对其降维为一维数组,之后再使用ES6的Set对象去重。function unite(arr1, arr2, arr3){ return Array.from(ne...原创 2018-05-15 15:11:14 · 612 阅读 · 0 评论 -
js实体转化
将字符串中的字符 &、<、>、" (双引号), 以及 ' (单引号)转换为它们对应的 HTML 实体。function convert(str) { return str.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&a...原创 2018-05-15 15:37:10 · 2146 阅读 · 0 评论 -
Pairwise(FCC算法)
找到你的另一半都说优秀的程序员擅长面向对象编程,但却经常找不到另一半,这是为什么呢?因为你总是把自己局限成为一个程序员,没有打开自己的思维。这是一个社群的时代啊,在这里你应该找到与你有相同价值观但又互补的另一半。譬如:你编程能力强,估值11分,如果以20分为最佳情侣来计算,你应该找一个设计能力强,估值为9分的女生。那么当你遇到一个设计能力为9分的女生,千万别犹豫,大胆去表白。千万别以为后面的瓜比前...原创 2018-05-23 11:36:11 · 1113 阅读 · 0 评论 -
Next Prime
Get the next prime number!You will get a number n(>=0) and your task is to find the next prime number.Make sure to optimize your code: there will numbers tested up to about 1012.function nextPrime(...原创 2018-05-28 14:12:57 · 1195 阅读 · 0 评论 -
Reverse all(codewars习题)字符串反序
Task&Rules:Give you an array ```arr``` that contains some string elements, reverse all things in the array.an example:```["abc123!@#\n314159","987bbc\n#$%\nxyz886"]```Follow the example abo...原创 2018-06-04 11:18:03 · 375 阅读 · 0 评论 -
box-sizing布局
box-sizing 属性用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。可以使用此属性来模拟不正确支持CSS盒子模型规范的浏览器的行为。在CSS中,你设置一个元素的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ,绘制到屏幕上时的盒子宽度和高度会加上设置的边框和内边距值。这意味着当你调整一个元素的宽度和高度时需要时刻注...转载 2018-06-22 14:35:26 · 238 阅读 · 0 评论 -
decodeURI与encodeURI函数对url数据进行解码编码
encodeURI() 函数可把字符串作为 URI 进行编码。对以下在 URI 中具有特殊含义的 ASCII 标点符号,encodeURI() 函数是不会进行转义的: , / ? : @ & = + $ # (可以使用encodeURIComponent()方法分别对特殊含义的 ASCII 标点符号进行编码。).encodeURI(my test.php?name=ståle...原创 2019-03-31 23:32:19 · 2110 阅读 · 0 评论 -
atob与btoa函数对base64数据进行解码与编码
btoa()从String对象中创建一个 base-64 编码的 ASCII 字符串,其中字符串中的每个字符都被视为一个二进制数据字节。由于这个函数将每个字符视为二进制数据的字节,而不管实际组成字符的字节数是多少,所以如果任何字符的码位超出 0x00 ~ 0xFF 范围,则会引发InvalidCharacterError异常。let encodedData = window...转载 2019-04-01 00:17:05 · 1410 阅读 · 0 评论 -
类的原型对象及链式操作
var Check = function() {};Check .prototype = {checkName: function() { return this; //返回当前对象,方便调用},checkPassword: function() { return this;},checkAddress: function() ...原创 2019-04-23 00:36:26 · 256 阅读 · 0 评论 -
Symmetric Difference(对等差分数组)
创建一个函数,接受两个或多个数组,返回所给数组的 对等差分(symmetric difference) (△ or ⊕)数组.给出两个集合 (如集合 A = {1, 2, 3} 和集合 B = {2, 3, 4}), 而数学术语 "对等差分" 的集合就是指由所有只在两个集合其中之一的元素组成的集合(A △ B = C = {1, 4}). 对于传入的额外集合 (如 D = {2, 3}), 你应该...原创 2018-05-17 15:36:26 · 1848 阅读 · 0 评论 -
JS获取当前日期
<span id="time"></span>$(function(){ var myDate = new Date; var year = myDate.getFullYear();//获取当前年 var mon = myDate.getMonth()+1;//获取当前月 var date = myDate.getDate();//获取当...原创 2018-04-25 16:50:28 · 210 阅读 · 0 评论 -
负margin应用
本文地址: http://www.hicss.net/i-know-you-do-not-know-the-negative-margin/现如今,负margin技术的应用可谓越来越广,任一个大型站点惊鸿一瞥之下都会有其身影所在。个人认为负margin技术是学习css路上必不可缺少的课题之一,许多高级应用及疑难杂症修复都可以使用负margin技术进行实现。负margin理论:在说明什么是负marg...转载 2018-04-09 11:45:55 · 290 阅读 · 0 评论 -
页面显示空格(nbsp)的兼容问题
做页面修改,有时需要空格来控制页面。而有时nbsp又出现兼容性的问题。今天作一个小总结,使用IE8测试没有什么问题,nbsp在页面显示出一个半角空格的宽度,多少个nbsp显示多少个空格;页面代码直接输入半角空格,无论多少个都只显示一个的宽度。全角空格同nbsp,一个显示两个字符的宽度,多少个空格显示多少个中文字符的宽度。在搜狗浏览器中出现了一些问题,兼容模式和IE8一样,显示没有问原创 2017-03-20 15:17:39 · 3626 阅读 · 0 评论 -
控制li标签数目
$(function(){ console.log($("#picNum li").length);var picNum = $("#picNum li").length-1;console.log('获取li标签数目'+picNum); var dotNum="" ;for(var i=0;i dotNum=dotNum+''; } $("原创 2017-10-17 17:14:18 · 1177 阅读 · 0 评论 -
img{display:block}
有些版本浏览器,在图片和文字间会出现白边。加上 img{display:block} ,将img变为块元素。区块和内联块最大的区别就是,区块可以设置宽、高、居中对齐等操作,而内联块不行。因为img默认是按基线(baseline)对齐的。对比一下图片和右边的p字母,你会发现这三个字母的“小尾巴”和图片下方的空白一样高。下面这张图中的黑线就是那条基线。要去掉空格可以使用vertic原创 2017-09-29 10:26:17 · 2471 阅读 · 0 评论 -
JS选项卡切换
ul{ list-style:none}#card {width:300px;height:200px;}#tit {width:100%;height:25px;line-height:25px;}#tit h3 {cursor:pointer;margin:0px;padding:0px;width:80px;background:#ccc;float:left;line-heig原创 2017-11-26 08:58:45 · 301 阅读 · 0 评论 -
JS无缝滚动
scroll#test {width:250px;height:200px;border:1px solid red;overflow:hidden;}1aaaaaaaaaaaaaaaaaaaaaaaa2aaaaaaaaaaaaaaaaaaaaaaaa3aaaaaaaaaaaaaaaaaaaaaaaa4aaaaaaaaaa原创 2017-11-23 23:17:18 · 299 阅读 · 0 评论 -
字符串匹配(删除指定字符)/codewars练习
Write function scramble(str1,str2) that returns true if a portion of str1 characters can be rearranged to match str2, otherwise returnsfalse.For example:str1 is 'rkqodlw' and str2 is 'world' the outpu...原创 2018-02-27 17:34:51 · 1144 阅读 · 0 评论 -
数组排序、取字符串中的数字(codewars练习)
Your task is to sort a given string. Each word in the String will contain a single number. This number is the position the word should have in the result.Note: Numbers can be from 1 to 9. So 1 will be...原创 2018-03-06 10:59:35 · 516 阅读 · 0 评论 -
codewars练习/Aaary.map()方法及Function.apply()方法
The flatMap() method first maps each element using a mapping function, then flattens the result into a new array. It is identical to a map followed by a flatten of depth 1, but flatMap is quite often ...原创 2018-03-30 15:44:19 · 357 阅读 · 0 评论 -
JS设计模式之委托模式
委托模式:多个对象接收并处理同意请求,他们将请求委托给另一个对象统一处理请求。(例)一无序列表,点击li元素当前元素发生一系列改变。ul.onclick = function(){ var e = e || window.event; tar = e.target || e.srcElement; if(tar.nodeName.toL...原创 2019-04-28 00:43:34 · 535 阅读 · 0 评论