- 博客(31)
- 收藏
- 关注
RSS订阅
原创 微信小程序怎样分享一个链接到朋友圈，小程序分享到朋友圈，微信小程序如何分享到朋友圈，小程序链接分享到朋友圈
重磅消息重磅消息重磅消息重磅消息重磅消息重磅消息重磅消息目前小程序已经支持分享到朋友圈，只有安卓机好使。体验地址：扫码进入小程序 ---- 点击右上角三个点1.先看案例2.微信开发文档：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareTimelinehttps://developers.weixin.qq.com/miniprogram/dev/api/sha
2020-07-07 11:26:01
88507
10
原创 Node.js 抓取(爬虫)别人的接口（get、post）获取数据 生成 Excel
const xlsx = require('node-xlsx')//xlsx 库const fs = require('fs') //文件读写库const request = require("request");//request请求库let data = [] // 把这个数组写入excel request({ url: "https://qudao.youzan.c...
2019-12-16 09:29:04
2201
原创 小程序获取code 获取 openId
1.首先先看文档https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html如果你文档看的很明白 那么换openId 一看就懂 就不需要继续阅读本文章了，如果看了文档还是不懂，请继续阅读！2.前端调用微信api-------wx.login() ,成功函数返回的res.cod...
2018-12-11 09:38:00
23544
原创 vue2.x上传图片到阿里OSS服务器
一、安装node.js ----oss-SDK:npm install ali-oss ①同步方式创建连接：new OSS() ②异步方式创建连接:new OSS.wrapper()二、获取本地的图片： 获取本地图片的方法实在是太多了，这里不做说明。三、上传图片到OSS: 官网中给出上传的方法有很多种。下面主要介绍的是clien...
2018-06-27 13:24:12
8790
原创 Vue2.x实现生成二维码并且能下载到本地
一、前端生成二维码功能很常见，不用想肯定得用到插件，上github上一搜索vue qrcode出来好几个插件，star并不是很多大部分都是100多个star,下面主要介绍vue-qr的使用方法和如何下载二维码到本地的方法。二、 1.vue-qr，先说一下特点：带可以设置logo图片、背景图片、背景颜色、尺寸、边距等。 使用方法：1.npm in...
2018-05-28 14:10:14
9356
1
原创 Vue、Element-ui项目中如何使用Iconfont(阿里图标库)
我们使用element-ui、vue开发网站的时候，往往图标是起着很重要的作用。2018-11-9更新1.傻瓜式引用：由于这种方法及其简单 省去了很多繁琐的步骤，a.引入项目生成的，图标地址。b.使用推荐使用这种，详情请看文档！！文档够详细的了。http://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4...
2018-03-29 13:45:42
79397
25
原创 利用vue2.x、echarts画散点地图
一、我们需要安装echarts、下载China.js文件1.echarts安装方法：npm install echarts --savemain.js里面 import echarts from 'echarts'Vue.prototype.$echarts = echar...
2018-03-21 14:35:13
7385
4
原创 用Vue、element-ui、axios实现省市区三级联动
现在大部分电商的网站、app都需要用户或者管理者去选择设置地区等位置信息。下面我就介绍一下前端开发者用vue，axios，element-ui开发一个省市区三级联动的组件。1.准备工作，首先我们需要全中国的省市区资源的json数据（科普一下：前六位数字是身份证前六位）2.搭建vue-cli,安装axios,element-ui,创建vue，webpack项目 1).在...
2018-03-13 11:33:17
44377
10
原创 利用jquery和原生Js封装一个上传图片的组件
效果图虽然说现在已经不流行jquery了，但是有时候操作dom，没有比他更简单的框架了，一、先说一下功能和需求 1.我们有时候需要限制上传的个数，那么到底要设置最多上传多少个图片呢？这个教给产品经理，他想上传多少个，咱们就能上传多少个 2.有时候我们选择完图片，我发现我选错图片了，我又不想刷新界面，我想删除指定的被选择的图片，这要是不会实现就挺尴尬了。 3.其实还想做一下，图片的...
2018-03-12 15:47:39
2186
1
原创 谈谈小程序的跳转方式
不管什么前端语言，都需要使用跳转界面这个功能由于小程序是搭载到了微信里面，小程序属于微信的内部应用，所以微信小程序不能获取到window、document，所以平时在网页端大家用的，window.location.href="http://*********"，document.getElementById("**"),这些都不能用。那么我们怎么才能实现跳转的功能呢？别急，下面我就总结一下，微...
2018-03-12 12:52:12
18338
原创 微信小程序跳转到其他网页(外部链接)
个人类型和海外类型的小程序不支持 web-view 标签 也就是说个人申请的小程序，就别想跳转了！！！！1.开发的时候，我们难免碰到要跳转到其他网页中去那该怎么实现呢？2.例如我想点击一个按钮，跳转到百度（百度的网页还是在小程序中打开）3.wxml 1. index.wxml (按钮页面)<view class='wrapper'> <b...
2018-03-08 13:48:50
279288
45
原创 微信小程序获取详细位置信息
我们要实现的是，点击一个按钮然后，跳转到地图位置选择页面，选择完位置之后，拿到详细的数据信息（经度、纬度、选择名称、选择的详情）多了不说，直接上代码。1.wxml<view class='mapContainer'> <view class='longitude'> <text class='cont'> ...
2018-03-05 16:26:22
3489
原创 JavaScript小技巧【建议收藏】
也就是通过展开操作符(spread operator)来实现。这里推荐使用Chrome浏览器，因为HTML5的支持度不同。ES6中有简便写法，可以帮我们简短代码，从而更加明确。然后点击按钮，就会触发test方法的执行实现语音合成。提高工作效率，减少代码量，降低键盘磨损程度。我希望你喜欢它并学到了一些新东西。
2022-10-31 16:37:27
152
原创 小程序富文本图片超出过长如何解决？
html 是富文本html代码 html=html.replace(/<img/gi,'<imgclass="img_class"');标签支持class 所以我们可以用正则给所有的img标签加class类名，也可以给别的标签加。1.img_class{ width: 100% !important; height: auto !important; display: block !important;}function replaceSp...
2022-04-26 17:42:23
668
原创 node爬虫图片并保存到本地
var request=require("request");var http = require('http')var https = require('https')var cheerio=require("cheerio");var fs = require('fs')var domain = 'https://madoupan.com'var req_url_id = '7348' //改成你想爬的 https://madoupan.com/7348.htmlrequest(do..
2022-03-04 10:51:40
2572
原创 Node express项目热更新，如何不重新启动服务就运行代码?
在做node开发时，更改脚本之后，总是要ctrl+c停止运行，然后重新node运行脚本文件，这是因为node在执行时只有第一次加载脚本时会解析脚本，找到引用的模块，程序等，这种操作非常不利于开发，所以采用了另外一种方法，使用supervisor监视脚本文件改动，并在改动之后重新运行脚本文件，使用方法如下：npm install -g supervisor在4.0之前启动项目是node app.js4.0之后启动项目是npm start 作用类似于一开启动，不用每次都启动都打.
2021-10-13 10:42:58
598
原创 网页引入腾讯地图
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/&g.
2020-06-15 10:18:12
1797
原创 读vue源码 巩固js 2019-05-24
源码地址https://unpkg.com/[email protected]/dist/vue.js以下知识点大部分都出现在vue源码中，少部分为个人扩展补充1.Object.freeze()方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结...
2019-05-24 20:53:23
260
原创 小程序组件传值 ，微信小程序父子组件传值通信 ，小程序自定义组件（组件传值）
实现一个加法计数器（点击加号数字+1）1.项目结构2、页面效果(点击加号 数字加一，max变成99 )，max值为子组件传递过来。3.组件com代码wxss:.quantityViewStyle { display:flex; border:0rpx solid #DADADA; border-radius:6rpx; width: 220r...
2019-05-24 11:51:27
3736
原创 js 金额用，隔开（千分位加逗号） 例如 100,222.123
numFormat(num) { var c = (num.toString().indexOf ('.') !== -1) ? num.toLocaleString() : num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); return c; } console.log(this.num...
2019-05-23 14:20:22
12509
原创 小程序 url传参 参数值过长 接收时候 内容不全得问题 、
原因：参数被url截断了 、需要编码传送，解码接收//传参wx.navigateTo({//wx.redirectTo、wx.reLaunch url: '../details/details?id=' + encodeURIComponent(id)});接收onLoad(options) { var id = decodeURIComponent(opt...
2019-02-21 10:52:09
11940
1
原创 微信小程序 实现点击卡片 翻转效果
动画效果：这个是我本人的，前端技术QQ交流群，有不会的问题，可以在在群里面问：wxml:<view class='main'> <!--正面的框 --> <view class="box b1" animation="{{animationMain}}" bindtap='rotateFn' data-id="1" > ..
2019-01-31 10:27:21
8378
1
原创 小程序跳转到其他小程序
我记得在之前的几个月小程序跳转必须是同一主体（同一公众号），但是现在不用了！！可以随便跳转 了！！一、使用限制 1.需要用户触发跳转从 2.3.0 版本开始，若用户未点击小程序页面任意位置，则开发者将无法调用此接口自动跳转至其他小程序。 2.需要用户确认跳转从 2.3.0 版本开始，在跳转至其他小程序前，将统一增加弹窗，询问是否跳转，用户确认后才可以跳转其他小程序...
2019-01-17 10:55:02
32518
4
原创 多行文本垂直居中、显示省略号问题
一、文本垂直居中 1.一行文本、如果元素有高度：height:40px;line-height:40px; 2.n行文本 垂直居中 display: flex;align-items:center;justify-content: left;//文字居中方式 我设置的居左 这个是我本人的，前端技术QQ交流群，有不会的问题，可以在在群里面问：二、超出显示...
2019-01-08 10:49:08
1104
原创 小程序自定义导航栏 + 加菜单功能
自定义效果图比如这样如果不自定义效果图就是这样：打开第二页就会有个返回键这个是我本人的，前端技术QQ交流群，有不会的问题，可以在在群里面问：一、如何自定义： 1.打开app.json 如下箭头所示 2.如果你自定义导航栏了，整个小程序就会沉浸到这个手机，整个手机屏幕都会是小程序。 3.如果你你的导航栏是公用的，可以开发个组件。 4.既...
2019-01-08 10:28:43
4664
原创 小程序分享功能
一、在原来的分享接口中，用户发起分享动作之后，可以通过success、fail、complete等回调来判断用户是否完成了最后的分享动作。通过这个能力，开发者可以将产品交互在分享这个能力上做得比较自然和顺畅。现在为鼓励用户自发分享喜爱的内容，减少“强制分享至不同群”等滥用分享能力，破坏用户体验的行为，在我们权衡了分享功能带来的利弊后。这个是我本人的，前端技术QQ交流群，有不会的问题，可...
2019-01-08 09:56:47
2798
1
原创 正则表达式获取url后面的参数
getUrl(){ const URL = window.location.href const regex = /user_id=([0-9]{1,20})/;//0-9代表0-9的任意数字，1-20表示1-20位数字 const str = URL let m; if ( (m = regex.exec(str)...
2018-07-17 13:22:00
4554
原创 0基础搭建vue项目
1.安装node.js https://nodejs.org/zh-cn 测试node是否安装成功：node --version测试npm是否安装成功：npm --version(node里面自带npm--npm是node的包管理器--使用npm能安装模块)2.安装vue脚手架（vue-cli）随便找个文件夹：进入命令行（cmd）中 输入：npm install -g ...
2018-07-03 11:37:43
467
原创 vue项目用sha256、md5、base64加密密码
无论你开发什么样的项目，你可能都会要开发登录、注册、修改密码、忘记密码这些功能，少数项目除外！！要实现这些功能，对于保护用户或者管理员账号密码，这是我们程序员肯定要做的事情。要是用户密码不加密，用明文方式传给后台，是不是有点耍流氓了！！！所以为了保证密码的不可见性，我们还是加密吧！下面我简单介绍一下三种加密方法，也是我最常用的三种方法。1.MD5： 1)、基本介绍 ...
2018-04-02 10:59:06
24452
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人