- 博客(51)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue-clipboard2 异步实现复制口令
异步获取口令跟同步有些区别，不需要在标签内部添加属性，直接点击事件，ajax内部执行doCopy口令，可调取同步回调函数，copy()和error()官网有同步和异步的例子，https://www.npmjs.com/package/vue-clipboard2简单明了例子：//html<button type="button" @click="doCopy">Copy!</button>//jsmethods: { doCopy: funct.
2020-07-29 14:22:03
662
1
原创 react 基础
<!-- jsx语法：js中编写标签语言<h1>Hello</h1>，类似模板语法，应用于react跨年中 --><!-- (): js中编写jsx语法时，遇到标签结构要换行的时候，用 () 包裹起来 --><!-- 组件1. class类的形式创建组件2. Hook的形式创建组件组件可以是js 也可以是jsx --><!-- props属性 向下传递数据 --><!-- State --><!.
2020-07-27 17:59:40
146
原创 Chrome浏览器扩展插件(脚本)开发
manifest.json配置文件，网络地址请求匹配是否是匹配地址，是匹配地址根据配置js实现修改第三方网页代码例如： 图中lookup.js为匹配地址栏后加载脚本文件，jq为引入插件，matches为匹配地址，可多次匹配地址，实现分区操作...
2020-07-27 11:36:19
910
原创 原型 原型链 继承
// 原型// 问：为什么引入prototype属性// 答：使N多个同一个构造函数生成的实例对象共享同一个属性，达到共享属性和方法 // es6之前js没有类的概念，所以有构造函数 // 但是es6引进了class类的概念，new出来的实例对象对应的构造函数写法有所改变// 原型链// 概念：一个对象有它自己的原型对象_proto_,这个原型对象还有它自己的原型对象，当查找对象属性时，// 先去对象里去找，对象里没有再去它的原型对象.
2020-07-27 11:23:32
75
原创 nodejs readFileSync readFile 创建本地服务器
readFileSync 同步读取文件，缺点：容易造成代码阻塞例：h.html 与 服务器js文件在同一目录下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc..
2020-07-24 11:18:35
310
1
原创 typescript 基础知识
function add(a:number, b:number){ return a+b}console.log(add(10, 30))// 声明字符串、布尔值、数字let a: number = 1let b: string = '2'let c: boolean = true// 声明数组let d: number[] = [1,2,3]console.log(d[0])let e:Array<number> = [1,2,3,4]console.log(e.
2020-07-21 13:30:53
154
原创 vue History Hash区别
History模式跟Hash最大的区别就是没有# 并且请求服务器的时候发送一整条url 搞到服务器不认识 报错404 就是这么恶心，所以需要后端同学配合一下 参考
2020-07-21 13:20:29
104
原创 vue 微信浏览器缓存问题解决方案
1. 试过js、css打包时添加时间戳，因为打包后每次都是新名字的文件，所以感觉加不加时间戳都没有效果 试了一下果然原因应该是微信浏览器缓存了index.html, 所以打开缓存的页面根本没有任何请求2. 试过index.html添加meta标签，设置不缓存页面，亲测也无效3. index.html 试过添加参数，本以为微信浏览器会认为是一个新页面， 但是无果4. js 间隔时间自动刷新window.location.href 体验不好，还是去掉了5. 既然前端试了很多种办法 还是无效，
2020-07-21 11:49:58
4049
2
原创 js 数据处理逻辑
<template> <div class="test"> <van-row> <van-col span="6"><div>大小排序:</div></van-col> <van-col span="18">{{ pxarr }}</van-col> </van-row> <van-row> <van-col span="6">&l.
2020-07-07 10:44:04
177
原创 es6 记录
<template> <div class="es6"> <div class="es6">es6</div> <div id="result"></div> <div id="result2"></div> <div id="list"></div> </div></template><script>export defa.
2020-07-07 10:43:24
105
原创 数组排序
<script>export default { data() { return { pxarr: [1, 4, -8, -3, 6, 12, 9, 8], }; }, mounted() { // 排序 sort() // 还有冒泡排序, 快速排序,插入排序 this.paixu(); }, methods: { paixu() { let pxarray = this.pxarr; function compare(val1, val2) .
2020-07-03 13:19:32
105
原创 es6箭头函数
var f2 = v => v; // 等同于 var f = function (v) { return v; }; console.log(f(2)) console.log(f2(2)) var f3 = () => 5; // 等同于 var f4 = function () { return 5 }; console.log(f3()) console.log(f4()) ...
2020-05-29 10:53:53
128
原创 var let const 的区别
// 1.es5只有全局作用域和函数作用域, es6添加块级作用域 {} if(true){ let a = 1; } console.log(a) //因为let，const作用域在{}内，所以此时得到结果：a is not defined // 2.var 可以随时改变变量，并且变量可升级 undefined 定义的变量会作为window对象的属性 x = 1; var x; //先赋值后声明,变量x声明提升 co...
2020-05-29 10:21:15
149
原创 html 使用 vue 实现翻页功能
<script type="text/javascript"> var app = new Vue({ el: '#app', data: { page: 1, //初始化当前页 endpage: 2, //假数据，默认总共两页数据 loading: true, //是否为加载中状态 }, mounted() { // 滚动监听触发scrollBottom事件 window.addEventListener("scroll", this.scrollBott.
2020-05-28 10:14:35
787
原创 html页面 使用vue 创建导航栏
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, u.
2020-05-28 09:58:38
734
原创 html 下使用vue-loadlazy.js
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, u.
2020-05-28 09:36:33
459
1
原创 html页面下如何通过vue使用vue-awesome-swiper
<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-s.
2020-05-25 11:51:58
559
原创 jq 图片裁剪功能
cropper.js 一款基于jquery的图片裁剪插件这两篇文章详细介绍了配置信息：https://blog.csdn.net/chenxueshanBlog/article/details/81941436https://blog.csdn.net/weixin_38023551/article/details/78792400...
2020-01-02 14:04:57
509
原创 H5 终止ajax请求
//声明变量var request;//数据请求request = $.ajax({ type: "", url: "", data: {}, dataType: "", success: function(res) { }});//终止请求事件request.abort();
2019-12-05 10:45:09
155
原创 jq h5实现swiper轮播图全屏预览
今天实现swiper轮播图全屏预览，之前写mip化页面的时候轮播图组件有全屏预览的属性以为swiper.js（https://www.swiper.com.cn/）会有，可是没有找到呀，网上的框架也很多，但是不想改插件了所以用最简单的方式css+jq 对swiper插件实现了全屏预览（单个轮播或多个轮播可用）逻辑：1. 通过用户点击轮播图元素，在动态生成一个全屏的轮播图，把点击的轮播图...
2019-11-28 11:26:01
1629
原创 小程序 文章内容展开收起
动态改变文章内容（多篇或单片）处理方式：通过小程序中SelectorQuery()选择器方法获取文章内容高度，通过默认收起状态最大高度判断是否显示展开按钮如果超出默认高度对改字段添加字段控制class的添加与删除 从而控制文章内容的展开与收起例子：swan：<!-- 文章内容 --><view style="opacity:{{ zero }}"...
2019-11-28 11:06:44
220
原创 小程序、jq 文章分段
小程序文章分段内容字段要放到<text></text>标签内 否则不识别\n 换行符<viewclass="introduce"s-if="{{indroc}}"><text>{{indroc}}</text></view>H5 添加样式、格式的内容文章内容尽量使用动态html()方法谨记...
2019-11-28 10:40:44
729
原创 小程序 上传图片带预览带删除功能
<view class="container"> <view class="title">用户反馈</view> <form class="form" bindsubmit="formSubmit" bindreset="formReset" ...
2019-10-26 16:39:32
379
原创 小程序 评论页面添加评论和回复、添加评论点赞
<view class="container"> <view class="title">全部评论</view> <view class="wrapper"> <view class="nothing" s-if="{{ commonList.length == 0 }}"> &l...
2019-10-26 16:28:35
1302
1
原创 小程序 文章点赞和踩缓存
<view class="button"> <view class="button_items" bindtap='thumbsup'> <image class="yangtaozan" mode="widthFix" s-if="{{checkeddz}}" src="/images/[email protected]"...
2019-10-26 16:25:02
242
原创 h5 audio标签 点击播放暂停 并添加进度条显示
<div class="audio_con" onclick="playVid()" > <div class="audiobg"></div></div><audio src="../js/1.mp3" id="myaudio"></audio>var myaudio = document.getEl...
2019-10-22 11:55:06
1028
原创 H5 移动端 上拉加载
$(document).scroll(function () { var distance = $(document).scrollTop(); //向上滚动高度 if(distance >= $("body").height() - $(window).height() - 80){ // 内容高度 - 窗口高度 page = pa...
2019-10-09 18:05:30
177
原创 uni-app 注意事项
1.根目录 static文件夹 存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此2.components文件夹 组件目录3.hybrid 存放本地网页的目录4. pages.json 配置页面路由、导航条、选项卡等页面类信息5.css、less/scss等资源同样不要放在static目录下，建议这些公用的资源放在common目录下。6....
2019-09-06 10:29:39
1736
原创 lazyload图片预加载
//引入lazyload.js<script src="/assets/global/scripts/select2/dist/js/lazyload.js"></script>//img标签<img id="activityBanner_pic" class="img-responsive" data-original="<?php echo $rv...
2019-06-14 13:48:17
280
原创 url中解析字段并用base64加密解密图片地址
//对 123321 进行加密var str = $.base64.encode('123321');alert(str); //对 str 进行解密var dstr = $.base64.decode(str);base64.js 源码/*! * jquery.base64.js 0.1 - https://github.com/yckart/jquery.bas...
2019-05-14 10:22:01
1983
原创 图片加载延迟（ LazyLoad.js ）
在线引用地址：http://www.ijquery.cn/demo/lazyload/js/lazyload/jquery.lazyload.js滚动到可视范围后 加载图片内容<script type="text/javascript" charset="utf-8"> $(function() { $("img.lazy").lazyload({effec...
2019-04-29 17:02:58
592
原创 jquery 一键复制淘口令
<!DOCTYPE html><html lang="zh-en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="https://code.jquery.com/j...
2019-04-25 11:50:36
7051
2
原创 微信小程序 （网络、下载、上传、数据缓存接口）接口文档整理
网络：wx.request(Object object) 发起 HTTPS 网络请求RequestTask.abort(); 中断请求任务RequestTask.offHeadersReceived(function callback) 取消监听 HTTP Response Header 事件RequestTask.onHeadersReceived(function ...
2019-04-10 18:03:25
1052
原创 微信小程序（ 基础、路由、界面 ）接口文档整理
接口文档系统：wx.canIUse 判断小程序的API，回调，参数，组件等是否在当前版本可用wx.getSystemInfoSync() / wx.getSystemInfo(Object object) 获取设备品牌，型号，像素比，屏幕宽高，可使用窗口宽高，状态栏高度，允许微信使用相册，摄像头，定位，麦克风。通知，蓝牙，地理位置，wifi开关等信息生命周期：...
2019-04-10 14:09:12
1331
原创 微信小程序判断用户设备信息
微信接口：wx.getSystemInfowx.getSystemInfo({ success: function (res) { console.log(res) } })
2019-04-10 11:32:38
1268
原创 微信小程序 用户登录凭证 根据登录凭证获取用户登录状态信息
微信登录接口：wx.login(Object object)；微信登录获取临时凭证code参数后台根据code参数调用后返回前端包括用户的唯一标识（openid）及本次登录的会话密钥（session_key）等timeout number 否 超时时间，单位ms 1.9.90 success function 否 接口...
2019-04-10 11:12:11
2831
原创 微信小程序中获取用户微信运动信息
可以通过微信接口：wx.getWeRunData 获取用户过去三十天的微信运动步数。前提：使用这个接口有两个前提：1. 需先调用wx.login接口进行登录 步数信息会在用户主动进入小程序时更新。2. 调用前需要用户授权scope.werunPage({ data: { runData:[], }, /** * 生命周期函数--监听页面加载 ...
2019-04-10 10:56:04
1403
原创 小程序根据移动端设备判断tabbar是否隐藏
onLoad: function (options) { //检测ios访问隐藏底部hideTabBar var isios=app.isIOS(); if(isios){ swan.hideTabBar({ success: function (res) { ...
2019-04-09 16:51:07
1232
空空如也
React 与运算符 && 多层级的条件判断
2020-08-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人