- 博客(18)
- 资源 (2)
- 收藏
- 关注
原创 小程序如何定义“当前页面”的全局变量
曾经有一个问题困扰我很久当前页面的全局变量写在哪里?注意,是当前页面,就是我在index.js里面定义的,在整个index.js里面都能使用。其他的js都不能使用的那种以下有三种方法1. 使用setData只要有过小程序编程经历的应该都知道可以使用setData来解决这个问题但是如果你有太多变量,并且有的变量还不会参与渲染页(用户不会看见),那这时候setData是行不通的(详细...
2019-02-15 14:35:28 5117
原创 微信小程序——底部导航tabBar
一.最简单的底部导航在全局配置 app.json 中添加 , 所有小程序的页面都会显示出来示例:{ ...... "tabBar": { "list": [ { "pagePath": "pages/index/index", "iconPath":"", "text": "首页
2019-01-25 20:15:59 1111
原创 微信小程序——底部导航tabBar
一.最简单的底部导航在全局配置 app.json 中添加 , 所有小程序的页面都会显示出来示例:{ ...... "tabBar": { "list": [ { "pagePath": "pages/index/index", "iconPath":&quo
2019-01-16 14:48:30 1527
原创 选择图片文件(可拖动)并上传功能的实现——js对象
一 . 具体效果二 .大略实现流程和设计思路大略流程设计思路将整个模块封装到jquery插件中,直接通过调用插件来实现。整个选择图片上传模块有包括三大对象,分别是:(a)uploadTools(上传工具): 初始化界面和所有界面上的工具,并为他们绑定相应的uploadEvent事件(b)uploadEvent(事件处理): 定义事件处理函数(c)uploadFileList(文...
2019-01-08 20:24:57 1775
原创 2018,一个前端小白的实习生涯。
2018年,还有一天就换年啦,这一年冬天,本应该在学校被子里瑟瑟发抖的我来到了深圳,太阳那叫一个暖啊2018年我做了啥呢?猛的一想,感觉这是我最有成就感的一年了,但是细细想来,又不知道做了什么,奇怪 ╮(╯▽╰)╭2018最让我自豪的事情应该是终于不用靠爸妈了!!!虽然来到了深圳这个大城市,只拿着每月三千的实习公司,但一点也不觉得苦,倒觉得不管是上班的日子还是不上班的日子,都是开心的日子,...
2018-12-29 17:34:59 7480 17
原创 js对象——继承(2)
继承分为接口继承和实现继承,但由于接口继承只继承方法签名,而函数没有签名,所以ECMAScript只支持实现继承(实现继承继承实际的方法)。实现继承主要是依靠原型链来实现的。一. 原型链1.基本思想:利用原型让一个引用类型继承另一个引用类型的属性和方法回顾一下构造函数,原型,实例的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针...
2018-12-20 17:08:31 171
原创 js对象——创建对象(1)
创建多个相似对象时使用的方法:1. 工厂模式//工厂模式function createPerson(name,age,job){ var o=new Object(); o.name=name; o.age=age; o.job=job; o.sayName=function(){ alert(this.name); }; return o; //将创...
2018-12-19 09:30:59 215
原创 DOM对象与jquery对象的相互转换
遇到一个很神奇的事情:<!--html--> <div id="content"> <a onclick="closeIt(this)" id="close" href="#">点我</a> </div> <!--javascript-->
2018-11-27 15:45:24 369
原创 将字符串转化为变量名的几种方法
参考:https://segmentfault.com/a/1190000017114522头条面试题:实现一个get函数,使得下面的调用可以输出正确的结果const obj = { selector: { to: { toutiao: "FE Coder"} }, target: [1, 2, { name: 'byted'}]};get(obj, 'selector.to.toutia...
2018-11-24 15:55:30 17169 2
原创 整理原始CSS代码的小工具
从网页上F12看到的链接,所对应的CSS代码是不是杂乱无章,让你无从下手呢。这个小工具可以帮你把你要一个一个回车才能很好看清的代码瞬间变得整洁无比,让你一眼就找到你的class1.效果:整理前:整理后:2.使用工具:node3.原理:遇到 } 就换行4.代码://betterFile.jsvar fs=require(&quot;fs&quot;);var data=fs.readFileSyn...
2018-11-05 16:15:27 807
原创 除去google浏览器input框聚焦时的边框
谷歌浏览器的默认input框聚焦时会有一个蓝色的边框,怎么去掉呢?outline: none;input:focus{ outline: none; }
2018-10-29 15:46:32 2474
原创 JS实现抽奖转盘
超级简单的原理:点击转盘指针后随机得到一个数(每个数字对应一个奖项),并确定每个奖项在轮盘上的大概角度,然后调用 jqueryRotate.js插件来转动轮盘,并停在奖品的对应角度。使用的插件jquery.jsjqueryRotate.js //旋转插件实现的效果实现代码HTML&amp;amp;amp;lt;html&amp;amp;amp;gt;&amp;amp;amp;lt;head&
2018-10-26 15:40:34 26693 6
原创 使Atom支持微信小程序代码格式wxml,wxss有颜色(高亮)
在用Atom来浏览或者编辑微信小程序时的界面时全灰色文字怎么办?!!如何让wxml和wxs格式的代码像HTML,CSS变成高亮的呢。。就像这样 ↓↓↓↓↓↓↓修改步骤如下1.在Atom中装插件①language-vue②atom-wx //主要支持wxss,wxml代码高亮2.找到config.cson文件,在core中加入下面一行代码config.cson在哪里?!!f...
2018-10-23 09:26:22 1759
原创 导航器 React Navigation
一 .react-navigation包含以下功能来帮助你创建导航器:StackNavigator : 一次只渲染一个页面,并提供页面之间跳转的方法。 当打开一个新的页面时,它被放置TabNavigator : 渲染一个选项卡,让用户可以在几个页面之间切换DrawerNavigator : 提供一个从屏幕左侧滑入的抽屉二.图片与代码实现1.StackNavigatorSt...
2018-10-19 16:31:40 207
原创 进度条 箭头进度条的实现(伪元素的使用)
一.实现效果简易代码效果二.完整代码<html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" con
2018-10-19 16:28:40 1435
原创 背景 实现可以兼容所有浏览器的渐变背景
1.代码&lt;!-- 参考:http://www.runoob.com/css3/css3-gradients.html --&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;style&gt; *{ padd
2018-10-19 16:25:51 211
原创 导航 headroom详细使用方法
headroom官网(中文版):http://www.bootcss.com/p/headroom.js/headroom官网(国外版):http://wicky.nillia.ms/headroom.js/headroom在线使用地址:https://npmcdn.com/headroom.js@0.9.4/dist/headroom.jsheadroom–Playroom:http://...
2018-10-19 16:23:01 1169
拖动图片并上传的完整代码和详细流程图
2019-01-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人