Sword_meaning的博客

原创 Vue项目使用less

npm install less less-loader --save-devmodule.exports = { module: { rules: [ { test: /\.less$/, loader: "style-loader!css-loader!less-loader" }...

原创 微信小程序 短信验证码 倒计时

Page({ data : { num : 60 , message : "短信验证码" }, send() { let timer ; timer = setInterval(()=>{ this.setData({ num : this.data.num - 1 }) //这个为什么不写在一个this.setData({})里面,可以自己...

原创 单行省略 / 多行省略

多行省略 { display: -webkit-box; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; white-space: normal;}2.单行省略 { overflow: hidden; wh...

原创 倒计时

//秒杀倒计时//STARTfunction start(years,months,days,hours,minutes,seconds){ let maxTime, minTime, cross1, cross2, cross3, now, day, hour, minute, second; maxTime = new Date(years,months-1,d...

原创 浅拷贝和深拷贝--仅供自己

浅拷贝和深拷贝的区别是什么？浅拷贝和深拷贝的最根本区别在于是否真正获取了一个对象的复制实体，而不是引用。浅拷贝和深拷贝是只针对Object和Array这样的引用数据类型的。浅拷贝：只是拷贝了基本类型的数据，而引用类型数据，复制后也是会发生引用。浅拷贝仅仅指向被复制的内存地址，如果原地址中对象被改变了，那么浅拷贝出来的对象也会相应改变深拷贝：重新开辟一块新的内存地址用于存放复制的对象浅拷...

原创 2019/12/30 11:23

var foo = [] ;foo[100] = 100 ;//console.log(foo) => [empty*100,100] foo.length = 101for(var i in foo){ //前一百个都是空值 console.log("A" + i) //=>A100}

原创 微信小程序使用第三方组件命令

先进行初始化操作,生成package.json文件npm init然后安装命令npm i vant-weapp --s -production然后进入小程序使用npm模块最后执行,工具那栏有一个npm构建,执行,构建完成就可以使用...

原创 微信开发者工具在使用过程中出现的鼠标消失处理

原创 微信小程序报错,记录01

加载没有问题,但是会报错,根据搜索得到的信息:此时的路径相当于是一个无效的路径，在渲染页面的时候，src还没有被赋值，这就对该路径添加wx:if来表示加载与否加上wx:if=’{{src}}’...

原创 微信小程序,父组件给子组件传参

父组件从数据库拿数据在子组件上面放置传递的值在子组件的js中写这个

原创 2019/12/17随笔

one:two:改变函数执行顺序 1 2 3setTimeout(()=>{ logger(); console.log("3")},0);async function logger(){ //想要改变执行顺序 ,就要去掉await await printer(); console.log("2")}async function printer(){ con...

原创 github文件上传

进入仓库进行初始化操作$ git init查看当前文件dir添加文件至本地仓库$ git add *给予本次操作描述$ git commit -m "简短描述"与远程仓库建立联系$ git remote add origin git@github.com:用户名/仓库名称.git推送至远程仓库$ git push -u origin master...

原创 github远程文件删除

先用命令把远程仓库拉取下来 $ git pull origin master查看有哪些文件 $ dir选择要删除的文件 $ git rm -r --cached 文件名/文件夹名给个本次操作的说明 $ git commit -m "说明"然后,刷新远程仓库,就可以看到提示"本次删除了.github文件夹"...

原创 记录22:28

解决vue中路由刷新之后,当前页面的状态自动转换到首页的位置<router-link :class="{'active' : selectIndex == l.index}" :to="l.to" v-for="(l,i) of list" :key="i" :data-i="l.index...

原创 2019/12/10 10:59

1.用jquery或者其他前端框架设计钟表的思路;3.行内元素有哪些? 块级元素有哪些? 空元素有哪些?4.页面导入样式时,使用link和 @import有什么区别?8.HTML5有哪些新特性,移除了哪些元素? 如何处理HTML5新标签的浏览器兼容问题? 如何区分HTML和HTML5?9.简述一下你对HTML语义化的理解;4.描述ajax请求的过程?5.GET和POST的区别,何时使用...

原创 今日份例题2019/12/5

call() 和 apply()var b=10;function a(c){ console.log(this.b); console.log(c) ;}a(20) ; //a前面没有东西,this=>window output :10 20a.call({b:20},30) ;//call和apply都会改变this的指向,第一个参数就是this ,把剩余参数传给形参// ...

原创 数组降维

var arr=[ [1,2], [3,4], [ [5,6], [7,8], ], [ [ [9,10], [11,12], ], ]];one:递归降维two:join&split降维three:toString&split降维four:reduce降维更多实例链接:数组扁平化...

原创 Web前端测试题(社招)

1.盒子模型,块级元素和和行内元素特性和区别2.CSS实现垂直水平居中3.常用的css hack方法4.position的值,relative和absolute分别是相对于谁进行定位的?5.如何解决跨域问题6.清除浮动的方式和各自的优劣7.求100之内的素数(大于1的自然数中,只能被1和它本身整除的数)8.请写一个函数,实现以下功能,字符串"open_door"转换成"OpenDoo...

原创 请写出this指向

function fn(){ var i=0; return function(){ console.log(i++); }}var f1=fn();var f2=fn();f1(); //0f2(); //0f1(); //1//有外层函数,有内层函数,形成闭包//调用f1();i++ 表示先执行;执行之后,输出0;再+1;//调用f2();i++ 表示先执行;执行之后...

原创 应聘测试

一 .前端基础1.css有哪些实用的选择器?#elem.elemelem+elemelem>ekemelem elemelem,elem:first-child:last-child:nth-child():checked:disabled::after::before::selcetion:link:visited:active:hover:focu...

原创 对search部分解析

定义一个函数对search部分进行解析var search="?uname=dingding&upwd=123456&favs=swimming&favs=basketball&favs=walk" ;function jx(search){//定义一个空对象var obj={};//截取"uname=dingding&upwd=123456&a...

原创 Vue 关于:key=""

:key 1). 为什么: 因为v-for生成的多个元素的副本之间是无差别的。所以，将来如果数组中某个元素值改变，v-for无法鉴别是哪个元素副本受影响。就只能重新生成整个列表。——效率低2). 加了???? 每个元素副本上都添加了一个唯一的:key=0,1,2，元素副本之间就有了区分。如果将来数组中某个位置的元素被改变，无需更新整个列表。只通过:key找到对应位置的一个元素副本更改...

原创 前端面试题_01(待续)

1.请看以下函数://首先,变量提前//var fn;//fn指向function(){// if(false){// var a=1;// }// console.log(a);//}console.log(fn);var a=2;function fn(){ //var a; if(false){ var a=1; } console.log(a);}f...

原创 ["多选框","单选框"]concat(["瑕疵"])

<body> <table> <thead> <tr> <th><input type="checkbox" name="checkall"></th> <th>ID</th> <th>Name</th> &...

原创 随笔_a=fun(0).fun(1) && _obj.method(fn,1)

a=3;a.prop=4;console.log(a+a.prop);//NaN

原创 web前端_02

1.请输出以下js代码结果;var b,a=null;console.log(a==b);//true;console.log(a===b);//false;2.请写出控制台打印的信息;function fun(n,o){ console.log(o); return { fun:function(m){ return fun(m,n); } }}var a=fun(0...

原创 web前端_01

1.写出几种常见的js内置函数;parseInt()函数该函数主要将首位为数字的字符串转化成数字，如果字符串不是以数字开头，那么将返回NaN。parseFloat()函数该函数主要将首位为数字的字符串转化成浮点型数字，如果字符串不是以数字开头，那么将返回NaN。isNaN()函数该函数主要用于检验某个值是否为NaN。isFinite()函数该函数主要用于检验某个表达式是否为无穷大。...

原创 Foo.a() ; //4 let obj=new Foo() ; obj.a() ; //2 Foo.a() ; //1

function Foo(){ Foo.a=function(){ console.log(1) ; }, this.a=function(){ console.log(2) ; }}Foo.prototype.a=function() { console.log(3) ;}Foo.a=function(){ console.log(4) ;}Foo.a() ; ...

原创 funs[0]() ;//3 funs[1]() ; //3 funs[2]() ; //3

function fun() {for ( var i=0,arr=[] ; i<3 ;i++){ //循环体执行了三次 arr[i] =function(){ //函数不调用不执行,所有等这个循环体结束 i 已经变成了3 console.log(i) ; } }}var funs=fun() ; //所以后面再调用也没得选择,只有一个 i = 3 ; funs[0]...

原创 统计一个字符串中每种字符出现的次数 ?

var str="HELLOWORLD" ; var arr=[] ; for(var i=0 ;i<str.length ;i++){ var char=str[i] ; //console.log(char) ; //通过打印char我们得到的是下面这样一个关联数组 ; ![](https://img-blog.csdnimg.cn/20191109153203371.pn...

原创 排好序,操作数组

**one:**//要求:去掉数字以外的东西,并且每个数字加一var arr=[ 1,2,3,"a",4,"b"] ;for( var i=arr.length-1 ;i>=0 ;i--){ if(typeof arr[i] =="number"){ arr[i]++ ; }else{ arr.splice(i ,1) ; }}console.log(arr) ...

原创 1-10000的所有对称数

//1-10000的所有对称数// 131 9999 292function getNumber(num) { var arr = []; for (var i = 10; i < num; i++) { var a = i.toString(); var b = a.split("").reverse().join(""); if (a =...

原创 随笔_03

原创 101/10

定义函数时,每个函数都有一个"好友列表"(作用域链),普通函数的好友列表只有两个格子.离自己近的格子暂时为空,离自己远的格子保存window对象的地址....

原创 随笔_02

注意看循环体只是简单的赋值操作而已循环结束，i的值为3，这个时候输出自然为3

原创 随笔_01

原创 浮动元素占位问题以及发生高度坍塌的原因和它的解决方案

*浮动元素占位问题当父元素横向显示不下所有元素时，显示不下的元素会换行但是，以浮动的元素会根据自己的浮动方向占位，导致被挤下去的元素会绕开被占据的位置显示*发生高度坍塌的原因1.父元素没有设置高度，高度靠内容撑开2.子元素浮动，父元素认为页面上没内容*解决方案：1.给父元素设置高度2.父元素跟随浮动3.overflow：hidden；4.给父元素设置一个空的div，设置cle...

原创 Narcissistic number(水仙花数)

原创 palindrome(回文)

原创 双色球(红球去重排序)