自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(71)
  • 资源 (4)
  • 收藏
  • 关注

原创 ios微信小程序table头部与左侧固定双重滚动会抖动的坑,解决思路

这里还会有一个坑,前面说了scroll本身有延时;当滚动b容器到顶部的时候手指离开后。会有概率导致a表还没有滚动到顶部;获取a表的滚动位置和b容器的滚动位置;用来显示的表我们称为a表。用来滚动的表我们称为b容器,b容器是一个与a表宽高位置完全一致的容器。他将覆盖在a表的上层。既然假thead比真表身滚动时无法对齐。正常情况是左右滑动时,左侧固定不动,上下滑动时表头不动;第一个坑是他有一个ios自带的橡胶上下回弹效果。导致滚动时整个表都跟着回弹;想要和安卓一样的效果,滑动y,x轴,每次只有一个方向滚动;

2023-12-20 17:09:40 994

原创 分时函数解决一次性加载大量dom造成的卡顿假死

分时函数: 把数据分批绘制;大任务分成小任务执行

2023-11-16 02:11:17 128

原创 模拟一个js底层数据类型隐式转换

【代码】模拟一个js底层数据类型隐式转换。

2023-11-09 03:11:06 222

原创 js中new做了什么

【代码】js中new做了什么。

2023-11-08 14:29:16 65

原创 js 数据类型

Object【Object是个大类,function函数、array数组、date日期…等都归属于Object】

2023-11-08 14:17:19 74

原创 用迭代器 模拟一个for of

【代码】用迭代器 模拟一个for of。

2023-11-08 12:07:26 153

原创 java.util.Arrays$ArrayList cannot be cast to com.github.pagehelper.Page

【代码】java.util.Arrays$ArrayList cannot be cast to com.github.pagehelper.Page。

2023-07-03 02:48:10 502 1

原创 java list遍历的几种方法

【代码】java list遍历的几种方法。

2023-06-28 16:53:22 321

原创 html 转canvas 分享图片;canvas合成图片 --uinapp

html 转canvas 分享图片;canvas合成图片

2023-06-08 01:09:09 183

原创 编辑器、论坛、评论列表图文混排的一些思路

一种比较复杂的情况就是论坛帖;论坛每个楼层用户都能发图片,文字,视频,音乐和表情包等;并且有管理员功能。比如图片或者文字有审核状态。删除状态,仅本人可见状态等,都需要前端做复杂的交互。而且如果不考虑上面的,把所有楼层数据以html标签传递。后台压测估计过不了;前端做懒加载,分页,虚拟列表等的性能优化都需要图片的宽高,楼层宽高。这个背景下。前端要把数据分开传给后台。后台分开传给前端。

2023-02-26 02:16:00 410

原创 vue-cil+百度路书轨迹播放,removeOverlay单独删除覆盖物

写在前面的话:笔者只提供简单的思路和可行性方案。所以代码比较粗糙,至于封装\优化等,请读者自行解决,拒绝伸手党谢谢。

2018-12-30 17:33:03 4479 1

原创 vue-cli3引入jquery的不同

npm install jquery --savevue-cli3 配置;在vue.config.js中module.exports = { // 基本路径 baseUrl: './', configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery",...

2018-12-11 10:35:43 6825 2

原创 开始一个koa2-(6)-前后端分离+vue-cli3+JWT生成token登录校验

token流程;前端使用用户名、密码来请求服务器 服务器通过数据库查询等操作验证用户的信息 服务器通过验证发送给用户一个token 前端存储token(cookie、sessionStorage、loaclStorage),并在每次请求时附送上这个token值 后台验证token值,并返回数据 token会有过期,前端登出的时候直接清空本地token,服务端不需要任何操作 se...

2018-12-05 10:44:11 1918

原创 开始一个koa2 -(5)-async, await封装mysql

假设你已经安装好本地mysql  和管理工具navicat-for-mysql;1、安装 node.js的mysql模块npm install --save mysql 2、新建目录./async-db/query.js;/** * Created by Administrator on 2018/11/16 0016. * 连接池管理会话 * 封装一个query函数,可...

2018-12-04 17:10:12 675

原创 开始一个koa2 -(4)-session

session是另一种记录客户状态的机制,不同的是Cookie保存在客户端浏览器中,而session保存在服务器上。cookie的链接: 开始一个koa2 --3--cookie存储数据 1.工作流程:用户登录,后台生成一个会话session对象(key,value键值对),session对象保存在数据库中; 向前端发送key,前端通过cookie保存key; 前端每次与后台通...

2018-12-04 16:50:24 1413

原创 开始一个koa2 -(3)-cookie存储数据

1.前端理解的cookie:cookie 是一个变量,它存在访问者的计算机中。 作用:可以让我们用同一个浏览器访问同一个域名的时候共享数据。2.后台理解的cookie:cookie是一种报文头信息,请求报文和响应报文中都可以有cookie,key-value的形式,主要用来识别用户身份。例如:浏览器第一次访问域名A--》服务器向客户端发送cookie--》浏览器存储浏览器再...

2018-12-03 16:00:09 685

原创 vue插件/公共方法属性

新建一个js,任意名词config;我觉得最经常用到的 3,和4。 /** * Created by Administrator on 2018/11/7 0007. */let rootUrl = 'http://XXX.xx.cn'let key = 'Lawj1h1mUgD11GMzZX1Gv911X'let setItem = (key, val)=> { ...

2018-11-26 14:43:14 711

原创 webstrom 设置与导入

我自己习惯使用的风格;codestyle.xml使用方法

2018-11-16 11:25:53 669

原创 开始一个koa2-(2)--static静态资源,get/post获取数据

本文基于开始一个koa2 项目需要用到的基础配置1这篇是第二篇1配置静态文件目录。这个简单;安装’koa-static’ npm install koa-static --save新建目录static,假设里面有一张图片1.png;在app.js中加入;const staticServer = require('koa-static')//静态资源服务插件const staticP...

2018-11-15 17:31:00 1262

原创 开始一个koa2-(1)-分文件路由

1,首先 新建一个文件夹testkoa2;2,在这个文件夹里打开控制台;输入nmp init 进行配置;或者,直接自己新建一个package.json;{ "name": "hello-koa2",

2018-11-15 11:41:46 905

原创 小程序--错误{"errcode":40029,"errmsg":"invalid code, hints: [ req_id: weh8ka0297hc58 ]"}

小程序–错误{“errcode”:40029,“errmsg”:“invalid code, hints: [ req_id: weh8ka0297hc58 ]”}微信开发者工具里开发项目需要填写appID,后台请求openid也需要appID,确认appID是否一致,确认appsecret是否一致,临时登录凭证code ,appID和appsecret必须相互对应。小程序–错误{“errc...

2018-10-23 11:49:41 8827 1

原创 微信小程序上拉更多下拉刷新

老规矩先上图;下拉使用的是微信自带的下拉功能。但是在滚动条存在的情况下拉动的区域是只有 ,navbar部分。而这里完美解决了这个问题。原理:在内容区域上有一个透明块 ,当滚动条isTop=0; 显示;isTop!=0隐藏。注意这个透明块用户永远是看不见的。它的作用是让用户触摸时可以完成下拉动作;上拉就简单了使用的是scroll-view 的bindscrolltolower;index...

2018-10-08 11:36:49 4493 1

原创 原 nodejs基础教程-简单blog(10)-批处理打开

每次打开mongo数据库都很麻烦。bat批处理可以快速的打开。正常情况打开mongo是这样的;在项目目录下; 下面介绍批处理打开方式; 新建一个文件, E:\nodejsTest\blog2\StartMongo.bat,保存为utf-8或ANSI 写法和上面在cmd输入的一致。注意回车也样d:cd D:\Program Files\MongoDB\Server\3.4\bin...

2018-07-16 17:29:45 298

原创 es6的一些小技巧

1.快速去除数组中重复元素 集合(Set)对象允许你存储任意类型的唯一值(不能重复),无论它是原始值或者是对象引用。const uniqueArray = arr => [...new Set(arr)]uniqueArray([1, 2, 2, 3, 4, 4, 5])//--------------------原理是 Set 对象允许你存储任何类型的唯一值,本质上起到了去重的...

2018-05-28 17:37:52 607 2

原创 node爬虫-小说

var http = require("http")var fs = require("fs")var cheerio = require("cheerio")//可以理解为运行在后台的 jQueryvar iconv = require("iconv-lite")// 模块进行转码,中文显示正常后开始解析源码var request = require('sync-request')//因...

2018-05-02 12:12:41 710

原创 vue dist文件打开index.html报Failed to load resource: net::ERR_FILE_NOT_FOUND

本地正常。打包好的dist文件打开index.html报Failed to load resource: net::ERR_FILE_NOT_FOUND解决办法: 在webpack.prod.conf.js 中output添加参数publicPath:’./’在webpack.base.conf.js里 publicPath: process.env.NODE_ENV === ‘producti

2018-05-02 11:53:42 6171 2

原创 vue-cil项目中使用外部js的3种方法

vue-cil项目中1. 导入属性的方法新建 ./api/api.jsimport Vue from 'vue';Vue.prototype.test=function () { alert(111) }在main.js 中导入;import * as API from './api/api.js'在任何一个.vue文件中都可以使用此属性.例如 在a....

2018-04-03 15:38:17 2269

原创 query string parameters 和request payload

HTTP请求中,如果是get请求,那么表单参数以name=value&name1=value1的形式附到url的后; post请求:表单参数是在请求体中,也是name=value&name1=value1的形式在请求。export const voucherDetailAdd=(token,formStr) =>{ return axios.post(`${base}/voucher/de

2018-04-03 11:03:53 11230

原创 vue-cil 项目常用npm 命令行;

``` bash# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build 删除目录; npm install -g rimraf(如果还没安装rimra...

2018-03-12 14:48:33 3957 1

原创 vue+jquery懒加载数据

<ul class="my_member_list "> <li v-for="item in list"> {{item.name}} </li></ul>new Vue({ el: '#app', data() { return { ...

2018-02-11 17:49:58 1063

原创 html标签转换成img图片

app 里的元素需要转换成图片<script src="../assets/js/html2canvas.min.js"></script>$(function () { html2canvas(document.querySelector("#app"), {useCORS: true}).then(canvas =>...

2018-02-11 16:49:06 3377

原创 按顺序加载外部资源js css

cmmon.js/** * 公共js文件 * 内置参数说明: * locationUrl:硬盘路径(开发模式使用) * ytRootUrl:系统根目录,引入该js文件后可直接使用 * initJq:自定义jq文件的目录,如果需要引用不同的jq文件,请修改目录。 * initCssUrl:初始化css文件容器...

2018-02-10 14:54:01 465

原创 ios微信h5棋牌游戏自动播放音效填坑

开发中不可避免遇到一些ios和安卓适配的坑;ios不可以自动播放音乐的机制,使一些h5游戏播放背景音乐和音效无法播放;正常情况下ios只允许用户自己去打开音效。但是这样的机制并不适合很多项目。而去模拟触发也是行不通的。 比如在棋牌游戏中,通过WebSocket发送过来的指令,模拟触发音效。是没有用的。通过下面的方式可以解决,在iPhone手机微信中正常自动播放。//html中&...

2018-02-08 18:28:33 2155

原创 前端微信网页授权+WebSocket

这篇教程只介绍前端需要做的工作;注意: 1,开发者必须关注公众号,且是公众号下的开发者; 2,域名地址必须是公众号绑定的域名地址;微信授权需要调试工具:微信web开发者工具; 参考微信文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842微信授权,前端与服务端的交互只涉及appId,code...

2018-02-02 15:21:52 7689 3

原创 浏览器在iOS或Android中的一些方法

判断当前应用var deviceType="H5" if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { deviceType='ios' } else if (/(Android)/i.test(navigator.userAgent)) { // alert("Android"

2018-01-17 11:28:15 213

原创 throw er; // Unhandled 'error' event

[email protected] dev E:\svn\前端源码\houtai - niuniu\niuniuHoutai> node build/dev-server.js[HPM] Proxy created: /api -> http://jsonplaceholder.typicode.com[HPM] Proxy rewrite rule created: "/api" ~>

2018-01-09 18:31:45 10777

原创 nodejs基础教程-简单blog(9)--分页

效果图: 分析一下这个效果图,结合以前的教程我们知道。导航栏是继承“layout.html” table表格是“user_index.html”,而分页的按钮就是我们本节课的内容。将之封装在‘page.htnl’中;首先 新建文件views/admin/page.htmlnav aria-label="..."> ul class="pager"> l

2018-01-05 12:31:18 1740

原创 nodejs基础教程-简单blog(8)--展示用户注册信息列表

本节课展示用户注册信息列表;当点击导航栏的“用户管理”浏览器跳转路由/admin/user 显示用户列表。 先上效果图;开始 1,在layout.html模板中导航标签中设置路径; 2,新建文件 views/admin/user_index.html,在admin.js中设置user_index的路由为/admin/user;并查询数据库所有用户的信息 返回给前台users;

2018-01-04 15:57:58 660 1

原创 nodejs基础教程-简单blog(7)-博客后台管理

这节课进入后台管理; 将涉及swig模板引擎知识点;下载bootstrap 放在/public目录下; 新建index.html 和layout.html admin/layout.html 中代码;<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"

2018-01-03 18:33:56 718

原创 nodejs基础教程-简单blog(6)--区分管理员与普通用户

在数据库中加入一条管理员的数据,isAdmin=true; 在 schemas/users.js中var mongoose=require('mongoose')////D:\Program Files\MongoDB\Server\3.4\bin>mongod --dbpath=E:\nodejsTest\blog2\db --port=27018//用户的表结构、数据属性模型modu

2018-01-03 17:52:07 2197

webstorm settings 配置

webstorm settings 配置已配好。黑色主题风格;适用于web前端程序员code style风格,vue,js,html,css,node 的代码使用配置;模板等;

2018-11-16

webstorm code style

使用方式打开webstorm ,点击setting-Editor-》code style - 》manage import;

2018-11-16

as3画板源码+直线+画文输入本框+画矩形+画直线+橡皮

as3 flash 画板源码、直线、画文输入本框、画矩形、画直线、橡皮 可以像在桌面画矩形一样的画一个文本输入框。有点击按钮可以有类似ctrl+z,ctrl+y的功能。全部清除功能。可以演示。

2015-04-14

实时移动电子白板

实时移动电子白板。 可以多个swf移动实时播放。光看。

2015-03-28

空空如也

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

TA关注的人

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