加载中
前端入门需要具备的技能

入行近3年,整理了下前端入行所需要到的一些技能,可能还不完善,欢迎补充。 所需要的使用的工具: 编程工具:vscode,sublime ---- 目前工作中用的比较多的前端编辑工具,推荐vscode,界面看...

06/12 14:16
17
前端吸顶功能,滚动到一定位置时固定到顶部

适用环境:菜单滑动后固定,搜索框的固定 (只做全了功能,没有写完美样式,明白原理,样式可自行调整,为了区分效果,颜色反差比较明显)先看图: 下面贴上代码 <!DOCTYPE html> <html lan...

06/11 15:06
16
小程序之设置全局变量与改变全局变量的值

1.设置全局变量 根据小程序官方文档可知,小程序app.js文件内有一个globalData函数,可以在其中定义所需要的全局变量。 app.js App({ //当小程序初始化完成时,会触发 onLaunch(全局只触发...

小程序之实现列表切换与滚动加载

先看效果图: 基于touchUI WX开发,片段来自码云 wallpaper 项目 贴上代码: <template> <view class="collect"> <view class="title-wire"></view> <!-- 横屏竖屏 --> <scroll-view c...

小程序之实现滚动加载

完整代码,片段来自码云 wallpaper 项目 <template> <view class="all"> <view class="title-wire"></view> <scroll-view scroll-y='true' style="height:{{height}}px" bindscro...

小程序之botton默认带边框的问题

<button class="download"></botton> 加入botton默认带边框颜色,如图所示 设置了border:none;后还是存在 后面发现默认样式是设置在了button::after{}伪类样式里面,所以即使设置边框为none还...

小程序之点击改变图标样式

1.小程序点击改变样式最好不要用 if else方式去判断来实现,这样类似VUE的写法实现不了。 正确的写法如下: .wx页面 <view class="download" bindtap="toCollect"> <block wx:if="{{isCollec...

05/24 18:09
114
git克隆代码能够识别中文路径

第一步: git config --global core.quotepath false 第二步: git clone https://gitee.com/lemon_e/XXXXX...

小程序之wx:for通过data自定义标签传值和setData的使用

1.循环事件用wx:for,点击事件用bindtap,通过data-xxxx自定义标签传值 <scroll-view class="scroll-view_H scrollview" scroll-x="true" style="width: 100%"> <view class="classList" wx:...

05/24 18:06
45
js工作记录

2017.08.28 1.给js静态文件加随机数,清除缓存。 <script type="text/javascript"> document.write("<script src='../js/pay/weixinpay.js?v=" + new Date().getTime() + "' > <\/script>")...

05/18 10:24
1
vue笔记

2017.11.15 1.vue嵌套循环 <div class="trade_title">请选择您所属的行业</div> <div class="teade_list clearfix"> <ul class="clearfix"> <li class="teade_listcont" v-for="(item,index)...

05/17 14:37
8
19 个 JavaScript 常用的简写技术

## 分享 ## 1.三元操作符 当想写if...else语句时,使用三元操作符来代替。 const x = 20;let answer;if (x > 10) { answer = 'is greater'; } else { answer = 'is lesser'; } 简写: const ...

05/17 14:36
5
了解真实的『REM』手机屏幕适配

rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等比缩放的方式达到设计图要求的效果。 rem 的官方定义『...

05/17 14:29
8
vue实现距离购买日期提示

// 距离当天时间长度显示 Vue.filter('historytime', function (str) { let now = new Date().getTime() let oldTime = new Date(str).getTime() let difference = now - oldTime let resul...

05/17 14:20
8
快应用quickapp快速入门教程 by五个半柠檬2

一、更改文档目录 因为第一次写还不熟悉,我先不动官方自动生成的目录,修改后如下图: 新建了一个views文件夹,以后项目的文件我就放里面了 新建目录后当然是更改路由配置了,不然怎么访问呢...

05/17 14:19
12
限制input小数点及位数

- HTML ``` <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>小数点限制</title> <meta content="app-id=51896650...

05/17 14:17
28
移动端唤起键盘时取消position:fixed定位

移动端唤起键盘时取消position:fixed定位

05/17 14:16
10
使用css完成引导用户按照流程完成任务的进度导航条

> 首先先看设计稿 图中的12345便是主角进度条。 分析需求如下: 线的长度不固定,适应移动端和pc端 点平均地分布在一条线上 点的个数不固定,可能会改变 激活的点之间线的颜色是绿色的 两种种...

05/17 14:15
6
vue图片上传demo

vue图片上传demo

05/17 14:12
74

没有更多内容

加载失败,请刷新页面

下一页

返回顶部
顶部