自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(84)
  • 收藏
  • 关注

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

原创 JS—监听Dom树变化

可参考链接function DomtreeChange(ID){ // Firefox和Chrome早期版本中带有前缀 var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver // var targetNod...

2020-01-11 14:12:28 186

原创 小程序 时间计算

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 144

原创 全屏改变页面某一元素

根据全屏或退出全屏 屏幕浏览器高度进行判断 从而改变某一元素例如添加一个全屏按钮在当前需要全屏的ifram便签上,便可以进行使用元素改变前后的样式<style> .icon-fullscreen{ margin-left: 72.5%; } .icon-exitFullscreen{ margin-left: 71%...

2019-10-22 18:08:11 72

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

原创 HTML——页面视频获取与渲染

遇到一个小需求,需要在页面进行简单的多个视频的获取以及渲染,就想看看有没有除了video.js、mediaElement.js 等视频播放器之类的,较为轻量的。恰好朋友推荐一个播放器还不错,api也较为全面,使用也很简单,就决定用它了。这里链接在页面渲染视频写一个ul进行存放<div> <ul id="list"> </ul></d...

2019-06-30 23:06:04 393

原创 使用webstorm开发vue项目

起步 配置安装https://blog.csdn.net/weixin_40760196/article/details/79952652出现问题webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。处理方法https://blog.csdn.net/qq_39241421/article/details/82908868...

2019-06-30 22:36:29 98

原创 小程序 绑定监听函数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 649

转载 小程序 图片与base64互转

选择图片,将图片进行base64编码格式转换 bindChooseImg(e) { var that =this wx.chooseImage({ success: res => { wx.getFileSystemManager().readFile({ filePath: res.tempFilePaths[0], //...

2019-05-28 13:55:13 529

原创 小程序 版本语言的切换

小程序有时候会遇到需要更改语言的切换,如果引用网上翻译的api个人觉得比较麻烦,所以还是老老实实的自己写一个js作为文本语言的切换。也算是投机取巧吧,不适合太多内容的转换。简单举个例子首先需要新建一个外部js文档,将接口暴露。var json = [{ "Language": "语言设置", "Changepwd": "密码修改", "Updated": "更新版本", "H...

2019-05-28 11:58:40 2304

原创 小程序 扫码功能搭配picker滚动选择器

近期遇到一个需求,需要使用小程序扫描二维码的能力,将读取的数据搭配picker滚动选择器进行显示,并且pciker显示的是扫描得到的数,同时还要能让用户扫描后继续成功切换picker。原理很简单,就是扫描功能需要再一次设定picker的数组multiArray: [A, B],同时根据扫描得到的数据,判定是对应的数组的哪一位multiIndex: [a, b]...

2019-05-28 11:34:13 75

原创 小程序 echarts使用tabbar进行显示隐藏以及样式设置

小程序当需要跳转到有tabbar的界面时,不能使用navigateTo以及redirectTo,只能使用wx.switchTab进行跳转

2019-04-26 17:34:12 862

原创 Eclipse——项目几率存在的问题

Eclipse中文乱码问题导入项目工程时,很多时候显示的中文呈现乱码,这里简单讲一下大致的解决方法。第一:在Eclipse中设置编码格式在eclipse->window->preferences->General->workspaceTypes 选择改变文本文件编码格式,根据具体情况设置为UTF8或者GBK第二:设置项目的编码格式打开Ecli...

2019-04-16 18:51:32 58

转载 HTML——容易忽略的知识点

三种去除下边距方式 body{ font-size: 0px; } img{ display: block; } img{ vertical-align: middle; }解释touch:touch是移动端的触摸事...

2019-04-16 17:57:37 64

转载 HTML——适配方案

流式布局:就是百分比布局,非固定像素,内容向两侧填充,理解成流动的布局,称为流式布局视觉窗口:viewport,是移动端特有。这是一个虚拟的区域,承载网页的。承载关系:浏览器---->viewport---->网页适配要求:1. 网页宽度必须和浏览器保持一致2. 默认显示的缩放比例和PC端保持(缩放比例1.0)3. 不允许用户自行缩放网页满足这些要求达到了...

2019-03-31 23:00:36 800

原创 小程序 echarts图表初始化与加载动态数据

在小程序中,根据需求有时候需要添加多个echarts图表进行动态数据的显示。但是动态数据是异步加载的,不能确定究竟是数据加载完成在前,还是echarts图表初始化完成在前,因此会出现图表上无数据显示控制台却有数据获取的情况发生。使用绑定事件监听函数addEvent(),当完成事件再进行通知callEvent()可参照该例子外部封装方法function endInitData(){...

2019-03-30 19:27:12 4204 4

原创 小程序 在echarts中异步加载数据

echarts官方文档中提供了实例,但是并没有直接指出具体在小程序中使用方式。直接上代码一步步解析外部新建存放请求函数样本,也就是根据存入的参数进行挖空,最后不要忘了进行回调function getDataFrom(url, data, cb) { wx.request({ url: url, data: data, method: 'POST', //根据需...

2019-03-23 00:01:29 388

原创 小程序 请求数据打印对象为空与异步回调的解决办法

异步数据请求需要设置一个回调函数 进行获取function invoke(a, callback){ wx.request ( { url: url, data: { }, header: { }, method: , success: function (res) { ........ callback(r...

2019-03-22 23:36:34 1050

转载 Node——path方法、 __dirname 和 __filename的使用

- node中 path方法可以查看node.js官网帮助文档查看root:根路径 dir:目录 base:包含后缀名的文件名ext 后缀名 name:不包含后缀名的文件名path.join()两个路径拼接成一个路径,两个反斜杠等于一个反斜杠在多个路径之间添加路径分隔符多杆少杆都可以- __dirname 和 __filenamepath 模块__d...

2019-02-17 14:58:04 2163

转载 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 898

转载 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 426

原创 MongoDB——使用

MongoDB增删改查首先连接MongoDB数据库var mongoose = require('mongoose')再定义架构var Schema = mongoose.Schema连接数据库连接数据库指定连接的数据库不需要存在,当你插入第一条数据之后就会自动被创建出来 mongoose.connect('mongodb://localhost/itcast')...

2019-02-17 13:09:53 118

原创 MongoDB——起步

1. 安装配置Mongodb百度搜索跳转下载安装包 默认选项一个是完整安装 一个是自定义安装 安装按照默认存储盘C盘即可配置环境变量 用户变量的Path找到C盘中MongoDB中 bin目录所在位置 添加通过CMD查找MongoDB版本 显示则安装成功2. 启动关闭Mongodb启动:想要修改默认的数据存储目录mogod --dbpat...

2019-02-17 13:00:50 92

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

原创 小程序——注意点

websocket 与tcpserver连接问题要查看系统防火墙有没有关闭 要关闭a) 永久生效开启: chkconfig iptables on关闭: chkconfig iptables offb) 即时生效,重启后失效开启: service iptables start关闭: service iptables stop1. 1.首先查看防火墙状态: 2. service ...

2019-02-16 23:33:06 92

转载 HTML——贪吃蛇

大致思路模拟贪吃蛇游戏,做的项目地图: 宽,高,背景颜色,因为小蛇和食物都是相对于地图显示的,这里小蛇和食物都是地图的子元素,随机位置显示,脱离文档流的,地图也需要脱离文档流–css需要设置:宽,高,背景颜色,脱标食物—div元素elements—&gt;存储div的数组(将来删除的食物div时候,先从map中删除div,再从数组中移除div)食物:宽,高,背景颜色,横...

2019-02-16 23:28:16 2378 1

转载 HTML——功能案例④

1. 构建函数和实例对象之间关系 &lt;script&gt; //面向对象的思想是----抽象的过程----&gt;实例化的过程 //自定义构造函数-----&gt;实例化对象 function Person(name,age,sex) { this.name=name; this.age=age; this.sex=sex; ...

2019-02-16 23:12:08 58

转载 HTML——功能案例③

1. 图片随鼠标运动&lt;img src="图片路径" alt="" id="im"&gt;&lt;script src="common.js"&gt;&lt;/script&gt;&lt;script&gt; //文档的鼠标移动事件 //对象 事件 事件处理函数,事件触发了,函数的代码就会执行,执行的时候,函数调用的时候 //通过arg

2019-02-16 22:59:42 50

转载 HTML——html和js转义符(图表)

查看具体

2019-02-16 22:50:31 481

转载 HTML——功能案例②

1. 全局css*::before,*::after{ /*所有的标签,和伪元素都选中*/ margin: 0; padding: 0; /*移动端常用布局是非固定像素*/ box-sizing: border-box; /*兼容性问题 更加健壮*/ -webkit-box-sizing: border-box; /*点击高亮效果...

2019-02-16 22:36:02 63

原创 HTML——功能案例①

1. 适配方案/流式布局:就是百分比布局,非固定像素,内容向两侧填充,理解成流动的布局,称为流式布局//*视觉窗口:viewport,是移动端特有。这是一个虚拟的区域,承载网页的。承载关系:浏览器----&gt;viewport----&gt;网页*//*适配要求:1. 网页宽度必须和浏览器保持一致2. 默认显示的缩放比例和PC端保持(缩放比例1.0)3. 不允许用户自行缩放网页...

2019-02-14 21:10:08 72

转载 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 460

转载 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 111

转载 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 99

转载 Node——主要方法使用

1. 代码无分号问题function say() { console.log('hello world')}// TypeError: say(...) is not a functionsay();(function () { console.log('hello')})()// ;['苹果', '香蕉'].forEach(function (item) {// ...

2019-02-14 16:21:44 69

转载 Node——同一静态资源

app application 应用程序把当前模块所有的依赖项都声明再文件模块最上面为了让目录结构保持统一清晰,把所有的 HTML 文件都放到 views(视图) 目录中为了方便的统一处理这些静态资源,所以我们约定把所有的静态资源都存放在 public 目录中var http = require('http')var fs = require('fs')var url = requir...

2019-02-14 15:44:50 99 2

转载 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 272 2

原创 Node——入门教程

1. 文本类型// require// 端口号 var http = require('http') var server = http.createServer()server.on('request', function (req, res) { // 在服务端默认发送的数据,其实是 utf8 编码的内容 // 但是浏览器不知道你是 utf8 编码的内容 /...

2019-02-14 15:15:19 61

原创 Python——数据类型

一、整数Python可以处理任意大小的整数,当然包括负整数,在Python程序中,整数的表示方法和数学上的写法一模一样,例如:1,100,-8080,0,等等。计算机由于使用二进制,所以,有时候用十六进制表示整数比较方便,十六进制用0x前缀和0-9,a-f表示,例如:0xff00,0xa5b4c3d2,等等。二、浮点数浮点数也就是小数,之所以称为浮点数,是因为按照科学记数法表示时,一个浮点...

2019-02-14 13:26:04 412

转载 Vue——简单功能③

&lt;script src="../lib/vue.js"&gt;&lt;/script&gt; 头部引入表单1. 控件绑定v-model input[type = “text”]动态双向绑定数据&lt;body&gt; &lt;div id="my"&gt; &lt;input type="text" v-model="

2019-02-14 13:22:48 71

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除