- 博客(22)
- 收藏
- 关注
RSS订阅转载 前端js——JavaScript闭包
JavaScript闭包闭包就是子函数可以有权访问父函数的变量、父函数的父函数的变量、一直到全局变量。归根结底,就是利用js的词法(静态)作用域,即作用域链在函数创建的时候就确定了。 子函数如果不被销毁,整条作用域链上的变量仍然保存在内存中。为什么引入闭包的概念（《深入理解JavaScript系列:闭包(Closures)》详细见这里）function testFn() { v...
2019-07-25 13:36:58
262
1
转载 前端css——小总结
css1.css常用布局为盒模型div+css、其中需要注意的IE的怪异盒模型，通常用box-sizing解决。传统盒模型布局方式中我们可以细分为文档流布局、浮动布局、定位布局。在ie10+中我们可以使用flex布局，最为核心的容器和轴的概念。二维布局中，我们可以使用Grid布局。对于三栏布局，除了浮动实现方式，还有双飞翼布局和圣杯布局（上一篇文章双飞翼布局和圣杯布局有说明）。其实双飞翼布...
2019-07-25 11:19:28
428
转载 vue进阶（一）——npm安装和vue运行
在开始时需要检查电脑中是否已经安装了node.js和vue，window+R后输入cmd调出命令窗口，然后输入node -v回车进行查看，输入vue -V（注意V一定记得大写）回车查看电脑是否安装及安装版本，如果是已经安装过了就无需再安装了。如果都没有安装过，那么按顺序执行以下一、开始：下载地址：http://nodejs.cn/download/下载安装：...
2019-07-24 16:24:36
390
原创 圣杯布局和双飞翼布局的作用和区别
圣杯布局和双飞翼布局解决的问题是一样的，都是两边顶宽，中间自适应的三栏布局，中间栏要放在文档流前面以优先渲染。圣杯布局和双飞翼布局解决问题的方案在前一半是相同的，也就是三栏全部都是float浮动，但左右两栏加上负margin让其跟中间栏div并排，以形成三栏布局。不同在于解决‘中间栏div内容不被遮挡’问题的思路不一样：圣杯布局，为了中间div内容不被遮挡，将中间div设置了左右pad...
2019-07-24 11:26:39
309
转载 （转载）H5微信开发iOS真机上input调起软键盘后不回弹的解决方案
问题描述：input输入在iOS的微信中调起软键盘之后，输入完成收起软键盘的时候页面下方（原来软键盘的位置）有空白，这将导致下方fixed定位按钮失效等问题，解决方案：通过给input添加失去焦点事件，触发该事件的时候使页面自动滑动到顶部，亲测有效，代码如下：$("input").blur(function(){ setTimeout(function() { ...
2019-07-02 10:22:40
228
原创 apicloud退出登录跳转登录页
//退出APP logout () { $api.clearStorage(); api.openWin({ name: 'login', url: './login.html', pageParam: { id:0 ...
2019-04-28 09:27:00
1964
原创 JS——动态显示年月日星期时分秒
<html><head><meta http-equiv="Content-Type” content="text/html; charset=utf-8"><title>动态显示年月日星期时分秒</title><script type="text/javascript">var
2019-02-25 13:55:32
924
1
原创 微信小程序—小知识
一 小程序中没有的标签：a标签，div标签，需要点击元素跳转时有两种办法： ①在wxml页面中使用navigate标签 例如：<navigator url="../main/index">sdsfgf</navigator> 注意：url中的地址只能写在app.js中注册过的页面。 不然报错： ②绑定bindtap事件，然后在点击的时候...
2018-08-31 15:10:52
956
原创 JS的IIFE
1.什么是IIFE?IIFE: Immediately Invoked Function Expression，意为立即调用的函数表达式，也就是说，声明函数的同时立即调用这个函数。不采用function foo(){ var a = 10; console.log(a);} foo();采用(functionfoo(){ vara=10; conso...
2018-08-31 15:10:47
780
原创 css内边距与外边距的区别
你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用 padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？……写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打算...
2018-08-31 15:10:41
11434
原创 前端工程师必备的几个实用网站
一、配色类网站http://colorhunt.co这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。https://webgradients.com/180种渐变方案供你选择，还可以直接复制CSS样式应用到网页中https://color.adobe.com/z...
2018-08-31 15:10:33
327
原创 web前端规范
HTML原则1.规范 。保证您的代码规范，保证结构表现行为相互分离。2.简洁。保证代码的最简化，避免多余的空格、空行，保持代码的语义化，尽量使用具有语义的元素，避免使用样式属性和行为属性。任何时候都要用尽量简单、尽量少的元素解决问题。3.实用。遵循标准，但是不能以牺牲实用性为代价。4.忠诚。选择一套规范，然后始终遵循。不管代码由多少人参与，都应该看起来像一个人写的一样语法...
2018-08-31 15:10:26
174
原创 Jquery实用笔记
一, JQuery的用法 1. 首先要下载Jquery的js文件,并在需要使用JQuery的html文件的<head>标签加载该js文件 : <script type="text/javascript" src="js/jquery.js"></script> 并在下一行输入JQuery代码 : <script&...
2018-08-31 15:10:11
163
原创 微信小程序—数据绑定和简单的运算
1.简单用法：Page({ data: { message: '张三' }}) /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var content1={ date: "2020年 10月 8日 ", title："时间群" , ...
2018-08-31 15:10:01
1912
原创 微信小程序—判断参团人数（设置拼团剩余人数数组）
条件：已知还差几人成团的人数，差几人就有几个默认头像思路：将还差几人重新赋值后，判断还差几人是否>0,利用for循环将默认的头像push到页面循环的数组内wxml代码：<view class="font-14">还差 <text style='color:#e64340'>{{collage.people_num-collageTeam.join...
2018-08-31 15:09:55
3054
1
原创 微信小程序—开团是限购数量
展示效果如下：两个底部用的是一个弹框，利用submit_type的类型不一样来进行区分哪个是单独购买哪个是包邮开团wxml代码如下： <view class="num-box"> <view class="weui-media-box__bd"> <view class="promotion-sku clear">..
2018-08-31 15:09:47
1422
原创 微信小程序—批量倒计时（格式：06:58:30）
//适用于商品列表倒计时/** * end_time int 结束时间 * param int 数组键 */1.展示效果如下：2.wxml代码：<p class="promotion-label-tits">仅{{item.endtime}}</p>3.js代码： //封装的倒计时方法//批量倒计时function grouponcount...
2018-08-31 15:09:38
2009
原创 微信小程序（一）
准备工作下载地址（https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=201716）然后扫码进入微信公众号，他会自动获取你的公众号和微信创建项目1.添加项目2.项目目录是该项目位置；AppID如果没有可选择测试账号或注册；项目名称可以随便起快速创建小程序模板需...
2018-08-31 15:09:28
385
原创 微信小程序（二）
一个页面的具体实现原理页面的构成上一篇有提到过如何增加页面（在app.json中加入pages的路径，名称随便起系统会自动创建出来）之前创建了一个页面叫做logs，logs里面包含四个文件* addpage.js、addpage.json、addpage.wxml、addpage.wxss*这四个对应的作用是什么呐？ addPage.js 页面数据的存储，网络请求的加载都是在这里...
2018-08-31 15:09:15
454
原创 微信小程序—动态显示项目倒计时（格式：6天6小时58分钟39秒）
1、展示的效果如下2、wxml代码：<!--倒计时 --><text wx:if="{{clock!=''}}">仅剩{{clock}}</text><text wx:if="{{clock==''}}">已经截止</text>3、js代码：在拼团项目中获取到活动结束时间的格式为一下格式因该格式无法正常...
2018-08-31 15:09:06
10185
5
原创 box-sizing
box-sizing 属性用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。可以使用此属性来模拟不正确支持CSS盒子模型规范的浏览器的行为。/* 关键字 值 */box-sizing: content-box;box-sizing: border-box;/* 全局 值 */box-sizing: inherit;box-sizing: initial;box-sizi...
2018-08-31 15:09:01
984
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人