- 博客(38)
- 收藏
- 关注
RSS订阅原创 Taro,React,Typescript实现轮播图
Carousel总结需求：轮播图：自动轮播，漏出下一项的一部分，向左移动，无缝连接切换项目技术栈为react.js，Taro，typescript难点：因为技术栈的原因，使用Taro的Swiper组件来写轮播，普通的轮播用这个组件可以完成，但是因为需求需要漏出下一项的一部分，Taro的Swiper组件没有这个属性，小程序的next-margin(在Taro里使用为nextMargin)可以满...
2019-08-08 12:17:49
1965
原创 let究竟有没有提升？
初识letMDN文档对let的解释let声明的变量的作用域是块let不能同一个函数或块作用域中重复声明已存在的变量，会报错通过 let 声明的变量直到它们的定义被执行时才初始化，在变量初始化前访问该变量会导致 ReferenceError今天在一个前端交流群里，一个变量提升的题目引起大家对let到底有没有提升的讨论，我在网上看了一些资料之后，把自己的一些理解写下来深入理解let...
2019-06-28 14:33:19
463
原创 sessionStorage,localStorage,cookie的区别
注：缓存还有很多方式，比如Service Worker，浏览器缓存就更多了，可以去查一下资料问题：1，当localStorage存储满了超过限制会发生什么？怎么办？答：超过限制数据存不进去，会报错；解决方法：存文件类型用indexedDB，存业务数据用localStorage（最好的方式）单页面应用在不影响业务的情况下，可以直接从localStorage里降到session...
2019-03-28 20:11:37
358
1
原创 js超基础的知识点
1，js数据类型基本类型：null,undefined,String,Number,Boolean,Symbol引用类型：Object,Function,Array区别：基本类型存到栈里，引用类型存到堆里注意：NaN属于Number类型，且NaN==NaN为false typeof(null) //‘object’，原因：js原始版本是使用32位操作系统，0...
2019-03-27 20:25:46
159
原创 Array常用方法
改变原数组：push,pop,shift,unshift,sort,reverse,splite不改变原数组：concat，join，toString, slice1,map(): 不改变原始数组,不会对空数组进行检测,作为一个新数组返回代码示例://第一个参数是函数const arr = [1, 2, 3, 4, 5, 6, 7];arr.map( item =>...
2019-03-08 20:50:23
490
原创 自定义小程序导航栏(微信小程序)
需求:单页面微信小程序页面自定义导航栏大概去年三四月份写了一次自定义导航栏,我记得那时候好像是不能写单页面,如果要改单页面就全都得改了,只能在app.json里改全局,结果昨天一看,单页面也能自定义导航栏了!!!!config = { navigationStyle: "custom" };Taro.getSystemInfo().then(res=>...
2019-02-26 15:25:58
975
原创 Taro之条件渲染和参数传递
1,判断条件改变样式(适合不需要改变数据,只改变样式)<View className={`${this.state.isFixed ? 'tag-fixed' : 'choose-tag-container' }`}></View>2,根据条件来改变数据或者图标之类....//例如点赞问题(三元表达式){ isUpvoted ? <Tex...
2019-02-26 15:09:46
7158
原创 上滑吸顶功能
功能描述:当页面上滑到导航时,导航吸顶解决思路:利用onPageScroll函数来监听页面上滑的距离,然后绑定数据,改变导航栏的样式onPageScroll = (e) => { let menuTop = 87; //当距离不确定时,可以用createSelectorQuery来测量 if (e.scrollTop > menuTop)...
2019-02-26 14:52:53
1659
原创 跳转页面,页面上滑到某部分
功能:在A页面点击评论图标,跳转页面,并且页面上滑到页面评论部分.解决方法:在图标那绑函数,跳转页面传参数,当值为true时,利用<ScrollView>的scrollIntoView属性,绑定scrollIntoView的值为评论的id. 代码如下://跳转页面的函数,当scrollToComment为true时是用户点击评论图标跳转的页面,当为false时,是点击...
2019-02-26 14:37:51
379
原创 React里用到的ES6语法
1，箭头函数箭头函数相当于匿名函数，简化了函数的定义格式：单条语句（可以省略{}和return）eg:x=>x*x //单个参数 （x，y）=>x + y //多个函数 x => ({ foo:x}) //返回对象（在对象外面有个（））多条语句（不能省略{}和return）this的指向：不用箭头函数，this指向window或者und...
2019-02-25 12:11:01
1072
原创 Flex布局
需求:不规定死图片宽高,维持比例,让图片在任何手机大小下保持不变形,自适应手机大小展示解决方法:flex布局<View className="view1"><View className="view1"><View className="view1"><Image className="img"></Image>&...
2019-02-25 12:05:32
201
原创 记Taro之Button犯的错
需求:分享功能Button有个openType的属性,设置openType="share"就可以了,注意可以使用onShareAppMessage这个函数来设置分享的内容,但要注意此函数在子组件中不能生效,在父组件中才生效(分享功能在子组件中)<View className="topic-item-part-in-item"> <Button openType=...
2019-02-25 11:21:35
3059
1
原创 微信小程序Textarea踩坑
功能是需要写一个评论框 ,左边图片图标要和文字对齐,在模拟器和安卓手机上测试没问题,在苹果手机上测试,不管怎么样都对不齐,苹果手机真机调试发现textarea竟然上下有padding.........并且设置padding:0没用解决方法:判断手机操作系统来改变图标到底部的距离.(左边图标用绝对定位absolute写的)wx.getSystemInfo().then(res =>...
2019-02-25 11:03:05
1218
原创 小程序项目小结
最近写小程序项目，发现以前学的忘了好多，趁此机会总结一下，哈哈!1,小程序页面之间传参数方法一：在跳转页面的时候带参数wx.navigateTo({ url: ' test?id= '+id})取值：在onLoad函数里取onLoad:function(options){ console.log(options.id)}方法二：设置globalDa...
2018-12-17 22:04:36
1720
原创 记录一下最近写项目出现的问题
项目分为web后台管理和小程序前台使用，在进行web后台管理开发的时候，因为是小项目，采用了art-template，后台系统没有完全前后端分离。出现问题1：在浏览器端art-template用each数据没有循环出来。实现功能：导入excel表上传文件，列表循环出来excel表里的内容因为是第一次用art-template，去官网看了语法之后就动手写了，ajax请求数据之后能拿到数据...
2018-12-15 13:09:03
210
原创 get和post请求用JSON.parse和JSON.stringify取参数
1，JSON.parse将一个 JSON 字符串转换为对象2，JSON.stringify将对象转成字符串JSON.parse()【从一个字符串中解析出json对象】例子：//定义一个字符串var data='{"name":"goatling"}'//解析对象JSON.parse(data)结果是：name:"goatling"JSON.str...
2018-11-23 22:02:21
2642
1
原创 在node.js里你应该知道的小知识
1，exports===module.exports //true注意：当exports被重新赋值之后，他两就不会指向同一个对象了，数据就不会返回，但是返回数据的是module.exports！！！2，解决npm加载慢------淘宝镜像（因为访问的是国外的服务器）使用cnpm：npm install -g cnpm --registry=https://registry.npm....
2018-11-23 21:57:00
229
原创 webpack踩过的坑及webpack.config.js的配置
坑一如果webpack是3以上的版本，npm install webpack --save的时候会一直提示安装webpack-cli以前webpack的版本包含有webpack-cl，后来webpack3+以上版本被分开了 坑二webpack.config.jsconst path = require("path");const HtmlWebpackPlugin = ...
2018-11-23 21:24:58
2895
3
原创 新手：webstorm如何用git在码云拉取项目，提交代码
1，在码云上新建项目，步骤不多说了2，在webstorm点击VCS ->check out from version control ->git点击clone就拉取项目成功啦，如何就可以开始写项目啦3，提交代码写完之后可以看左下角也可以选中文件，右键Git -> +Add ，右键，Git -> commit file4，把代码上传到码云选...
2018-11-20 20:36:16
11498
2
原创 node.js操作json文件用es6的find方法报错students.find is not function分享
报错截图如上代码是node.js用fs操作json文件，代码没错，但是一直报错。。。后来找了很久之后发现之前测试删除功能时，把json文件的students数组删了只剩一条数据了，json文件把本来应该是数组格式的数据，如下: 结果是变成了这样。。。。就算数组只有一条数据，那也是数组啊。。。。本来find方法就是操作数组的，变成对象了当然报错啊。。。 json之大坑啊。...
2018-11-16 20:59:46
1611
原创 vue-cli建立vue项目
1，配置淘宝镜像（可选）为什么说可选，npm的install都是走的下载，有时候下载速度太慢的话，通过配置淘宝镜像可以提速 npm install -g cnpm --registry=https://registry.npm.taobao.org2,安装npm cnpm install --g vue-cli //安装vue-clivue init webpacknp...
2018-10-18 19:18:40
159
原创 vue项目用json模拟数据
基于node和express1，先写一个json文件，例如data.json{ seller:[.......], goods: [......]}2，自dev-server里写var appData=require('../data.json'); //引入json文件var seller=appData.seller; //取到json文件...
2018-10-18 18:34:37
1068
原创 如何学习新技术
1，多看看一些博客啊，开源中国，简书等等，发现新东西2，去官网查看如何使用，查看示例，用到自己的项目里去3，虚心求学，专精之后再广
2018-10-14 19:45:35
227
15
原创 项目发布
1，整体发布：将项目目录全部打包压缩即可2，源代码发布：删除node_moudle目录打包即可3，zip压缩注意：1，尽量把用到的组件放到package.json(纯小白，等真正接触到会继续接着写。。。) ...
2018-10-14 19:39:01
152
原创 小型网站不使用vue框架如何实现数据渲染到前端页面
1，先写ajax请求eg：<script src="jquery.min.js"></script><script> $(function(){ var xhrul='http://192.168.31.133:3000/jdapi'; $.ajax({ type:'get', ...
2018-10-14 18:50:55
1244
原创 HTML innerHTML属性用法及分析
innerHTML：设置或返回表格行的开始和结束标签之间的 HTML。 看它的英文单词也可以明白就是里面的字符按html标记的语言格式取出来或重新设置。innerHTML属性w3c标准不支持的，但是各大浏览器支持它的实现。innerHTML的用法举例：<div id="div1"></div>下面是js:var...
2018-10-14 18:14:31
1989
原创 Express+Mockjs模拟数据
1，新建项目，安装Express(默认已经安装nodejs)npm init//写文件信息npm install express --savenpm install express-generator -g //安装express应用程序生成器express --viewnpm installnpm install -g supervisor //不用重新启动，直接浏...
2018-10-14 18:13:16
614
原创 ES6的class语法
ES6的class语法普通面对对象function Person( name,age){ this.name=name; this.age=age; }Person.prototype..sayhello=function( ){ console.log(this.name)}//实例const p=new Person('kaivon' , 18);p . showNam...
2018-06-27 21:06:44
232
原创 js对象
js对象1，js中对象分为三类：全局对象，内置对象，自定义对象。1.1，全局对象 它是js预定义的对象，作为js的全局函数和全局属性的占位符 它是顶层对象，由宿主环境决定 网页里为window node里为Global 它们身上的属性或方法可以直接使用，不用指定所属对象 NaN,infinity,String( ),Nu...
2018-06-27 21:05:21
199
原创 js作用域及闭包
1，词法作用域：代码在编写过程中体现出来的作用范围，代码一旦写好，不用执行，作用域范围就已经确定好了。2，js词法作用域：函数允许访问函数外的数据整个代码结构中只有函数可以限定作用域作用规则首先使用提升规则分析如果当前作用规则中有名字了，就不用考虑外面的名字3，闭包闭包的含义就是闭合，抱起来。简单的来说就是一个具有封闭功能与包裹功能的一个结构。所谓的闭包就是，有一个具有封闭的对外不公开的，包裹结构...
2018-06-26 21:54:37
341
原创 eval及函数声明和函数表达式
1，eval：将一个对象行使额字符串转换为对象{ name: 'Jim' ,age :19}==>语法错误//使用（）将其转化成表达式，{}不再是语句块了，就是对象了->var o= eval( "（ { name : 'Jim' ,age :19 } ）"}//在js中有一个标记语法语法： 名字+ “ ：”其作用是跳出多层循环eg : 找出7，并输出7的位置（几行及列）var ar...
2018-06-26 19:03:05
480
原创 Object.create方法
1,Object.create(ES5中引入的新语法)Object.create(对象）->新对象功能：实现继承，创建一个原型继承自参数的对象例如：var o={ sayHello:function( ){console.log( ' 你好' ）；}}var o1=Object.create( o );//创建一个新对象o1,该新对象的原型即__proto__就是o...
2018-06-26 09:58:51
476
转载 arguments 对象
arguments 对象arguments 是一个伪数组对象. 它表示在函数调用的过程中传入的所有参数的集合.在函数调用过程中没有规定参数的个数与类型, 因此函数调用就具有灵活的特性, 那么为了方便使用,在 每一个函数调用的过程中, 函数代码体内有一个默认的对象 arguments, 它存储着实际传入的所有参数.js 中函数并没有规定必须如何传参定义函数的时候不写参数, 一样可以调用时传递参数定义...
2018-06-25 21:38:40
231
转载 Function构造函数
在 js 中 使用 Function 可以实例化函数对象. 也就是说在 js 中函数与普通对象一样, 也是一个对象类型( 非常特殊 )函数是对象, 就可以使用对象的动态特性函数是对象, 就有构造函数创建函数函数是函数, 可以创建其他对象(函数的构造函数也是函数)函数是唯一可以限定变量作用域的结构函数是 Function 的实例new Function( arg0, arg1, arg2, ...,...
2018-06-25 21:01:58
1568
转载 JS 面向对象之原型链
对象的原型链只要是对象就有原型原型也是对象只要是对象就有原型, 并且原型也是对象, 因此只要定义了一个对象, 那么就可以找到他的原型, 如此反复, 就可以构成一个对象的序列, 这个结构就被成为原型链原型链到哪里是一个头?一个默认的原型链结构是什么样子的?（当前对象->构造函数.prototype->Object.prototype->null）原型链结构对已知语法结构有什么修正?...
2018-06-25 20:15:49
192
转载 javascript原型
1. proto以前要访问原型，必须使用构造函数来实现，无法直接使用实例对象来访问原型 火狐最早引入属性__proto__，表示使用实例对象引用原型. 但是早期是非标准的。 通过该属性可以允许使用实例对象直接访问原型 function Person() {} // 神秘对象就是 Person.prototype // 那么只有使用 构造函数 才可以访问它 v...
2018-06-25 10:56:45
153
原创 js代码重复？用原型
原型的概念：神秘对象针对构造函数称为“原型属性”，简称原型。function o（）{}；var p=new o();o.prototype叫做原型属性使用原型1），利用对象的动态特性 * 构造函数.prototype.xxx=vvv;2），利用直接替换 Student.prototype={ sayHello:function(){ }, study:func...
2018-06-23 10:18:02
522
原创 Javascript的增删改查
javaScript的增删改查###获取元素1,标准DOM API document.getElementById document.getElementsByTagName document.getElementsByName document.getElementsByClassName document.querySelectorAll2，亲属访问3...
2018-06-21 16:29:24
493
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人