- 博客(46)
- 收藏
- 关注
转载 微信小程序:wx.navigateTo从子页面跳回父页面,页面不刷新的问题
先简要说说小程序的生命周期:应用的生命周期:App({…}) 用来注册小程序,指定小程序的生命周期页面的生命周期:Page({…}) 注册页面,指定页面的生命周期具体注册函数的内容见小程序官网API其中有三个生命周期函数的触发顺序:onLoad->onShow->onReady (页面加载->页面显示->页面初次渲染)onLoad和onReady每个页面只会触发...
2020-04-08 10:08:13
1527
原创 小程序自带组件的样式修改
radio的样式修改的方法只是修改默认组件的大小radio { transform:scale(0.6);} 2.修改默认组件的颜色和大小/* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */ radio .wx-radio-input.wx-radio-input-checked { border-color: #03a9f4; ...
2020-04-08 10:05:09
1088
原创 vuex 使用的一般流程
一、基本用法1.创建项目vue create app_vuex cd app_vuexnpm install2安装vuexnpm install vuex --save-dev3在src目录下创建一个store目录 在里面创建一个 index.js ,并在main.js文件中进行配置 index.js中写入importVuexfrom...
2019-11-01 16:49:21
396
转载 微信小程序-textarea中的文本读取以及换行问题
今天客户那边要求textarea中输入的问题可以按回车键换行,而我使用的是bindinput获取值,但是呢bindinput 处理函数的返回值并不会反映到 textarea 上,按回车键导致点击换行符无法使文字换行。 此时便换用form bindsubmit="formSubmit" 方式获取textarea值了,此种方式的好处是按回车键自动换行。 并且在用户回车的地方会带...
2019-08-27 18:21:34
3695
1
原创 react的组件创建的方式
相对vue来说,react的组件的创建方式,不再安装全局和局部划分。大致分为:函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends React.Component定义的组件1.无状态组件创建纯展示组件,只负责根据传入的props来展示,不涉及到要state状态的操作,是一个只带有一个render方法的组件类创建的方式如下所...
2019-08-05 15:08:43
100
原创 小程序文字实现单行 和多行文字显示省略号
最近写小程序遇到一个问题:scroll-view标签中的text标签文字不会换行?1.text是属于行元素,需要转换成块元素才能设置对应的宽高(display:inline)2.出现文字不会换行原因:1.横向滚动代码2.由于在父元素中设置了white-space:nowrap(不换行),所以下文的文字也会出现不换行的情况,也应该给text标签设置white-space:no...
2019-07-29 10:05:58
691
原创 微信小程序开发者工具构建npm提示没找到node_modules目录(解决方法)
1、第一步:npm init 2、第二步:npm install --production 3、第三步:npm i vant-weapp -S --production
2019-07-22 10:43:02
3244
原创 面试总结
常见面试提问题1.position有几个值?分别是什么?又什么特点?答:4个值;static、absolute、relative、fixed 1.static:默认值 2.absolute 脱离文档流 相对有定位父级进行移动 3.relative :相对原来位置 为脱离文档流 4.fixed:脱离文档流 相对浏览器2....
2019-07-15 20:50:24
92
原创 js完成一个等腰三角形的打印
第一种方法:for(var i=1;i<=5;i++){ for(var j=4;j>=i;j--){ document.write(' '); } for(var k=1;k<=2*i-1;k++){ document.write('*'); } document.wr...
2019-07-03 22:32:39
2798
原创 5分钟入门vuex
链接:https://baijiahao.baidu.com/s?id=1618794879569468435&wfr=spider&for=pc
2019-06-29 09:09:38
173
转载 响应式布局与自适应式布局有什么不同
很多人经常会对响应式布局和自适应式布局产生混淆,今天将为大家介绍这两者到底表示的是什么以及它们之间的区别。具有一定的参考作用,希望对大家有所帮助。一:什么是响应式布局和自适应式布局1.什么是响应式布局响应式布局就是实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。换句话说就是一个网站能够兼容多个终端,而不是为了每一个终端做一...
2019-06-28 10:17:41
159
转载 Web性能优化
一,前端优化的目的1)从用户角度,优化时候能够让页面加载更快,对用户的操作响应更及时,能够给用户提供更为友好的体验2)从服务商角度,优化能够减少页面请求,或者减少请求所占宽带,能够节省可观的资源优化的方面可以分为页面级别和代码级别二.页面级别一》减少HTTP请求1>原因:1》性能准则:用户最终花相应的10%-20%的时间在接受请求的HTML文档,其他的时间都是花在...
2019-06-14 20:59:20
121
原创 路由嵌套
什么叫路由嵌套?所谓的路由嵌套,其实就是路由之间包含子路由一般我们都会把包含路由的设置单独定义在一个router.js文件里。常见的类型就如下所示:1、定义路由一般都包含path(路由的路径)、component(对应组件的名字,一般为引入组件的定义的名字)、name(一般为组件定义一个名字,常用于路由跳转,推荐使用) { path: "/", compo...
2019-06-02 15:47:52
1301
1
原创 vue自定义组件的知识总结
什么是自定义组件?组件是可以扩展 HTML 元素,封装可重用的代码。定义的组件可以拥有所有vue实例的特性。是以is的方式进行扩展对应的特性。组件之间也是可以嵌套的。组件的分类1.局部组件一般来说,局部组件使用的时候,是需要先注册(注册的时候是在父组件)。定义局部组件时,常用一个变量来存储局部组件。对象中包含有一个template属性,表示组件使用的模板html内容。定义的...
2019-05-29 21:57:15
646
原创 vue中深入响应式原理的知识点总结
深入响应式原理当你把一个普通的 JavaScript 对象传入 Vue 实例作为data选项,Vue 将遍历此对象所有的属性,并使用Object.defineProperty把这些属性全部转为getter/setter。Object.defineProperty是 ES5 中一个无法 shim 的特性,这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。详情:请见官网htt...
2019-05-27 16:53:49
170
原创 vue有关路由的知识点
router 路由路由中使用的一些组件router-view是用来显示内容,我们所有的配置在路由表(routes)中的组件都会现在在此容器内14| router-link最终会生成a标签用来做路由跳转,每一个router-1ink必须要一个属性叫to,表示跳转的路径16在配置跳转路由的时候可以设置以下参数name路由表中配置的路由的名字(超级建议使用) pa...
2019-05-25 14:30:31
271
转载 post和get请求的区别,请求报文
最直接的区别GET请求的参数是放在URL里的,POST请求参数是放在请求body里的;GET请求的URL传参有长度限制,而POST请求没有长度限制;GET请求的参数只能是ASCII码,所以中文需要URL编码,而POST请求传参没有这个限制;POST比GET的安全性能相对来说比较高GET和POST本质上两者没有任何区别。他们都是HTTP协议中的请求方法。底层实现都是基于TCP/IP协议。...
2019-05-18 21:13:09
538
原创 简版的植物大战僵尸
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body,img{ margin:0; padding:0; } img{ ...
2019-04-26 21:24:35
432
原创 有关设计模式的面试题
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var Event = { ...
2019-04-26 21:21:56
358
原创 闭包的面试题
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> function fun(n, o)...
2019-04-26 21:20:02
87
原创 用jQuery实现购物车的全选和反选
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script&...
2019-04-26 21:15:24
784
原创 点击让对应的li背景变颜色
//第一种var aLi = document.getElementsByTagName("li"); for(let i=0;i<aLi.length;i++){ aLi[i].onclick = function(){ for(var j=0;j<aLi.length;j++){ aLi[j].style.background = "white...
2019-04-26 19:24:06
1118
原创 深拷贝
引用类型直接复制(赋值) 浅拷贝引用类型内部的值的复制,与地址无关 深拷贝//第一种 function deepCopy(obj){ if(Array.isArray(obj)){ var newArr = []; } else{ var newArr = {}; } for(var i in obj){ if(typ...
2019-04-26 13:01:39
80
原创 七天免登陆
用cookie来存储数据,保存七天。具体代码如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text"><br>...
2019-04-22 09:04:18
411
转载 HBuilder常用快捷键总结
HBuilder常用快捷键大概共9类(【4 13 3】文件、编辑、插入;【4 9 8】选择、跳转、查找;【1 1 6】运行、工具、视图)1.文件(4)新建 Ctrl + N关闭 Ctrl + F4全部关闭 Ctrl + Shift + F4属性 Alt + Enter2.编辑(13)激活代码助手 Alt + /激活快捷键视图 Ctrl + Shift + L开启关闭注释整行 Ct...
2019-04-22 08:52:44
515
转载 JSON.parse()和JSON.stringify()的区别
一、JSON.parse()用于从一个字符串中解析出json对象。举例:var str = '{"name":"test","age":"22"}'var result = JSON.parse(str)console.log(typeof result)console.log(result)运行结果:二、stringify()用于将一个json对象解析成字符串形式举例:va...
2019-04-13 17:09:22
135
原创 js中保留字或关键字
20.下列哪个不是javascript中的关键字或保留字A classB varC linkD instanceof上面这题的答案为 C
2019-04-09 20:00:01
2470
原创 定时器
1.setInterval(fn,time);对应的清除为clearInterval2.setTimerout(fn,time);隔一time时间,执行一次fn对应的清除为clearTimerouttime的设置单位为毫秒,1000毫秒=1秒;当time不设置时,执行的效果还是为1秒执行一次,但进行打印的时候是1毫秒打印一次...
2019-04-09 09:06:41
78
原创 曲线运动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #circle{ position: relative; width:300px; h...
2019-04-08 12:07:19
128
原创 点击li获取当前的索引
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul id="list"> <li>1</li> <li>...
2019-04-04 16:18:35
962
转载 for循环绑定事件时,var和let声明循环变量的区别
在理解var、let、const三者在声明变量的区别时,遇到了一道十分有意思的题:<body><ul> <li>第一个li</li> <li>第二个li</li> <li>第三个li</li> <li>第四个li</li> <li>第五个li</l...
2019-04-04 14:35:49
171
原创 获取表单信息,存放在表格中,展示出来并删除
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 姓名:<input type="text" /> 年龄:<input type="text"...
2019-03-30 20:46:45
239
原创 一些常见的面试题
一、触发bfc的条件1:html2:将元素转换成display:inline-block或table-cell3:设置元素的position属性为fixed或absolute4: 设置元素的overflow属性,不为visible5:float属性不为none二、请简述什么是css的层叠性一个元素可能同时被多个css选择器选中,每个选择器都有一些css规则,这就是层叠。这些规则有可...
2019-03-30 20:40:55
84
原创 数组常用的方法
push 数组尾部添加元素pop 数组尾部删除元素 不接受参数unshift 数组头部添加元素shift 数组头部删除元素 不接受参数slice 截取数组 原数组不发生改变splice 截取数组 原数组发生改变reverse 逆转sort 排序join 将数组转换成字符串,数组元素以参数拼接concat 拼接slice()0个参数时,输出...
2019-03-30 20:27:46
75
原创 函数
1.函数的优点增加代码的灵活性、可扩展性、可维护性、减少代码冗余2.定义函数的方式函数声明 function functionName(){函数体} 调用的方法为
2019-03-30 19:49:25
175
转载 js中0==null为啥是false?
是false,不会进行类型转换,null是>=0的数,而在进行这个比较的时候,是0>null为假,所以相反为真;而且大于等于不是大于和等于累加的意思null>0 //null转化为number,为0,所以0>0结果为false。null>=0 //null转化为number,为0>=0,所以结果为true。null0// null在做相等判断时,不进行转型...
2019-03-30 19:23:26
2695
原创 数组去重的方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> //一个循环 /*function norepeat(arr){ a...
2019-03-30 19:21:18
73
原创 隐式转换的注意点
1.当数值和字符串进行+运算时,数值转换成字符串,进行拼接;.当数值和其他类型进行算数运算时,其他类型转换成数值类型2.字符串和字符串进行+运算时,就是拼接。3.当数值与字符串比较时,字符串会转换成数值;字符串和字符串进行比较时,会从第一位开始比较(按位比较);字母字符串和数值比较时为NAN...
2019-03-30 19:19:29
69
转载 js 中的“|=”是什么意思? Modes|=CharMode(sPW.charCodeAt(i));中的“|=”表示什么?
|= 按位或.然后赋值.如i=1;//二进制为0001i|2;//2的二进制为0010 两个按位或为0011也就是3i|=2等价于i=i|2;所以i为3转载于https://wenwen.sogou.com/z/q658102168.htm?ch=ww.xqy.xgzs&pid=ww.xqy.xgzs...
2019-03-26 09:09:21
5479
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人