- 博客(26)
- 收藏
- 关注
RSS订阅
原创 原生js分页组件
原生js封装分页组件 废话不多说直接上菜！！！1、js代码/** * Created by chenru on 2018/5/8. */var pageNation=(function(){ function extend(target, source) { for (var obj in source) { target[obj] = so...
2018-05-08 17:26:26
3364
原创 随机生成不相同的手机号码
function getPhoneNum(n){ console.time() let arr = []; let computedNum = () => { let randomNum = () => { return ~~(Math.random() * 9 + 1) };...
2017-12-31 16:25:36
7113
原创 js 正则筛选指定字符区间内容并生成新的文件
var path = require("path");var fs = require("fs");//补全地址function resolve (dir) { return path.join(__dirname, "..", dir);}//读取要操作的文件fs.readFile(resolve('./src/services/ipsService/config.ts'), (err,data) => { var file = data.toString(); // .
2020-07-23 17:03:40
504
原创 小程序 canvas2d 趟坑记录
一、关于canvas绘图，小程序官方文档目前有新旧两种接口，分别如下：1、Canvas 2D 示例代码<!-- canvas.wxml --> <canvas type="2d" id="myCanvas"></canvas>onReady() { const query = wx.createSelectorQuery() query.select('#myCanvas') .fields({ node: true, siz
2020-05-10 12:04:01
5481
原创 PC端flex+media媒体查询自适应布局案例
<!DOCTYPE html><html><head> <title>flex</title> <meta name="format-detection" content="telephone=no" /> <meta charset="UTF-8"> <!--&l...
2019-12-24 14:55:05
1097
原创 vue拖拽
<div class="img-box" v-if="curPicObject" @click.stop> <img class="img" :src="curPicObject.imageUrl" alt="" style="width: 100%"> <div class="v-move" v-if="curPicObj...
2019-11-26 14:14:44
121
原创 输入框显示表情图标-vue篇
1、子组件封装<template> <div> <div class="box text edit" :contenteditable="isLiveEdit" v-html="innerText" @input="changeTxt" placeholder="说的什么.."></div> <...
2019-08-30 18:02:03
1987
原创 javascript之奇淫巧技
1、创建过去七天的数组，如果将代码中的减号换成加号，你将得到未来7天的数组集合[...Array(7).keys()].map(days =>new Date(Date.now() - 86400000 * days));2、随机字符串Math.random().toString(36).substring(2);3、获取URL的查询参数function ge...
2019-05-08 10:36:53
204
原创 小程序低功耗蓝牙连接打印机
效果打印图打印机型号：TSC Alpha-3RB*****核心代码*********注：打印机接收数据为 gbk转byte数组类型**/** * 传输数据 * @param buffer */ writeBLECharacteristicValue(buffer){ let _this=this; if (th...
2019-03-11 09:59:57
3576
2
原创 。net 上传文件实例
1、前端部分<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title></head><body> <form action=&quo
2018-08-24 10:07:09
127
原创 mpvue +小程序坑点汇总
Vue开发小程序 坑点汇总：1、button 去边框 背景 button::after{ border: 0; background:transparent; } button[disabled][type='default'],wx-button[dis...
2018-08-15 15:12:04
889
原创 ES6 操作数组 方法 区别 map filter reduce find
1. mapmap函数可以看成是一种映射函数，而且是一一映射array.map(function(参数){....函数体......})es6写法： array.map((参数)=>{....函数体......})map适合对一个数组中的每个元素进行相同的操作 2. filterfilter函数可以看成是一个过滤函数，返...
2018-07-31 15:57:33
207
原创 数组中对象去重
假设有这样一个数组：let person = [ {id: 0, name: "小明"}, {id: 1, name: "小张"}, {id: 2, name: "小李"}, {id: 3, name: "小孙"}, {id: 1, name: "小周"}, {id: 2, name: "小陈"}, ]我们想去掉数
2018-07-20 09:45:15
1174
原创 vue 视图不更新的几种解决办
vue.js视图不更新的三种解决办法：//1.Vue.setVue.set(this.objArr,index,newValue) //(数组，索引，值) //2.prototype.splicethis.objArr.splice(index,1,newValue) //(索引，长度，值) //3.Object.assignthis.objArr[index] = newV...
2018-07-10 15:49:42
9143
原创 c#分页+搜索 高效方法
1、分页查询int PageRow = Request["size"]; //每页行数int PageCur = Request["page"]; //当前页int na = (PageCur - 1) * PageRow + 1; //分页sql起讫行号int nb = PageCur * PageRow; //通用分页语句sql2005以上支持string sq...
2018-06-11 10:04:15
564
原创 原生js 组件化 跑马灯抽奖效果
带作弊（（；简易原生JavaScript实现跑马灯下过 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>
2018-06-11 10:03:00
1196
转载 JavaScript是如何面向对象的
特别声明：本文转自https://www.cnblogs.com/pompey/p/6675559.html一、引言在16年的10月份，在校内双选会找前端实习的时候，hr问了一个问题：JavaScript的面向对象理解吗？我张口就说“JavaScript是基于原型的！”。然后就没什么好说的了，hr可能不知道原型，我也解释不了，因为我也就知道这一点而已，至于JavaScript到底面不面向对象，如何...
2018-06-06 15:12:38
150
原创 js常用方法封装
var Tools = Tools || {};//object to stringTools.ObjectToString = function (obj) { var str = ""; for (var item in obj) { str += item + "=" + obj[item] + "&"; } return st...
2018-05-19 09:48:15
473
原创 c#分页+搜索 高效方法
1、分页查询int PageRow = Request["size"]; //每页行数int PageCur = Request["page"]; //当前页int na = (PageCur - 1) * PageRow + 1; //分页sql起讫行号int nb = PageCur * PageRow; //通用分页语句sql2005以上支持string sq...
2018-05-19 09:35:05
1686
翻译 深入理解 call，apply 和 bind
在JavaScript 中，call、apply 和 bind 是 Function 对象自带的三个方法，这三个方法的主要作用是改变函数中的 this 指向，从而可以达到`接花移木`的效果。本文将对这三个方法进行详细的讲解，并列出几个经典应用场景。1、call(thisArgs [,args...])该方法可以传递一个thisArgs参数和一个参数列表，thisArgs 指定了函数在运行期的调...
2018-05-19 09:13:52
122
原创 原生js封装简单模态框
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{font-weight: normal;font-style: normal;} ...
2018-05-08 17:48:20
2053
原创 原生手写富文本编辑器组件
H5富文本编辑器原理解析： 核心属性： 1、contentEditable="true"; //属性规定是否可编辑元素的内容 2、window.document.designMode = "On";//让整个页面都可以编辑，通常会把要编辑的文档放在一个<iframe>元素中，而这个元素就充当了一个超级的编辑框.3、iframeWindow.document.execCom...
2018-05-01 13:39:30
3393
原创 。net 登陆注册修改账户实例
1、登陆 using System;using System.Collections.Generic;using System.Data;using System.Data.SqlClient;using System.Linq;using System.Web;using System.Web.Script.Serialization;using System.
2017-11-23 16:48:10
295
翻译 JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
这篇文章主要介绍了JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件的相关资料,需要的朋友可以参考下HTML 5中的full screen，目前可以在除IE和opera外的浏览器中使用 ，有的时候用来做全屏API，游戏呀，等都很有用。先看常见的API element.requestFullScreen() 作用：请求某个元素elemen
2017-11-17 09:53:04
1076
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人