- 博客(48)
- 资源 (1)
- 收藏
- 关注
原创 flex-grow和flex的区别
在display:flex样式作用下,flex-grow和flex都具有对子元素宽度和高度放大的作用;flex-grow的计算公式:剩余空间为弹性盒子剩余宽度然后根据比例分配flex计算公式:剩余空间为弹性盒子剩余宽度与进行flex的子元素的宽度之和。然后根据比例分配。...
2021-04-24 13:46:51
1541
原创 前端实用工具
1.https://www.caniuse.com/ 查看使用的属性是否兼容对应的浏览器2.https://tableconvert.com/?output=json 转换数据格式支持json .xhtml 等3.https://neumorphism.io/#8000ff在线生成button样式4.https://uigradients.com/#Sherbert渐变样式分享5.Wappalyzer谷歌插件,可以检测出网站使用什么技术开发...
2020-08-16 14:08:02
212
原创 用jquery实现页面滚动时展现动感的元素效果(有插件可实现!)
1.用jquery + animate.css实现functionanimate(){vara=$(".main-service").offset().top;//元素到浏览器顶部的距离if(a>=$(window).scrollTop()&&a<($(window).scrollTop()+...
2020-01-16 23:23:22
1149
原创 小程序使用 "onReachBottom" 实现上拉刷新延迟问题
1.页面有无使用到fixed样式,去掉fixed就可以正常刷新,不会延迟2.假如页面布局需要使用到固定定位,可以使用scroll-view组件,在组件里面使用绝对定位,组件高度设为100%;3.使用弹性布局结合scroll-view,顶部高度写死,scroll-view设置flex-grow:1;撑满剩余高度。如有不足,欢迎补充!!!...
2019-07-21 00:33:55
1657
原创 小程序计算多出来很多位小数?
其实是JS ' 精确度' 的问题 用toFixed(n)就好了,n为精确到几位price.toFixed(2) //保留两位小数
2019-07-21 00:19:56
2759
1
原创 小程序实现返回上个页面并刷新上个页面的数据?(页面栈)
小程序实现页面B返回页面A并刷新页面A的数据var page = getCurrentPages();1. 获取页面栈var beforePage = pages[pages.length - 2]; 2.获取到页面A的页面栈信息假设initial()为页面A的数据方法,使用 beforePage.initial() ;即可刷新页面A的数据,再使用navigateBack返回上...
2019-07-15 12:22:42
3829
1
转载 如何在公众号关注回复、关键词回复、客服消息回复添加小程序超链接?
<a data-miniprogram-appid=" appid" data-miniprogram-path="/pages/index/index" > 点我跳转到小程序 </a>
2019-03-08 13:15:24
9656
3
原创 小程序之旅(9) 自定义底部导航栏
1.WXML<template name="nav"><view class="tab" bindtap="{{style == '2'? 'goto':''}}"><image src="/images/menu.png" wx:if="{{style == '0'? false:true}}"><
2019-03-05 13:53:45
294
原创 小程序之旅(8) wx.qy.login 坑
在微信开发者工具中调用wx.qy.login会直接报错,这是因为目前开发者工具目前还不支持wx.qy.login企业微信客服回复:目前只能通过企业微信关联小程序后在手机微信上运行调试...
2019-01-11 10:42:36
6008
4
原创 小程序之旅(6) 修改radio标签的默认样式
/* radio未选中的背景颜色 */.radio .wx-radio-input {border: none;background: #454545;box-sizing: border-box;}/* radio钩子背景 */radio .wx-radio-input.wx-radio-input-checked::before {width: 60rpx;...
2018-11-06 23:28:15
468
原创 小程序之旅(5) 根据字符串生成二维码
1.推荐使用weapp.qrcode.js2.github地址:https://github.com/yingye/weapp-qrcode#readme,dist目录下有weapp.qrcode.js使用方法: <canvas style="width: 200px; height: 200px;" canvas-id="myQrcode"></canvas>...
2018-11-06 13:31:54
1924
原创 小程序之旅(3) picker组件渲染问题
1.数组不能是字符串,这样会导致渲染不上2.渲染遇到[object,object] 需要在picker标签中加上 range-key='name' 就可以解决问题。
2018-11-02 10:00:23
1527
原创 解决vue-cli开发ESLint报错问题
我使用的是vscode编辑器,之前脚手架安装的时候没有下载ESList,解决ESLint的报错问题 需要在vscode编辑器中安装一个插件(ESLint),并在用户设置中进行配置:加入一行配置:"eslint.autoFixOnSave": true,...
2018-09-09 17:52:50
1899
原创 rem + media 的css适配代码
公式 :fontSize = 屏幕宽度 * 100 / 设计图宽度 ,设置为100是方便计算;转换成 rem 除以 100 即可得到,这里的设计图宽度是640px ,当屏幕宽度等于640px时 font-size = 100px,1rem = 100px ,拿到上面的公式当屏幕等于320px时,计算出来的 fontsize 是50px,1rem = 50px; 推荐看下面这篇...
2018-09-06 12:14:57
374
原创 简易移动端导航栏二级制作
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><
2018-08-23 18:53:47
2117
原创 Ajax的原理?
Ajax 的原理简单来说通过 XmlHttpRequest (异步) 对象来向服务器发送异步请求,从服务器获得数据,然后用 js 来操作 DOM 从而来更新页面.这其中最关键的一步就是从服务器获得请求数据.要清楚这个过程和原理,我们必须对 XMLHttpRequest 有所了解....
2018-08-02 22:53:07
166
原创 git使用
0.git clone:克隆线上的代码1.git init:初始化操作2.git add -A:把文件由工作区提交暂存区3.git commit -m "提示说明":提示说明4.git push :推送到远程5.git checkout 分支名 :切换分支6.git branch :查看分支7.git brach 分支名: 创建分支 ...
2018-07-29 00:33:23
147
原创 vscode编辑器必备的插件和前端常用小工具
一,vsco插件1.open in browser 打开浏览器2.sublime text keymap and settings importer sublime快捷键3.material theme 主题4.material icon theme 图标主题5.js-css-html formatter 格式化代码6.background 背景图片7.Vue ...
2018-07-28 03:10:08
1878
原创 javascript--什么是构造函数和实例化对象
比如我们常见的声明数组就是标准的构造函数:var array = new Array();实例化对象就是创建对象的过程举例: function Person(){} //Person构造函数 var p=new Person(); //Person构造函数创建对象,也可叫做实例化 ...
2018-07-25 12:04:52
1323
原创 移动端抖动解决样式
在图片的父元素上添加overflow:hiddenwidth:100%height:0padding-bottom:(图片高 / 宽 )百分比background:#eee
2018-07-23 19:24:49
3087
1
原创 安装vue-cli完以后执行npm run dev 不会自动打开网页?
安装完vue-cli以后执行npm run dev后出现这个:我们只需要在config/index.js里面把autoOpenBrowser:false;改为true就行了!
2018-07-23 10:12:48
2342
原创 vue父传子,子传父的描述
父传子:在父组件用v-bind绑定一个值,在子组件中用props接受父组件绑定的值子传父:先在子组件中定义一个方法,然后在子组件方法中使用this.$emit,this.$emit有两个参数,第一个是"自定义函数",第二个就是传递的参数值;然后在父组件中使用v-on来监听子组件方法中使用的this.$emit的自定义函数,其实就相当于click事件,触发一个方法,那通过执行子组件中定义的方法从...
2018-07-21 16:04:49
1291
转载 什么是MVVM?
MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象。在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,Mode...
2018-07-19 14:19:55
1522
原创 vuex的理解和使用
vuex理解:vuex的状态存储是响应式的,当vue组件从store中读取状态的时候,若store中的状态发生变化,那么相应的组件 也会得到相应的高效更新vuex的使用:vuex有四个属性,state定义公共数据,mutations定义修改公共数据逻辑的方法,actions里面提供一个通过commit方法来调用mutations里面定义的方法,最后通过在组件中使用this.$store...
2018-07-18 18:37:37
744
原创 我对vue的理解
vue是构建用户界面的渐进式框架,与jquery相比,vue采用双向数据绑定的机制,简化了dom的操作(不用重写大量的 html标签)性能和体验也有一定的优化,让使用者更加专注于业务逻辑,使用起来也更加方便。...
2018-07-18 18:35:53
361
转载 什么是闭包?
闭包是javascript的一大难点,也是它的特色,很多高级应用都要依靠闭包来实现。1.变量作用域要理解闭包,首先要理解javascript的特殊的变量作用域变量的作用域无非就两种:全局变量和局部变量javascript语言的特别之处就在于:函数内部可以直接读取全局变量,但是在函数外部无法读取函数内部的局部变量注意点:在函数内部声明变量的时候,一定要使用var命令2.如何从...
2018-07-17 11:57:03
219
转载 cookie和session 的理解
cookie 和 session 的目的是追踪用户会话,标识用户,让服务器知道是谁在访问网站。cookie 是保存在客户端的用户信息,在浏览器首次访问服务器时由服务器创建并发给客户端,浏览器收到cookie后会根据cookie时效,选择cookie内容保存在内存或硬盘。当浏览器再次访问服务器是会在请求中携带cookie。session 是保存在服务端的用户信息,服务器为每个会话创建一个sessio...
2018-07-11 20:11:43
236
转载 jquery判断元素有没有此类名
<script> $("div").hasClass("className");// 返回的是true或者是false; if($("div").hasClass("className") == false){ alert("不存在此类名"); } if($("div").hasClass("className&q
2018-03-09 15:40:43
7023
1
转载 判断滚动条是否停止滚动
<script> let m1 = 0; // 滚动的值 let m2 = 0; // 对比时间的值 let timer = null; document.onscroll = function() { clearTimeout(timer) // 每次滚动前 清除一次 timer = setTimeout(function() { ...
2018-03-05 12:41:59
2306
原创 在线代码库cdn
在线框架和插件:http://www.bootcdn.cn;使用boostrarp框架为例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w
2018-03-04 12:57:05
670
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人