- 博客(33)
- 收藏
- 关注
RSS订阅原创 工具_tp5 使用百度富文本编辑器，百度富文本编辑器下载，富文本编辑器乱码解决
首先下载相匹配的下载PHP版本utf版富文本编辑器链接: https://pan.baidu.com/s/1M4XuZgii9ffzmawQWUvotw 提取码: bgtu 官方网文档说明http://fex.baidu.com/ueditor/#dev-bale_width_grunt把它放到public/static的目录下。tp5使用百度富文本编辑器2.我们在视图view上,要用到富文本编辑器的时候，一般都是在表单加入textarea,<textarea name="journa
2021-03-31 12:12:56
604
原创 UNI-APP_uni-app app微信分享
app微信分享第一步，打开 manifest.json -> App模块权限配置，勾选 Share(分享)；分享方法shareFriend: function() { //分享到微信朋友 uni.share({ provider: "weixin", scene: "WXSceneSession", type: 0, href: "http:*******************",//跳转链接
2021-03-30 16:52:15
551
原创 UNI-APP_uni-app app上实现截屏保存图片到本地
截屏保存图片到本地capture() { var pages = getCurrentPages(); var page = pages[pages.length - 1]; console.log("当前页"+pages.length-1); var bitmap=null; var currentWebview = page.$getAppWebview(); bitmap = new plus.nativeObj.Bitmap('amway_img'); // 将w
2021-03-30 16:48:57
1087
原创 UNI-APP_uni-app微信小程序支付调用，调用支付JSAPI缺少参数:total_fee
微信小程序调用微信支付uni.getProvider({ //获取支付类型 service: 'payment', success(reson) { uni.requestPayment({ //下面参数为必传 provider: reson.provider[0], //支付类型 appId: appId, //小程序Appid timeStamp: timeStamp, //创建订单时间戳 nonceStr: nonceStr, package: _package
2021-03-29 13:31:33
1415
原创 CSS_bootstrap响应式布局基础使用
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstra
2021-03-29 09:43:44
97
原创 JS_js数组倒序排列、字符串数组转为数字数组，反转数组/字符串/数字
倒序var arr = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'];arr.reverse(); //["10", "9", "8", "7", "6", "5", "4", "3", "2", "1"]字符串数组转数字数组var arr = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'];arr.map(Number); //[1, 2, 3, 4, 5, 6, 7, 8, 9,
2021-03-24 13:38:53
271
原创 CSS_点击input输入框后提示文字上移缩小
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <div class="login"> &l..
2021-03-23 16:14:40
1397
1
原创 工具_在线生成安卓证书
http://www.applicationloader.net/appuploader/keystore.php输入相关信息之后就可以点击生成证书了，生成的证书为xxx.keystore的文件
2021-03-22 14:16:08
1014
原创 CSS_css选择器，选择所有子元素、最后一个、第一个、单数、双数、第n个、反选，nth-child，last-child，first-child
html<div class="list"> <div></div> <div></div> <div></div></div><style>.list div{ width: 500px; height: 20px; margin-top: 5px; border: 1px solid #000;}</style>选择全部.list div{ back
2021-03-22 11:36:32
6809
原创 CSS_css去掉input标签的默认样式，去除input点击样式
去掉input标签的默认样式，去除input点击样式outline: none;input { background: none; outline: none; border: none;}
2021-03-19 13:09:11
1179
原创 CSS_css中的position:absolute定位不起作用或者溢出父元素隐藏不了的问题
position介绍position:absolute是相对父元素进行绝对定位的，且该父元素必须定义有position的值(relative、absolute、fixed)，若父元素没有定义有position，则是相对于body进行定位。position总的来说分为绝对定位和相对定位。值描述absolute绝对定位，生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。并且该父元素必须设置有position属性，可以将position设置为relative
2021-03-16 15:28:18
2565
原创 JS_addEventListener事件添加 移除，addEventListener event事件参数，DOMContentLoaded 加载完成后触发
介绍语法：element.addEventListener(event, function, useCapture)参数介绍event必须。字符串，指定事件名。注意: 不要使用 “on” 前缀。 例如，使用 “click” ,而不是使用 “onclick”。function必须。指定要事件触发时执行的函数。当事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如， “click” 事件属于 MouseEvent(鼠标事件) 对象。useCaptu
2021-03-12 15:31:25
3270
原创 HTML_根据屏幕的大小自适应 rem布局
<!DOCTYPE html><html><head> <title>rem自适应</title> <style type="text/css"> section { width: 100%; height: 100%; background: red; } .page {
2021-03-12 14:52:09
532
原创 JS_js和jq获取屏幕高度、宽度的方法
一、js部分1.获取屏幕尺寸获取屏幕宽度：window.screen.width; //整个屏幕的宽度获取屏幕高度：window.screen.height; //整个屏幕的高度2.获取可用工作区尺寸获取屏幕可用工作区域宽度：window.screen.availWidth; //pc端与上面两个一致，移动端除个别其他也一致（试一下即可）获取屏幕可用工作区域高度：window.screen.availHeight;3.获取body的宽高（不含边框）获取网页内body
2021-03-12 14:39:15
15959
原创 JS_js设置css样式的几种方式
1.直接设置style属性element.style.height = '100px';2.直接设置属性element.setAttribute('height', '100px');3.使用setAttribute设置style属性element.setAttribute('style', 'height: 100px !important');4.使用setProperty设置属性，通过第三个参数设置importantelement.style.setProperty('height
2021-03-12 14:21:43
311
原创 VUE_vue v-for 循环图片路径，不报错，但是图片不显示的问题，数组对象存储图片路径，遍历不显示
错误写法data() { return { list:[ { id:1, url:"@/static/logo.png" }, { id:1, url:"@/static/logo.png" }, ], }},正确写法需要使用require进来data() { return { list:[ { id:1, url:require("@/static/logo.png") }, {
2021-03-12 11:40:01
1057
原创 UNI-APP_uni-app禁用原生导航显示
禁止导航栏显示："style": { "navigationStyle":"custom"}使用：{ "path": "pages/login/index", "style": { "navigationBarTitleText": "登录", "navigationStyle":"custom" }}
2021-03-11 13:39:17
346
原创 JS_lodash JavaScript 实用工具库
中文文档地址CDN<script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.20/lodash.core.js"></script>
2021-03-09 15:05:42
72
原创 JS_返回数组对象中某一变量的最大值
第一种写法一句代码返回数组对象某个变量的最大值Math.max(...数组.map(item=>item.变量))使用：let arr = [ {id:1}, {id:15}, {id:17}, {id:9},]let max = Math.max(...arr.map(item=>item.id))console.log(max) //17第二种写法Math.max.apply( Math, 数组.map(function (item) {
2021-03-09 11:51:06
1155
原创 JS_map遍历数组
map的使用方法和forEach类似。和forEach不同的是，map有返回值基础写法var num = [1,2,3,4,5,6];//把原数组的内容都乘以2，然后返回给一个新数组var _num = num.map(item=>{ return item *2})console.log(_num); //[2, 4, 6, 8, 10, 12]详细写法var num = [1,2,3,4,5,6];var _num = num.map((item,index,a.
2021-03-09 11:30:59
7406
原创 VUE_vue cli3 启动报错 core-js/modules/es.object.to-string.js in ./src/router/index.js
解决办法安装 npm install --save core-js重启 npm run serve
2021-03-06 14:47:23
345
原创 VUE_filters过滤器传递参数
<div> {{price | priceFilter(100)}}</div>data: { price:0,},methods: {},filters:{ //局部 priceFilter(data,num){ //data 过滤的内容 //num接收传递过来的参数100 return data+num; }},
2021-03-05 11:33:43
1668
原创 JS_H5禁止手机自带键盘弹出
禁止弹出方法document.activeElement.blur();使用<input type='text' name='text' id='input' /> document.getElementById('input').focus(function(){ document.activeElement.blur();});
2021-03-04 15:14:11
809
1
原创 VUE_vue去掉自带的body margin 8px
打开public下index.html文件添加以下css样式*{ margin: 0; padding: 0;}body,html{ margin: 0; padding: 0;}
2021-03-04 14:18:58
6600
2
原创 VUE_vue分页添加省略号
data: {},computed:{ //使用计算属性返回 pages(){ let start = 16; //当前页 let end = 27; //最后一页 if(end < 10) return end; //省略号的添加是分页大于10的时候 if(start <=5){ //当前页码小于等于5 return [1,2,3,4,5,6,'...',end] //[1,2,3
2021-03-04 13:30:36
844
1
原创 VUE_computed计算属性传递参数报错is not a function，计算属性如何传递参数
因为计算属性是一个属性，不是一个方法，所以会报错is not a function错误写法<div id="app"> {{num(1)}}</div><script> var vm = new Vue({ el: '#app', data: { }, computed:{ num(i){ return i }
2021-03-04 11:24:46
7901
3
原创 JS_js生成随机字符串
js 生成随机字符串// js创建含数字字母的随机字符串function generateRdStr() { var text = ""; var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; for (var i = 0; i < 10; i++) text += possible.charAt(Math.floor(Math.random() *
2021-03-03 14:13:44
1131
原创 JS_every方法使用，一句代码实现全选功能
定义和用法every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。every() 方法使用指定函数检测数组中的所有元素：如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。如果所有元素都满足条件，则返回 true。注意： every() 不会对空数组进行检测。注意： every() 不会改变原始数组。this.checkAll = this.list.every(item=>item.check);示例：<!D
2021-03-03 11:55:59
724
原创 JS_js选择器封装
选择器封装const $ = name => document.querySelector(name);使用$('.submit') //选择class属性名$('#submit') //选择id属性名
2021-03-02 11:39:11
254
原创 VUE_vue自定义指令，权限管理
权限数组创建权限文件 src/common/array.jsarray.jsexport function checkArray(key){ //权限数组 let arr = ['1','3','5']; let index = arr.indexOf(key) if(index >-1){ return true; }else{ return false; }}自定义指令main.jsimport {
2021-03-01 16:34:20
687
原创 VUE_vue动态路由，引入所有路由，vue路由模块化
创建页面模块假如这里的index.vue和login.vue是两个模块创建路由模块分别创建index模块和login模块的路由文件index.routes.jschildren下则是这么模块的路由export default { path: '/index', name: 'index', component: () => import('../views/index.vue'), //子路由 children:[ ]}login
2021-03-01 10:13:17
611
原创 VUE_render渲染函数基础使用，使用render函数创建自定义按钮
创建组件buttoncomponents/button.vue<script>export default { props:{ type:{ type:String, default:"" }, text:{ type:String, default:"" } }, render(h) { .
2021-03-01 09:48:26
1113
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人