- 博客(36)
- 资源 (5)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vscode 执行 npm cnpm yan
右击VSCode图标，选择以管理员身份运行；在终端中执行get-ExecutionPolicy，显示Restricted，表示状态是禁止的；这时执行set-ExecutionPolicy RemoteSigned；此时再执行get-ExecutionPolicy，显示RemoteSigned，则表示状态解禁，可以运行...
2021-08-25 17:54:31
307
原创 window.open
window.open(url,name,features,replace) Arguments-参数 url 可选字符串参数，指向要在新窗口中显示的文档的URL。如果省略该参数，或者参数为空字符串，新窗口不会显示文档。 name 可选字符串参数，该参数可以设置新窗口的名称。 相同name的窗口只能创建一个，要想创建多个窗口则name不能相同。 features 可选字符串参数，该参数用于设定新窗口的功能。因...
2021-07-30 17:07:51
232
原创 json 多级联动方案
fn(){varsetting={idKey:'id',parentKey:'pId',childKey:'children'};letdata=this.transformTozTreeFormat(setting,divisionAll);this.options=data;},transformTozTreeFormat(setting,sNodes){vari,l,...
2021-06-04 19:27:22
338
原创 社交分享(facebook分享、twitter分享、link分享、google分享)
facebook分享<a href="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(document.location.href)+'&t='+encodeURIComponent(document.title),'_blank','toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scro
2021-01-04 11:39:28
960
原创 web sql
<script language="JavaScript"> var con = document.getElementById("con"); var msg; function websql(){ console.log("123") var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 102...
2020-12-02 14:09:56
144
原创 js图片 转换
js 图片转换base64 base64转换为file对象js 图片转换base64 base64转换为file对象function getImgToBase64(url,callback){//将图片转换为Base64 var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), img = new Image; img.crossOrigin = 'Anonymous.
2020-11-04 15:33:28
430
原创 各种正则验证
var numReg = /^[1-9]\d*$/, //正整数正则表达式floatReg = /^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/, //正数telReg = /^1[0-9]{10}$/, //手机号正则表达式qqReg = /^[1-9][0-9]{4,14}$/, //qq验证priceReg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$...
2020-11-04 10:29:09
445
原创 canvas 图片合并和添加图片
<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="/jqplot/excanvas.min.js"></script><![en
2020-11-03 18:03:27
863
原创 canvas 绘制图片下载
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="canvas" width="400" height="400"></canvas> <...
2020-11-03 16:46:20
469
原创 下载js
download(url,params={},fileName=''){returnaxios({url:url,method:'post',params,responseType:"arraybuffer"}).then(res=>{constcontent=res;...
2020-10-26 16:45:32
218
原创 微信小程序版本自动更新的方法
// 在app.js里写下以下代码onLaunch () {if (wx.canIUse('getUpdateManager')) {const updateManager = wx.getUpdateManager()updateManager.onCheckForUpdate(function (res) {console.log('onCheckForUpdate====', res)// 请求完新版本信息的回调if (res.ha...
2020-06-09 16:58:58
952
原创 vue 一步一步来
1. 安装项目首先是通过：https://github.com/vuejs-templates/webpack下载代码并新建一个项目：$ cnpm install -g vue-cli$ vue init webpack my-project$ cd my-project$ cnpm install$ cnpm run dev安装过程有提示你选择技术栈：? Project name f7-vue-demo? Project description A Vue.js proj..
2020-06-08 14:06:01
93
原创 this 问题解决方案
通常情况下,函数的this会指向他的调用者function foo() { console.log(this)}foo() //等于window.foo(),调用者是window所以this指向windowconst obj = { foo: foo}obj.foo()//调用者是obj所以this指向obj## new指向实例使用new 构造函数()模式,this会指向生成的实例```javascriptlet a=new Foo();箭头函数箭头函数内部没有
2020-06-05 18:12:02
159
原创 函数防抖和节流的结合
函数节流有个毛病,就是最后一次事件执行后,如果距离上一次事件执行不到规定时间,那么最后一次事件就不会执行,解决方法就是把事件函数节流和防抖结合在一起function throlle(callback,delay){let startTime=0;let timer=null;return function (){//使用new Date().getTime(),这样首次操作一定会执行let endTime=new Date().getTime();clearTimeout(timer);
2020-06-05 18:11:01
494
原创 在vue中 加密总结
//npminstallcrypto--saveimportcryptofrom'crypto'//npminstalljs-sha256//letsha256=require("js-sha256").sha256//npminstalljs-base64//letBase64=require("js-base64").Base64exportdefault{md5Fun(data){constmd5=...
2020-06-05 16:28:07
334
原创 前端加密方式整理
1.md5加密：md5.js2.base64加密：base64.js3.sha1加密：sha1.js4.RSA加密：jsencrypt.js
2020-06-05 14:54:23
125
原创 vue uni-app 的set用法总结
<template> <div id="app2"> <p v-for="item in items" :key="item.id">{{item.message}}</p> <button class="btn" @click="handClick()">更改数据</button> </div></template><script>e.
2020-06-05 10:01:49
6876
原创 html5总结
HTML 5.1最伟大的创新之一就是引入了新的语义元素。它们也许（很有可能）会成为你如今日常写码的一部分。就是因为有了标记性的结构和语义，才使我们的站点有了很大改善。我将主要提到的元素有： <main> 定义主要内容; <nav> 定义主体模块或者导航链接的集合; <article> 包含独立于页面其他部分的内容； <header> 包含介绍部分或者是导航链接的集合； <footer> 定义了.
2020-06-04 17:53:11
379
原创 跨域问题解决 方案
针对本文的九种方法我均写的有相应的demo演示(对应的前端文件，后端文件和配置文件)，强烈建议不熟悉的朋友都去尝试一下。本文github地址,fontService是前端地址文件，service是后端文件。网络上存在很多不同的跨域文章，我在学习的时候基本上也是去看他们的文章，但是有些地方的确理解起来有点困难，所以本文就这样产生了，希望能写一点和现在网络上文章中都不一样的东西。同时也把我自己的看法写进去，和大家相互交流自己的看法。跨域在以前一直折磨着每个前端开发者。但是现在，三大框架的普及，我们在开.
2020-06-04 17:51:34
314
原创 循环的常用操作
1.for基本使用var arr = [‘1’,‘2’,‘3’]for(var i =0;i<arr.length;i++){console.log(arr[i])}2
2020-06-03 14:31:55
277
原创 微信小程序 自定义顶部导航
一、在app.json的window对象中定义导航的样式：小程序开发文档中说明"window":{ "navigationStyle": "custom"},这样你会发现所有页面的导航栏都不见了。如果还有其他页面需要导航栏的，那就模仿小程序的导航栏按照以下步骤。二、首先要在app.json的onLaunch方法里面获取手机状态栏高度，全局定义导航高度navHeight：// 获取手机系统信息 wx.getSystemInfo({ succes..
2020-06-03 14:22:28
517
原创 vue项目配置时间戳处理缓存
在入口文件index.html添加<meta http-equiv="pragram" content="no-cache"><meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate"><meta http-equiv="expires" content="0">因浏览器缓存原因导致vue打包后的文件不能即使更新最新代码。缓存里的内容没有清除。（基本没作用..
2020-06-03 13:55:11
1593
原创 小程序页面样式调试
修改导航条背景颜色和字体颜色uni.setNavigationBarColor({ frontColor: "#ffffff", backgroundColor:"#007AFF" })设置小程序显示亮屏uni.setKeepScreenOn({ keepScreenOn: true });在微信小程序中，自定义导航栏的颜色 可以在app.j...
2020-06-03 12:24:46
1143
原创 ES6对象方法声明时箭头函数this的指向
一、基础ES6 将箭头函数纳入标准，很多人都知道一些基本的特性，比如下面的：没有this、super、arguments 和 new.target 绑定 不能通过 new 关键字调用 没有 prototype 不可改变 this 的绑定 不支持 arguments 不支持重复命名参数（无论是严格模式还是非严格模式）上面的列表时《深入理解ES6》中zakas列出的。二、问题最近遇到一个小疑问，也不算是我自己遇到的，看到别人提出的问题：示例一：// 示例一 lastName
2020-06-02 17:53:56
412
原创 vuex 数据共享方案
vue-cli项目中安装 vuex :npminstallvuex--save然后 在src文件目录下新建一个名为store的文件夹，为方便引入并在store文件夹里新建一个index.js,里面的内容如下: import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store(); export default store;接下来，在 main.js里面引入st...
2020-06-02 17:49:59
158
原创 Vue 组件之间传值总结
1、通过路由带参数传值 ① A组件通过query把id传给B组件 1 this.$router.push({path:'/B',query:{id:1}}) ② B组件接收 1 this.$route.query.id 2、父组件向子组件传值使用props向子组件传递数据子组件部分：child.vue 1 2 3 4 5 6 ...
2020-06-02 17:47:46
169
原创 vue npm命令折腾中
NPM几个常用命令和参数的意思：npminstallpackagename安装模块如不指定版本号 默认会安装最新的版本npminstallpackagename0.0.1安装指定版本的模块npminit这个命令会在当前目录生成一个package.json文件，这个文件中会记录一些关于项目的信息，比如：项目的作者，git地址，入口文件、命令设置、项目名称和版本号等等，一般情况下这个文件是必须要有的，方便后续的项目添加和其他开发人员的使用。npminstall...
2020-06-02 17:38:26
248
原创 css造型变化
旋转 transform:rotate(7deg);预览器前缀-moz- /* 火狐等使用Mozilla浏览器引擎的浏览器 */-webkit- /* Safari, 谷歌浏览器等使用Webkit引擎的浏览器 */-o- /* Opera浏览器(早期) */-ms- /* Internet Explorer (不一定) */ 动画#myDIV{ width:300px; height:200px; background:red;...
2020-06-02 17:35:02
86
原创 微信授权操作
<button open-type="getUserInfo" lang="zh_CN" @getuserinfo="onGotUserInfo" >授权</button>onGotUserInfo(e){ if(e.detail.userInfo){ uni.setStorageSync('detail', e.detail); uni.showLoading(...
2020-06-01 14:49:36
347
原创 vue实现中英文网站配置
1.新建lang文件exportdefault{Lang(code){letENCN={"1000":{"cn":"测试数据","en":"nodata"},}letlangs='';if(!ENCN[code]){langs='...
2020-06-01 14:45:55
635
原创 vue的keepAlive使用
使用$route.meta的keepAlive属性：<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view></keep-alive><router-view v-if="!$route.meta.keepAlive"></router-view>
2020-06-01 14:33:49
190
原创 css 三角形简单实现demo
<div class="icon"></div>.icon{float: right; width:0; height:0px; border-width:6px; border-style:solid; border-color:#FFFFFF transparent transparent;}
2020-06-01 14:26:18
103
原创 git 使用记录总结
你的代码git commit -am "一次提交说明"git pull git pushgit clone项目目录下查看分支：git branch创建分支：git branch <name>切换分支：git checkout <name>或者git switch <name>创建+切换分支：git checkout -b <name>或者git switch -c <name>合并某分支到当前分支：git me...
2020-06-01 14:18:06
80
翻译 前端常用60余种工具方法
1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) => {
2020-06-01 14:16:19
223
原创 canvas画图小测试
conteFunt(code){ var context = uni.createCanvasContext('firstCanvas') context.setStrokeStyle('#FFFFFF') //线色 context.setLineWidth(1) //线宽 context.moveTo(7,1) context.lineTo (7...
2020-05-22 16:12:39
162
转载 总结的一些微信API接口
本文给大家介绍的是个人总结的一些微信API接口，包括微信支付、微信红包、微信卡券、微信小店等，十分的全面，有需要的小伙伴可以参考下。1. [代码]index.php<?phpinclude_once 'lib.inc.php'; $wcObj = new WeChat("YOUKUIYUAN");$wcObj->wcValid();2. [代码]微信入口类 <?php/*...
2018-07-10 17:06:08
1317
uniapp分包demo
2020-11-03
elementUI时间选择器(el-date-picker)输入格式的转换与自定义
2021-07-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人