- 博客(49)
- 收藏
- 关注
RSS订阅原创 微信小程序 -- 阻止小程序返回
返回操作包括：顶部导航、右滑手势、安卓物理返回键和调用 navigateBack 接口。本次项目为uniapp开发，原生小程序也可以参考这两个方法。这是一个类似弹框的组件，具体参数可以去官网查看。缺点：无法自定义样式、按钮文字及样式。优点：可以自定义返回框。
2023-03-03 11:20:34
5275
10
原创 html2canvas(html转图片/html海报生成)
html2canvas 版本： 1.0.0-rc.4，这里说明下，不同的版本可能会有不同的表现形式。比如一开始用的最新的版本，出现了生成的图片中的文字无缘无故向下偏移一行，没有找到解决办法，于是降低了版本。应用场景：本次是在vue项目中，几个不同的页面，有将整个页面生成海报，也有将弹框内容生成海报，所以讲canvas方法单独封装了，需要的页面引入调用即可。当然，不是vue的项目，也可以使用我这方法，只是引入文件方式不一样。新建canvas.js，将截图方法放入其中import html2canvas
2021-09-10 09:50:55
1555
1
原创 ios 引入iframe设置uuid缓存localstorage，uuid不对(或一直更新)
该问题是ios safari 设置阻止跨网站跟踪 导致，手机关掉这个功能可正常跨浏览器访问localstorage
2021-08-04 11:04:09
539
原创 前端多端复制方法，兼容ie、兼容ios
废话不多说，直接上代码function copy (copyText) { var copyText = copyText || '复制内容被你吃了？' //这种参数默认方法兼容ie let copyDom = document.createElement('span'); copyDom.style.position = 'absolute' copyDom.style.left = '-9999px' copyDom.s
2021-07-30 10:55:11
213
1
原创 在单独的html里使用vue3
在单独的html里使用vue3废话不多说，直接上完整代码页面内还有几个简单的测试数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
2021-04-06 15:23:16
6298
原创 echart雷达图详细配置
echart雷达图参数配置我是个搬运工，这里是搬运别的大佬的。之前网上找了好久才找到的配置，怕下次难得找，直接搬过来了原链接：原链接// 指定图表的配置项和数据var option = { backgroundColor: 'rgba(204,204,204,0.7 )', // 背景色，默认无背景 rgba(51,255,255,0.7) title: { text: '各教育阶段男女人数统计', link: 'https://www.
2021-01-09 15:03:46
5322
1
原创 jquery 2选择器
1.元素选择器<p></p><div></div><a></a>$("p")$("div")$("a")2.id选择器<div id='test'></div>$("#test")3.class选择器<div class="box"></div>$("...
2019-11-13 21:42:40
163
原创 jquery 1.入口函数
方法1$(document).ready(function(){//执行代码})方法2(简写)$(function(){//执行代码})
2019-11-13 21:14:11
157
原创 art-template渲染基本语法
art-template有点类似ejs，将通过js传过来的的数据，在html里面渲染，但是art-template是要在标签中渲染。引入模板//html文件中<script id="J_goods_list" type="text/html"></script>比如我们在对应的js文件中拿到了数据，然后将数据传给htmljs文件中//请求得到的数据res....
2019-11-11 22:30:36
469
原创 js点击input弹出一个框div，点击输入框和div之外的地方隐藏弹出框
利用了阻止冒泡的方法实现，先上样式 <input type="text" name="" id="" placeholder="请输入"> <div class="box"> <div class="box1"> 戳我 </div> </div> &...
2019-11-10 20:12:47
2060
1
原创 用vue脚手架cli安装vue项目
1、首先查看你的cli版本：cmd里面输入：方法1：vue -V按回车，注意后面的V是大写或者，方法2：vue --version2、如果没有安装cli，则先安装npm install -g @vue/cli3、安装项目如果cli是3.x的，使用命令vue create 项目名如果cli是2.x的，使用命令vue init webpack 项目名...
2019-11-03 09:27:28
225
原创 react native 安卓打包APK
在jdk目录下，如（比如C:\Program Files\Java\jdkx.x.x_x\bin）输入命令默认的会将生产的文件放在C盘，用 D:\ 将生成的文件放在d盘，生成的文件名：文件名：my-release-key.keystorekeytool -genkeypair -v -keystore D:\my-release-key.keystore -alias my-key-alia...
2019-10-24 16:39:31
224
原创 react native列表视图FlatList
import React, {Component} from 'react';import {Platform, StyleSheet, Text, View,Image,FlatList,RefreshControl} from 'react-native';export default class Flat extends Component { constructor(props...
2019-10-23 14:13:53
223
原创 react ntive 启动命令
一、react-native run-android初次建项目启动时，使用这个命令:react-native run-android这个命令启动会弹出两个框，一个服务框、一个node框二、react-native start --reset-cache这个命令在项目至少第二次启动后可使用，具有启动项目并清缓存的功能，只弹出一个框，上面的两个框合并为一个框...
2019-10-22 10:49:45
1269
原创 react native基础语法二
一、props父组件import Props from './components/props.js';// 定义并导出自定义组件export default class App extends Component{ render(){ // 展开运算符 ... var userinfo = {name:'王五',age:30,hopy:'足球'}; //解构...
2019-10-22 10:38:03
172
原创 react native基本语法一
一、样式react native的样式方式，与react类似样式表现方式：1、行内：用js对象表达html中css样式 ，花括号{ }内是对象style={ {flex:1,justifyContent:"center"} }(1)注意属性不再是 - 连接换成小驼峰命名：justify-content 换成 justifyContent(2)注意属性值是字符串的加引号 " "2...
2019-10-21 17:05:25
334
原创 js将一维数组重组为二维数组
问题遇到问题：在渲染界面时，我们需要的是二维数组，但是后台给我传过来的数据是一维数组，这时，我们需要将一维数组转换为二维数组。这种情况一般在我们需要将后台传过来的数据进行分页显示时使用技术循环+splicesplicesplice() 方法向/从数组中添加/删除项目，然后返回被删除的项目注释：该方法会改变原始数组。举例：1.先根据后台拿到的一维数组计算出要分几页，这里每页显示3条...
2019-10-16 21:23:19
1521
原创 mongodb基础语法
查看所有库show dbs使用进入demo数据库use demo查看正在使用的数据库db查看所有集合show collections查看集合数据中的文档，，，集合相当于表–文档相当于数据db.users.find()向数据库中的users集合插入一个文档db.users.insert({"uname" : "lisi","sal":3000,"aihao":["上网...
2019-10-14 21:12:42
143
原创 express中操作mongdb
1.引入mongooseconst mongoose=reqiure(mongoose)2.连接mongodb//mongoose.connect("mongodb://主机名:端口/数据库",{useNewUrlParser:true})mongoose.connect("mongodb:127.0.0.1:27017/blog",{useNewUrlParser:true})3....
2019-10-14 20:44:29
123
原创 ejs基础语法
一.使用ejs入口文件配置1入口文件设置模板引擎：app.set("view engine","ejs")2.设置模板的存放位置,views为文件夹,前面的views是在路径前面补上viewsapp.set("views",[path.jion(__dirname,"./views")])3.告诉ejs将html文件作为模板文件来解析(渲染)app.engine("html",re...
2019-10-14 19:49:58
1392
原创 vue 动态路由
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-09-27 16:48:20
121
原创 vue 之select
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-09-27 16:44:03
149
原创 vue 之radio
radio 互斥，是通过 v-model 的变量名一致产生的如果没有设置value, 则不会变为boolean如果要设置默认选中，则v-model 变量的值和选中的值保持一致<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name...
2019-09-27 16:29:13
2955
原创 vue input笔录
v-model.lazy：输入时不会更改，光标离开时才更改v-model.trim：去掉前后空格v-model.number：输入的要为数字 <!-- 输入时不会更改，光标离开时才更改 --> <input v-model.lazy='username' />{{username}}</div><div> <...
2019-09-27 16:26:05
153
原创 vue 表单操作之checkbox
input type=‘checkbox’如果input 没有设定 value，则是boolean值如果是多选即同name, 我们需要v-model设置相同的变量名，并且是使用数组如果想默认选中，则把v-model的值设置选中的值即可<!DOCTYPE html><html lang="en"><head> <meta charse...
2019-09-27 16:22:21
510
原创 vue props验证
单个约束props:{ name:String,//单个约束 title:Number,}多个约束props:{ // 多个约束 title:[String,Number]}多个约束&必传props:{ title:{ type:[String,Number], required:true //...
2019-09-27 16:17:00
320
原创 vue props接收笔录
直接接收 props: ['theme', 'userObj']对象接收可以对接收的参数做一些验证 // props: ['title',"name"] props: { // 只能是 Boolean 类型 // title: Boolean // title的数据类型是 String , Boolean, Number 其中之一 title: [...
2019-09-27 16:10:31
298
原创 vue组件基础
定义全局组件Vue.component(‘组件名’, Vue配置信息{})template 定义的是显示的html代码，用 `` 来写字符串，方便编写和阅读Vue.component('my-component',{ template: ` <div> <div>我是一个全局组件</div> ...
2019-09-27 15:58:54
156
原创 vue计算computed与监听watch
computed计算，针对多个数据，影响一个数据，如以下的，price或者num变化时，从而计算总价total computed: { //total根据price、num的变化而变化 total: function () { return this.price * this.num; } }watch 一个数据...
2019-09-27 15:50:04
171
原创 js将一个字符串倒序排列
js中如何实现将一个字符串换倒序排列呢，方法还是挺多的，如sort等等，这里介绍一种比较简单的方法，如下，需要用到的js方法：split()reverse()join()split()将字符串按特定的方式分割重组为一个数组reverse()用于颠倒数组中元素的顺序join()将数组按特定的方式重组为一个字符串举例：将字符串hello倒序var str="hello"var sp...
2019-09-26 22:23:47
2417
原创 vue中class与样式style绑定
这里记录vue中class与style的绑定，参考官方文档：class与style绑定class绑定方法：1、直接使用变量2、对象3、数组4、数组和对象1、直接使用变量<!-- :class='变量' --><div :class="redColor">阿斯蒂芬1</div> 2、对象red和font32是字符串类名，会根据条件isTr...
2019-09-26 21:05:39
199
原创 vue键盘事件、键盘码
在vue中可以用v-on来监听键盘事件参考文档:按键修饰符1、用按键修饰符@keyup.按键修饰符=“事件方法”<input type="text" placeholder="up" @keyup.up="upAction"><input type="text" placeholder="down" @keyup.down="downAction"><in...
2019-09-26 20:14:05
994
原创 vue事件修饰符.stop、.prevent、.capture、.self、.once
阻止默认事件.prevent阻止a标签默认跳转<a href="http:www.baidu.com" @click.prevent>点我</a>阻止事件冒泡.stop<div class="littlebox" @click.stop='littleActionDefault()'>#####修饰符可以串联<a v-on:click.st...
2019-09-26 19:53:04
276
原创 vue学习笔记--常用命令（一）
{{ }}两对花括号用来显示渲染DOM：{{变量或方法(js代码)}}<div>{{username}}</div>//直接显示变量<div>{{index+1}}</div>//可以进行运算<div>{{testAction()}}</div>//可以调用方法v-text文本显示，有点类型{{}}显示，用这种可...
2019-09-26 17:11:56
138
原创 如何将本地git与github建立连接
将git与github联系起来，注册github查找本地的ssh秘钥，git里面输入ssh-keygen找到路径后进入找到id_rsa.pub复制—回到GitHub–右上角个人信息----setting-----左侧SSH and GPG key----填写SSH keys1、检查git与github是否已连接：1）新建项目文件夹，进入，右键Git Bash Here输入 git ...
2019-09-26 09:57:32
456
原创 git的常用命令
git是一种版本管理器，像一种后悔药。把工作区的新增或者修改的文件放到 “暂存区” stagegit add 文件名git add a.js把暂存区的代码提交git commit -m ‘提交版本文字说明’查看日志git loggitgit reflog查看文件修改的内容git diff 文件名git diff a.js回退到某个历史版本git reset --har...
2019-09-24 09:02:58
280
3
原创 redux学习笔记（二），redux的store数据的操作
该博文的内容紧跟上一篇博文：redux学习笔记（一）地址：redux学习笔记（一）Redux Dev Tools的安装之前已经制作了Redux中state仓库，也可以从仓库中取出数据了。接下来我们需要在控制台调试这些仓库里的数据，需要使用Redux DevTools。安装这个是需要科学上网的，或者谷歌助手或自己找一些插件，所以你需要先找一个好梯子(如果没有安装的话，也不影响redux的使用)...
2019-09-18 20:40:15
919
2
原创 redux学习笔记（一）初步搭建redux环境，获取store里的数据
目标：本编博客内容相对简单，算是redux最基础的讲解，适合初学者按照以下方法，可以初步完成一个列表框的增加、删除功能，通过功能一步步的实现，从而逐步了解redux。ps:初学的朋友，只要按照以下我的代码敲一遍，一定能对redux的流程有个清晰的了解初始化项目安装脚手架工具npm install -g create-react-app创建项目creat-react-app myred...
2019-09-18 19:24:15
408
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人