- 博客(62)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 Layui常用方法整合
1.form表单提交不刷新当前表单form.on("submit(inquire)",function () { return false; //点击提交后不刷新当前表单})2.input纯数字<input type="number" autocomplete="off" class="layui-input" id="duration" onkeyup="value=value.replace(/[^(\d)]/g,'')" oninput="if(
2021-02-04 17:04:40
633
原创 Echarts常用方法整合
1. 保持高亮 highlightlastMouseOverIndex=null;// mouseover事件，记录当前数据索引并取消其他高亮，over在out之后myChart.on('mouseover', function (params) { var dataLen = option.series[0].data.length; lastMouseOverIndex = params.dataIndex; for(var i=0;i<dataLen;i++){
2021-02-04 16:30:44
451
原创 JS常用处理用法
1. 数组对象去重 filterList() { var arr = [], cylinderNumber = [], externalOrderNumber = [], internalOrderNumber = [], customer = []; // console.log('searchList',searchList) if (_self.orderList.length == 0) { _self.isShowSe
2021-02-04 16:02:21
319
原创 JS—获取系统时间并刷新
让显示时间跟着系统时间，每秒发生改变//时间刷新$(function () { setInterval(NowTime,1000);})function NowTime(){ //获取年月日 var time=new Date(); // var year=time.getFullYear(); // var month=time.getMonth(...
2020-01-11 14:17:58
412
1
原创 JS—监听Dom树变化
可参考链接function DomtreeChange(ID){ // Firefox和Chrome早期版本中带有前缀 var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver // var targetNod...
2020-01-11 14:12:28
666
原创 小程序 时间计算
ISO标准时间方法1var m = new Date("2019/06/05 00:00:00").getTime()var n = new Date("2019/06/10 00:00:00").getTime()var time0 = new Date(Math.floor(Math.random() * (n - m)) + m).toISOString()var x = ne...
2020-01-11 14:07:45
572
原创 Layui兼容IE的时间转换方法
主要函数代码如下var deviece = layui.device();.......var stime = "", etime = "", statime = "", endtime = "",if(deviece.ie){ //进行判断浏览器类型是否为IE console.log('+++') stime = new Date(new Date() - ne...
2019-10-22 17:59:02
887
原创 HTML——页面视频获取与渲染
遇到一个小需求，需要在页面进行简单的多个视频的获取以及渲染，就想看看有没有除了video.js、mediaElement.js 等视频播放器之类的，较为轻量的。恰好朋友推荐一个播放器还不错，api也较为全面，使用也很简单，就决定用它了。这里链接在页面渲染视频写一个ul进行存放<div> <ul id="list"> </ul></d...
2019-06-30 23:06:04
1246
原创 小程序 绑定监听函数addEvent和通知函数callEvent
外部编写再调用var eventList = {}function addEvent(eventName, cb) { if (eventList[eventName] == undefined) { eventList[eventName] = [] } eventList[eventName].push(cb)}function callEvent(eventN...
2019-05-28 14:03:07
1283
转载 小程序 图片与base64互转
选择图片，将图片进行base64编码格式转换 bindChooseImg(e) { var that =this wx.chooseImage({ success: res => { wx.getFileSystemManager().readFile({ filePath: res.tempFilePaths[0], //...
2019-05-28 13:55:13
1051
原创 小程序 版本语言的切换
小程序有时候会遇到需要更改语言的切换，如果引用网上翻译的api个人觉得比较麻烦，所以还是老老实实的自己写一个js作为文本语言的切换。也算是投机取巧吧，不适合太多内容的转换。简单举个例子首先需要新建一个外部js文档，将接口暴露。var json = [{ "Language": "语言设置", "Changepwd": "密码修改", "Updated": "更新版本", "H...
2019-05-28 11:58:40
3693
原创 小程序 扫码功能搭配picker滚动选择器
近期遇到一个需求，需要使用小程序扫描二维码的能力，将读取的数据搭配picker滚动选择器进行显示，并且pciker显示的是扫描得到的数，同时还要能让用户扫描后继续成功切换picker。原理很简单，就是扫描功能需要再一次设定picker的数组multiArray: [A, B]，同时根据扫描得到的数据，判定是对应的数组的哪一位multiIndex: [a, b]...
2019-05-28 11:34:13
208
原创 小程序 echarts使用tabbar进行显示隐藏以及样式设置
小程序当需要跳转到有tabbar的界面时，不能使用navigateTo以及redirectTo，只能使用wx.switchTab进行跳转
2019-04-26 17:34:12
1873
2
转载 HTML——适配方案
流式布局：就是百分比布局，非固定像素，内容向两侧填充，理解成流动的布局，称为流式布局视觉窗口：viewport,是移动端特有。这是一个虚拟的区域，承载网页的。承载关系：浏览器---->viewport---->网页适配要求：1. 网页宽度必须和浏览器保持一致2. 默认显示的缩放比例和PC端保持（缩放比例1.0）3. 不允许用户自行缩放网页满足这些要求达到了...
2019-03-31 23:00:36
1857
原创 小程序 echarts图表初始化与加载动态数据
在小程序中，根据需求有时候需要添加多个echarts图表进行动态数据的显示。但是动态数据是异步加载的，不能确定究竟是数据加载完成在前，还是echarts图表初始化完成在前，因此会出现图表上无数据显示控制台却有数据获取的情况发生。使用绑定事件监听函数addEvent（），当完成事件再进行通知callEvent（）可参照该例子外部封装方法function endInitData(){...
2019-03-30 19:27:12
5933
4
原创 小程序 在echarts中异步加载数据
echarts官方文档中提供了实例，但是并没有直接指出具体在小程序中使用方式。直接上代码一步步解析外部新建存放请求函数样本，也就是根据存入的参数进行挖空，最后不要忘了进行回调function getDataFrom(url, data, cb) { wx.request({ url: url, data: data, method: 'POST', //根据需...
2019-03-23 00:01:29
750
原创 小程序 请求数据打印对象为空与异步回调的解决办法
异步数据请求需要设置一个回调函数 进行获取function invoke(a, callback){ wx.request ( { url: url, data: { }, header: { }, method: , success: function (res) { ........ callback(r...
2019-03-22 23:36:34
2118
转载 Node——path方法、 __dirname 和 __filename的使用
- node中 path方法可以查看node.js官网帮助文档查看root：根路径 dir：目录 base：包含后缀名的文件名ext 后缀名 name：不包含后缀名的文件名path.join（）两个路径拼接成一个路径，两个反斜杠等于一个反斜杠在多个路径之间添加路径分隔符多杆少杆都可以- __dirname 和 __filenamepath 模块__d...
2019-02-17 14:58:04
5093
转载 Node——then的链式使用（promise）
- then的链式使用var fs = require('fs')var p1 = new Promise(function (resolve, reject) { fs.readFile('./data/a.txt', 'utf8', function (err, data) { if (err) { reject(err) ...
2019-02-17 13:56:27
2033
转载 Node——Node操作Mysql数据库与嵌套调用
- Node操作Mysql数据库首先进入到服务界面启动MySQL在项目文件中 配置package.json文件以及安装mysql在Navicat for MySQL可视化软件中，连接本地数据库 并新建库以及表单数据启动js文件connection.query('SELECT * FROM `users`', function (error, results, fields)...
2019-02-17 13:39:56
1125
原创 MongoDB——使用
MongoDB增删改查首先连接MongoDB数据库var mongoose = require('mongoose')再定义架构var Schema = mongoose.Schema连接数据库连接数据库指定连接的数据库不需要存在，当你插入第一条数据之后就会自动被创建出来 mongoose.connect('mongodb://localhost/itcast')...
2019-02-17 13:09:53
283
原创 MongoDB——起步
1. 安装配置Mongodb百度搜索跳转下载安装包 默认选项一个是完整安装 一个是自定义安装 安装按照默认存储盘C盘即可配置环境变量 用户变量的Path找到C盘中MongoDB中 bin目录所在位置 添加通过CMD查找MongoDB版本 显示则安装成功2. 启动关闭Mongodb启动：想要修改默认的数据存储目录mogod --dbpat...
2019-02-17 13:00:50
266
原创 GIt——远程连接
远程连接github把id_rsa.pub 的内容添加到 GitHub 上， 这样你本地的 id_rsa 密钥跟 GitHub上的 id_rsa.pub 公钥进行配对， 授权成功才可以提交代码。输入 ssh -T git@github.com 进行测试少了一个known_hosts文件，本来密钥文件应该是三个，现在是两个，便报了这样的错误，此时选择yes回车之后，便可，同时生成了缺少了的...
2019-02-16 23:37:07
269
原创 小程序——注意点
websocket 与tcpserver连接问题要查看系统防火墙有没有关闭 要关闭a) 永久生效开启： chkconfig iptables on关闭： chkconfig iptables offb) 即时生效，重启后失效开启： service iptables start关闭： service iptables stop1. 1.首先查看防火墙状态： 2. service ...
2019-02-16 23:33:06
216
转载 HTML——贪吃蛇
大致思路模拟贪吃蛇游戏,做的项目地图: 宽，高，背景颜色，因为小蛇和食物都是相对于地图显示的,这里小蛇和食物都是地图的子元素,随机位置显示,脱离文档流的,地图也需要脱离文档流–css需要设置:宽,高,背景颜色,脱标食物—div元素elements—>存储div的数组(将来删除的食物div时候,先从map中删除div,再从数组中移除div)食物:宽,高,背景颜色,横...
2019-02-16 23:28:16
3469
1
转载 Node——express art-template
安装expressnpm i -S express安装 模版引擎npm install --save art-template express-art-template中间件 解析表单POST请求体npm install --save body-parser案例 留言板app.jsvar express = require('express')var bodyParse...
2019-02-14 20:23:18
768
转载 Node——文件路径问题与回调函数
1. 文件操作路径和模块标识路径问题模块标识var fs = require('fs')// 咱们所使用的所有文件操作的 API 都是异步的// 就像你的 ajax 请求一样// 文件操作中的相对路径可以省略 ./// fs.readFile('data/a.txt', function (err, data) {// if (err) {// return console.l...
2019-02-14 20:16:06
227
转载 Node——淘宝镜像、require以及epress安装使用
1. cnpm淘宝镜像https://npm.taobao.org/在安装包的时候把npm 替换成 cnpm不想安装cnpm又想使用淘宝的服务器来下载npm install jquery --registry=https://registry.npm.taobao.org也可以把该设置加入配置文件中npm config set registry https://registry.np...
2019-02-14 19:45:48
459
转载 Node——Apache
1. httpsvar http = require('http')var fs = require('fs')var server = http.createServer()var wwwDir = '文件路径'server.on('request', function (req, res){ var url = req.url fs.readFile('./te...
2019-02-14 15:34:05
474
2
原创 Python——数据类型
一、整数Python可以处理任意大小的整数，当然包括负整数，在Python程序中，整数的表示方法和数学上的写法一模一样，例如：1，100，-8080，0，等等。计算机由于使用二进制，所以，有时候用十六进制表示整数比较方便，十六进制用0x前缀和0-9，a-f表示，例如：0xff00，0xa5b4c3d2，等等。二、浮点数浮点数也就是小数，之所以称为浮点数，是因为按照科学记数法表示时，一个浮点...
2019-02-14 13:26:04
522
转载 Vue——常用组件
&lt;script src="../lib/vue.js"&gt;&lt;/script&gt; 都要在头部导入包1. 基础的基础Component，Portlet&lt;body&gt; &lt;div id="my"&gt; &lt;today-weath
2019-02-14 11:46:47
5469
转载 Vue——URl重定向+使用Ajax库-axios
1. URl重定向重定向指令：redirect路由别名：aliasApp.vue&lt;p&gt;&lt;router-link to="/"&gt;Home&lt;/router-link&gt;&lt;router-link to="about/"&gt;About&lt;/ro
2019-02-14 11:27:43
4197
原创 Vue——组件结构与样式
1. 组件结构vue命令行开发模式带来组件开发方式组件文件夹所有组件都被统一放在工程中的组件文件夹中组件格式template：组件html内容script：组件js脚本 （ES6）style：组件css样式单练习scoped 全局的设置显示结果2. 自定义css样式$cd assets进入src目录中的assets文件中在该文件中新建一个my.css文件，并...
2019-02-14 10:55:22
735
原创 Vue——配置以及webpack模板工程
建立webpack模板工程1.vue init webpack myweb选择第一个动态编译器安装路由ES语法检测器测试e2e的测试包管理器$cd myweb进入应用环境的目录$npm run bulid dist是打包后的文件打包操作 发布要精确指定版本号...
2019-02-14 10:47:04
471
原创 安装Linux虚拟机
路径一定要以实际为准VMware12 下安装与配置CentOS 6.5 64位 的方法https://product.pconline.com.cn/itbk/software/dnyw/1704/9138182.html安装后进行网络配置https://www.cnblogs.com/owaowa/p/6123902.html&& 是下一步的意思（回车下一步）添加模块...
2019-02-14 10:43:23
312
原创 Jquery——有关淘宝功能
无缝连接图片css + body&amp;lt;style&amp;gt; * { margin: 0; padding: 0; list-style: none; } .slider { height: 340px; width: 790px; margin: 100px a...
2019-02-13 23:38:53
328
原创 Jquery——tab栏切换
css+body<style type="text/css">* {margin: 0;padding: 0;}ul {list-style: none;}.wrapper {width: 1000px;height: 475px;margin: 0 auto;margin-top: 100px;}.tab {border: 1px solid #...
2019-02-13 23:31:29
644
原创 Jquery——点击显示图片+突出显示
css+body&lt;style type="text/css"&gt; body { font-family: "Helvetica", "Arial", serif; color: #333; background-color: #ccc; margin: 1em 10%; } h1 {
2019-02-13 23:19:33
912
原创 Jquery——手风琴效果+表格全选
手风琴样式与控件&amp;lt;style&amp;gt; * { margin: 0; padding: 0; } ul { list-style: none; width: 1300px; } #box { width: 1200px; height: 400px; border:...
2019-02-13 23:13:40
626
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人