- 博客(71)
- 收藏
- 关注
RSS订阅转载 label语句
在javascript中，我们可能很少会去用到 Label 语句，但是熟练的应用 Label 语句，尤其是在嵌套循环中熟练应用 break, continue 与 Label 可以精确的返回到你想要的程序的位置。label语句语法label:statement示例：start:for(var i = 0; i < 5; i++){ console.lo...
2019-08-12 23:46:00
223
转载 node.js入门（五）认识express和express-static中间件文件静态管理
一、Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性：1、可以设置中间件来响应 HTTP 请求。2、定义了路由表用于执行不同的 HTTP 请求动作。3、可以通过向模板传递参数来动态渲染 H...
2019-05-21 17:52:00
370
转载 node.js（四）小结
用之前的内容写一个简单的注册登录const http = require('http')const urlLib = require('url')const fs = require('fs')const querystring = require('querystring')var users = {} // {"name":"password"} 模拟数据...
2019-05-20 15:27:00
185
转载 node.js入门（三）http数据解析
在很多场景中，我们的服务器都需要跟用户的浏览器打交道，如表单提交。表单提交到服务器一般都使用 GET/POST 请求。1、由于GET请求直接被嵌入在路径中，URL是完整的请求路径，包括了?后面的部分，因此你可以手动解析后面的内容作为GET请求的参数。项目根目录新建server.js 和 form.htmlserver.jsconst http = require(...
2019-05-20 10:35:00
203
转载 node.js入门（二）文件系统
服务端对文件进行读、写是很常用的功能，那么怎么实现读、写?使用fs模块，fs模块又两个方法readFile()和writeFile()，两个方法就是对文件进行读、写的1、读取文件使用readFile(fileName,callback)方法，该方法接受两个参数，fileName：需要读取的文件名；callback：读取的回调函数，回调函数有两个参数 分别为err读取错误，和...
2019-05-05 16:12:00
80
转载 node.js入门（一）搭建一个简单的服务
1、先在项目下新建一个server.js，任何浏览器和服务器的通讯都是通过http来完成的，所以先引入http模块（这是一个系统模块）const http = require('http')2、既然引入了那就要使用它，通过他的createServer()方法创建服务；创建服务之后还要添加监听的端口，这样才知道你找的是谁，监听端口使用listen()方法c...
2019-05-05 11:33:00
112
转载 微信小程序input安卓获取不了全英文的值
问题：在安卓系统中，部分手机使用系统自带的键盘输入英文，bindinput事件不触发获取不了输入的内容，在输入中文时，要点击键盘的“完成”获取选择内容才触发（输入meishi拼音不会触发bindinput事件，只有在选择“美食”文字才触发）解决办法：使用form表单提交数据可以解决上面的问题；但是form提交也有bug，部分手机获取不了某些input的数据转载于:https://...
2019-05-04 18:18:00
443
转载 微信小程序爬坑---textarea使用wx:if、wx:else、hidden的问题
textarea 最好不要使用hidden、wx:if、wx:else1、需求：“项目名称”获取焦点时，弹出项目列表弹出，input处于获取焦点情况，点击空白地方弹窗消失 结构：除了“备注”是textares（使用了wx:else）,其它的为input 问题：安卓手机首次点击获取焦点，键盘弹起瞬间消失（input失去焦点）但是项目列表弹窗依然显示，再次获取焦点...
2019-05-04 18:06:00
323
转载 js小仓库
1、千分位分隔符const toDecimalMark = num => num.toLocaleString("en-US");console.log(toDecimalMark(12305030388.9087))2、时间戳转时间const setTime = tiemStamp => new Date(parseInt(timeStamp...
2019-03-19 15:51:00
99
转载 微信小程序上传图片
/** * 选择图片上传服务器 * num 允许传几张 */ const uploadImg = function(num, onlyCam = false) { return new Promise((resolve, reject) =&...
2019-03-19 11:47:00
216
转载 实现微信小程序支付
1、在小程序中获取用户的登录信息，成功后可以获取到用户的code值2、把code值传给服务端，服务端请求微信获取用户openid接口，成功后可以获取用户的openid值3、服务器上面请求微信的统一下单接口，下单成功后可以获取prepay_id值4、在微信小程序中支付订单，最终实现微信的支付功能 //获取code getCode() { let that...
2019-03-19 11:43:00
209
转载 小程序点击清除input内的内容不生效
如下图，点击右侧的按钮清除input的内容，当获取焦点时点击按钮是会穿透的清除不了input，使用cover-image和cover-view页面不起作用解决办法：input在左侧，按钮在右侧使他们分开，或侧给input添加padding-right转载于:https://www.cnblogs.com/YAN-HUA/p/10257100.html...
2019-01-11 20:24:00
736
转载 vue 无限级分类导航
递归组件，实现无限级分类导航https://cn.vuejs.org/v2/guide/components-edge-cases.html#%E9%80%92%E5%BD%92%E7%BB%84%E4%BB%B61、向后端请求数据，返回的数据结构长这样子2、对后端返回的数据进行整理，整理为我们想要的结构，整理后数据结构长这样，如果有下级目录就添加children...
2018-11-20 14:45:00
267
转载 移动端滑动时页面惯性滑动overflow-scrolling: touch
-webkit-overflow-scrolling:auto | touch;auto： 普通滚动，当手指从触摸屏上移开，滚动立即停止touch：滚动回弹效果，当手指从触摸屏上移开，内容会保持一段时间的滚动效果，继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。兼容写法：over-flow: auto; /* winphone8和and...
2018-10-25 09:55:00
720
转载 vue 路由传参 、接收参数
传参组件一、<router-link :to='"/main/course?navName=" +item.columnName + "&id=" + item.columnId + "&cid=" + (item.cateSysId?item.cateSysId:-1)'></router-link>接收参数data(){ ...
2018-10-23 15:31:00
259
转载 小程序原生组件层级遮挡其他组件问题
这学习小程序中，仿做其他项目时遇到这种情况，video标签把自定义的导航栏（非小程序的tabBar），在把导航栏的z-index：9999也无济于事，这是因为video等原生组件的层级是最高的，所以无论所以页面中的其他组件无论设置z-index为多少，都无法盖在原生组件上（后插入的原生组件可以覆盖之前的原生组件）好在小程序为我们提供了解决这个问题的办法，那就是cover-view...
2018-10-22 09:30:00
724
转载 小程序图片404错误，使用默认图片替换
image的属性微信小程序图片加载失败显示默认图片，通常情况下：wxml<image class="userinfo-avatar" src="{{avatar}}" binderror="errorFunction"></image>jserrorFunction: function(){ this.se...
2018-10-12 10:13:00
466
转载 JS实现跨域请求数据--CORS
https://www.cnblogs.com/cjw-ryh/p/7674038.html?utm_source=debugrun&utm_medium=referral转载于:https://www.cnblogs.com/YAN-HUA/p/9754591.html
2018-10-08 15:21:00
119
转载 JS实现跨域请求数据--jsonp
* {margin: 0;padding: 0;}input {width: 300px;height: 30px;border: 1px solid lightgray;margin-top: 150px;margin-left: 200px;padding-left: 5px;}ul {width: 307p...
2018-10-08 15:15:00
101
转载 IOS下去掉input submit圆角和背景色错误
在iOS系统下input submit会有圆角，如果添加有背景色，背景色错误，在安卓系统是没有这些问题，可以在input样式加上这段样式input{ -webkit-appearance: none; border-radius: 0;} 转载于:https://www.cnblogs.com/YAN-HUA/p...
2018-10-08 10:37:00
155
转载 IOS下去掉input submit圆角和
在iOS系统下input submit会有圆角，如果添加有背景色，背景色出错，在安卓系统是没有这些问题，可以在input样式加上这段样式input{ -webkit-appearance: none; border-radius: 0;} 转载于:https://www.cnblogs.com/YAN-HUA/p...
2018-10-08 10:36:00
104
转载 ISO端form表单获取焦点时网页自动放大问题
iOS端网页form表单输入信息时，网页自动放大，这是因为meta标签刚开始的时候meta标签是<meta name="viewport" content="width=device-width, initial-scale=1.0">改为<meta name="viewport" content="width=device-width, i...
2018-09-30 17:26:00
170
转载 vue搭建后台管理页面（点击左侧导航，切换右侧内容）
home.vue页面<template> <div style="background-color: #EBEBEB;min-height:900px"> <div style="width:100%;background-color: #636363; overflow: hidden"> <...
2018-09-26 16:20:00
1484
转载 vue2.0 在main.js引入scss文件报错
在vue2.0的main.js中引入scss文件报错原因是在在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test: /\.scss$/, loaders: ['style', 'css', 'sass']}上面那条配置可以省略，因为最新的vue-cli已经是默认配置好sass的（在build/u...
2018-09-25 16:09:00
227
转载 vue 浏览器顶部有载入（进度）动画插件vue-progressbar
1、安装npm install --save nprogress2、在main.js中引入import NProgress from "nprogress"import "nprogress/nprogress.css"3、在main.js中使用路由跳转有progress，加在vue-router的beforeEach和afterEach中...
2018-09-13 14:12:00
123
转载 vue组件中camelCased (驼峰式) 命名与 kebab-case（短横线命名）
HTML 特性是不区分大小写的。所以，当使用的不是字符串模版，camelCased (驼峰式) 命名的 prop 需要转换为相对应的 kebab-case (短横线隔开式) 命名： 如果你使用字符串模版，则没有这些限制。”<!DOCTYPE html><html lang="en"><head> <meta chars...
2018-09-10 11:43:00
306
转载 vue使用echarts
一、安装echarts依赖npm install echarts -S二、引入echarts（1）全局引入main.jsimport echarts from "echarts";然后更改原型链，这样就可以在全局使用通过this.$echarts来全局使用了Vue.prototype.$echarts = echarts;使用图表新建一个组件eleme...
2018-09-07 10:57:00
113
转载 JS 判断节点类型
节点类型的分类节点类型说明值元素节点每一个HTML标签都是一个元素节点，如 <div> 、 <p>、<ul>等1属性节点元素节点（HTML标签）的属性，如 id 、class 、name 等。2文本节点元素节点或属性节点中的文本内容。3注释节点表示文档注...
2018-08-22 14:10:00
584
转载 vue 父组件调用子组件的函数
子组件<template> <div> child </div></template> <script> export default { name: "child", props: "someprops", methods: { chi...
2018-08-21 16:46:00
59
转载 vue 子组件调用父组件的函数
子组件调用父组件的函数，使用$emit(eventName,[...args])，触发当前实例上的事件。附加参数都会传给监听器回调。子组件<template> <div> <div class="warp-mark" v-if="bingGoShow"> <img src="../../assets/re...
2018-08-21 16:34:00
95
转载 JS 打乱数组顺序
function rand(arr) { var len = arr.length //首先从最大的数开始遍历，之后递减 for(var i = arr.length - 1; i >= 0; i--) { //随机索引值randomIndex是从0-arr.length中随机抽取的 var randomIndex = ...
2018-08-06 15:11:00
95
转载 js随机生成[n，m)的数字（不包括m）
Math.random();//随机生成0到1的数字Math.floor();//取小整Math.floor(Math.random()*(最大值 - 最小值) + 最小值)生成2到8的数：Math.floor(Math.random()*(8 - 2) + 2)转载于:https://www.cnblogs.com/YAN-HUA/p/9410578.html...
2018-08-02 22:20:00
106
转载 JS之scrollTop、offsetHeight和offsetTop等属性用法详解和拖拽div
标题中的几个相关相关属性在网页中有这大量的应用，尤其是在运动框架中，但是由于有些属性相互之间的概念比较混杂或者浏览器兼容性问题，导致掌握起来比较有难度，下面就介绍一下相关属性的用法。先来看一张比较经典的示意图:offsetTop属性：返回元素上外边缘距离最近采用定位父元素内壁的距离，如果父辈元素没有采用定位，则获取上外边缘距离文档内壁的距离offsetLeft属性：和o...
2018-08-01 10:10:00
154
转载 vue自定义指令拖动div
钩子函数一个指令定义对象可以提供如下几个钩子函数：bind：只掉用一次，指令第一次绑定到元素是调用，在这里可以进行一次性的初始化设置inserted：被绑定元素插入父节点时调用（仅保证父节点存在，但不一定被插入文档中）update：所在组件的VNode更新是调用，但可能发生在其子VNode更新前。指令的值可能发生了改变，也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新co...
2018-07-31 16:56:00
196
转载 vue入门----------scss的配置使用
1、安装相应的依赖cnpm install sass-loader --save-devcnpm install node-sass --save-dev2、在build文件下的webpack.base.confi.js下面的rules里面添加配置{test:/\.scss$/,loader:["style","css","scss"]}3、修改组件中的s...
2018-07-14 20:53:00
70
转载 vue入门----------路由配置
在使用脚手架搭建好项目后要配置路由1、首先要安装vue-router，你可以在项目的package.json文件中的dependencies项目中添加"vue-route": "版本号"，然后在使用命令行cnpm install安装或者直接使用命令cnpm install vue-router --save进行安装2、安装完成后在src目录下的router文件下的index....
2018-07-14 18:14:00
90
转载 js 获取非行间样式
1、getComputedStyle(nodeObj,false)；该方法是BOM对象，第一个是要获取样式的节点对象；第二个可以写成任何的字符一般写成false或者null，这里最好是用false因为用null IE9+会有问题；后面直接跟要获取的样式（写在方括号中）即可varstyle=getComputedStyle(div,false)['width'];但是该方法具有...
2018-07-04 16:58:00
90
转载 canvas基础入门（二）绘制线条、三角形、七巧板
复杂的内容都是有简单的线条结合而成的，想要绘制出复杂好看的内容先从画直线开始canvas绘制直线先认识几个函数beginPath()；开始一条路径，或重置当前的路径moveTo(x,y)；用于规定直线的起点坐标lineTo(x,y)；用于规定直线的终点坐标closePath()；方法创建从当前点到开始点的路径stroke()；方法会实际地绘制出通过 moveTo(...
2018-06-22 18:29:00
130
转载 canvas基础入门（一）canvas的width、height于css样式中的宽高区别
canvas的width、height于css样式中的宽高对画布的内容显示是有所区别的1、在canvas标签下调用他的width和height，而且是没有单位的宽高，这种指定canvas大小的方法也是w3c的标准，如下：<canvas id="mycanvas" width="300" height="300">浏览器不支持Canvas,请升级或改用其它浏览器！&...
2018-06-22 15:56:00
427
转载 js实现放大镜效果
原理：鼠标在小图片上移动时，通过捕捉鼠标在小图片上的位置，定位大图片的相应位置；放大镜的移动方向和大图片的移动方向：横向和纵向都是相反，才可以保证同步；需要元素：大图和小图，存放大图和小图的容器，一个放大镜技术点：鼠标事件的捕获：onmouseover（进入）、onmouseout（移除）、onmousemove（移动）clientX、clientY：...
2018-06-22 11:49:00
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人