LeeNingfeng的博客

原创 flex-grow和flex的区别

在display:flex样式作用下，flex-grow和flex都具有对子元素宽度和高度放大的作用;flex-grow的计算公式：剩余空间为弹性盒子剩余宽度然后根据比例分配flex计算公式：剩余空间为弹性盒子剩余宽度与进行flex的子元素的宽度之和。然后根据比例分配。...

原创 前端实用工具

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谷歌插件，可以检测出网站使用什么技术开发...

原创 用jquery实现页面滚动时展现动感的元素效果（有插件可实现！）

1.用jquery + animate.css实现functionanimate(){vara=$(".main-service").offset().top;//元素到浏览器顶部的距离if(a>=$(window).scrollTop()&&a<($(window).scrollTop()+...

原创 小程序使用 "onReachBottom" 实现上拉刷新延迟问题

1.页面有无使用到fixed样式，去掉fixed就可以正常刷新，不会延迟2.假如页面布局需要使用到固定定位，可以使用scroll-view组件，在组件里面使用绝对定位，组件高度设为100%；3.使用弹性布局结合scroll-view，顶部高度写死，scroll-view设置flex-grow:1;撑满剩余高度。如有不足，欢迎补充！！！...

原创 小程序计算多出来很多位小数？

其实是JS ' 精确度' 的问题 用toFixed(n)就好了，n为精确到几位price.toFixed(2) //保留两位小数

原创 小程序实现返回上个页面并刷新上个页面的数据？（页面栈）

小程序实现页面B返回页面A并刷新页面A的数据var page = getCurrentPages()；1. 获取页面栈var beforePage = pages[pages.length - 2]; 2.获取到页面A的页面栈信息假设initial()为页面A的数据方法，使用 beforePage.initial() ；即可刷新页面A的数据，再使用navigateBack返回上...

原创 小程序有fixed定位模态框实现禁止页面跟随滚动

在模态框上加上catchtouchmove='true'

转载 如何在公众号关注回复、关键词回复、客服消息回复添加小程序超链接?

&lt;a data-miniprogram-appid=" appid" data-miniprogram-path="/pages/index/index" &gt; 点我跳转到小程序 &lt;/a&gt;

原创 小程序之旅(9) 自定义底部导航栏

1.WXML&lt;template name="nav"&gt;&lt;view class="tab" bindtap="{{style == '2'? 'goto':''}}"&gt;&lt;image src="/images/menu.png" wx:if="{{style == '0'? false:true}}"&gt;&lt;

原创 小程序之旅(8) wx.qy.login 坑

在微信开发者工具中调用wx.qy.login会直接报错，这是因为目前开发者工具目前还不支持wx.qy.login企业微信客服回复：目前只能通过企业微信关联小程序后在手机微信上运行调试...

原创 小程序之旅(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;...

原创 小程序之旅(5) 根据字符串生成二维码

1.推荐使用weapp.qrcode.js2.github地址：https://github.com/yingye/weapp-qrcode#readme，dist目录下有weapp.qrcode.js使用方法： &lt;canvas style="width: 200px; height: 200px;" canvas-id="myQrcode"&gt;&lt;/canvas&gt...

原创 小程序之旅(4) 安卓和ios样式兼容问题

布局尽量不要用padding，使用flex布局。

原创 小程序之旅(3) picker组件渲染问题

1.数组不能是字符串，这样会导致渲染不上2.渲染遇到[object,object] 需要在picker标签中加上 range-key='name' 就可以解决问题。

原创 vue引入bootstrap

bootstrap是依赖jqueryd的，所以下载之前需要使用npm安装jquery

原创 用JS做rem适配

公式 ：fontSize = 屏幕宽度 * 100 /  设计图宽度 ，设置为100是方便计算；

原创 解决vue-cli开发ESLint报错问题

我使用的是vscode编辑器，之前脚手架安装的时候没有下载ESList，解决ESLint的报错问题       需要在vscode编辑器中安装一个插件(ESLint)，并在用户设置中进行配置：加入一行配置："eslint.autoFixOnSave": true，...

原创 rem + media 的css适配代码

公式 ：fontSize = 屏幕宽度 * 100 /  设计图宽度 ，设置为100是方便计算；转换成 rem 除以 100 即可得到，这里的设计图宽度是640px ，当屏幕宽度等于640px时 font-size = 100px，1rem = 100px ，拿到上面的公式当屏幕等于320px时，计算出来的 fontsize 是50px，1rem = 50px； 推荐看下面这篇...

原创 简易移动端导航栏二级制作

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;&lt

原创 Ajax的原理？

Ajax 的原理简单来说通过 XmlHttpRequest (异步) 对象来向服务器发送异步请求,从服务器获得数据,然后用 js 来操作 DOM 从而来更新页面.这其中最关键的一步就是从服务器获得请求数据.要清楚这个过程和原理,我们必须对 XMLHttpRequest 有所了解....

原创 vue 购物车描述

原创 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 分支名： 创建分支 ...

原创 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 ...

原创 javascript--什么是构造函数和实例化对象

比如我们常见的声明数组就是标准的构造函数：var array = new Array();实例化对象就是创建对象的过程举例： function Person(){} //Person构造函数 var p=new Person(); //Person构造函数创建对象,也可叫做实例化 ...

原创 移动端抖动解决样式

在图片的父元素上添加overflow:hiddenwidth:100%height:0padding-bottom:（图片高 / 宽 ）百分比background:#eee 

原创 安装vue-cli完以后执行npm run dev 不会自动打开网页？

安装完vue-cli以后执行npm run dev后出现这个：我们只需要在config/index.js里面把autoOpenBrowser:false；改为true就行了！

原创 移动端用户屏幕缩小放大无效！

原创 vue父传子，子传父的描述

父传子：在父组件用v-bind绑定一个值，在子组件中用props接受父组件绑定的值子传父：先在子组件中定义一个方法，然后在子组件方法中使用this.$emit，this.$emit有两个参数，第一个是"自定义函数",第二个就是传递的参数值；然后在父组件中使用v-on来监听子组件方法中使用的this.$emit的自定义函数，其实就相当于click事件，触发一个方法，那通过执行子组件中定义的方法从...

转载 如何在select标签中使用a标签跳转页面

原创 vue钩子函数

每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理不同逻辑

转载 什么是MVVM？

MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Mode...

原创 vuex的理解和使用

vuex理解：vuex的状态存储是响应式的，当vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件   也会得到相应的高效更新vuex的使用：vuex有四个属性，state定义公共数据，mutations定义修改公共数据逻辑的方法，actions里面提供一个通过commit方法来调用mutations里面定义的方法，最后通过在组件中使用this.$store...

原创 我对vue的理解

vue是构建用户界面的渐进式框架,与jquery相比,vue采用双向数据绑定的机制,简化了dom的操作(不用重写大量的  html标签)性能和体验也有一定的优化,让使用者更加专注于业务逻辑,使用起来也更加方便。...

转载 什么是闭包？

闭包是javascript的一大难点，也是它的特色，很多高级应用都要依靠闭包来实现。1.变量作用域要理解闭包，首先要理解javascript的特殊的变量作用域变量的作用域无非就两种：全局变量和局部变量javascript语言的特别之处就在于：函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量注意点：在函数内部声明变量的时候，一定要使用var命令2.如何从...

原创 js全局变量污染

什么叫全局变量污染：就是直接给window添加属性和方法，污染全局变量的后果就是，在多人开发中，容易造成命名的冲突

转载 cookie和session 的理解

cookie 和 session 的目的是追踪用户会话，标识用户，让服务器知道是谁在访问网站。cookie 是保存在客户端的用户信息，在浏览器首次访问服务器时由服务器创建并发给客户端，浏览器收到cookie后会根据cookie时效，选择cookie内容保存在内存或硬盘。当浏览器再次访问服务器是会在请求中携带cookie。session 是保存在服务端的用户信息，服务器为每个会话创建一个sessio...

原创 按下当前键获取所对应的数字

点击这里,进入以后按任意数字，就会显示。

转载 jquery判断元素有没有此类名

&lt;script&gt; $("div").hasClass("className");// 返回的是true或者是false; if($("div").hasClass("className") == false){ alert("不存在此类名"); } if($("div").hasClass("className&q

转载 判断滚动条是否停止滚动

&lt;script&gt; let m1 = 0; // 滚动的值 let m2 = 0; // 对比时间的值 let timer = null; document.onscroll = function() { clearTimeout(timer) // 每次滚动前 清除一次 timer = setTimeout(function() { ...

原创 在线代码库cdn

在线框架和插件：http://www.bootcdn.cn；使用boostrarp框架为例：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-w