- 博客(41)
- 收藏
- 关注
RSS订阅原创 js图片网络地址转file文件
js图片网络地址转file文件//图片地址转base64格式 imgToBase64(url,cb){ var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), img = new Image; img.crossOrigin = 'Anonymous'; img.onload = function () {
2023-03-15 11:05:29
2026
1
原创 uView多平台快速开发的UI框架的使用方法
说明uView UI，是uni-app生态优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水特性兼容安卓，iOS，微信小程序，H5，QQ小程序，百度小程序，支付宝小程序，头条小程序60+精选组件，功能丰富，多端兼容，让您快速集成，开箱即用众多贴心的JS利器，让您飞镖在手，召之即来，百步穿杨众多的常用页面和布局，让您专注逻辑，事半功倍详尽的文档支持，现代化的演示效果按需引入，精简打包体积安装npm方式安装，插件市场导入无需执行此命令# npm方式安装，插件市场导入无需执行
2022-03-29 11:05:22
4334
原创 vue 项目中使用tinymce+tinymce-vue
vue 项目中使用tinymce+tinymce-vue搭建了个vue的简单架子，给后端开发后台管理用，他们要求使用tinymce+tinymce-vue富文本编辑器，虽然咱一直用Vue-Quill-Editor，但是要求提出来了咱就满足。很直接的找了个介绍文档就干了，但是报错了，各种找不到模块啥的，咱也就不浪了，好好看吧。1.如果你是vue3.x 那么你直接 npm install tinymce -S 然后 npm install @tinymce/tinymce-vue -S
2022-02-28 11:00:12
1056
原创 vant没有重新渲染的bug
<view class="tab"> <van-tabs active="{{ tabActive }}" bind:click="onChange" title-active-color="#508BFFFF" ellipsis="{{false}}" id="tabs"> <van-tab title="热门"> </van-tab> <van-tab title="{{item.tagName}}" wx:for="{{userTag
2021-10-21 11:18:52
1970
原创 gulp解决前端静态资源版本更新与缓存
gulp解决前端静态资源版本更新与缓存注意：本文中的gulp依赖都是新版本的，网上看到很多类似的文章，不过版本不一样，该的地方也不一样，所以在此记录。1、解决办法：通过gulp 在原html文件上自动化添加js、css版本号。2、 原理：通过对js,css文件进行hash运算，生成一个文件的唯一hash字符串，一旦文件改变，hash就会相应的改变。然后替换html中的js,css，生成一个带版本号的js或者css文件名.1：安装gulp和gulp插件执行：npm init //生成packa
2021-08-06 10:35:05
380
原创 js数组根据指定字段（true or false）排序
const obj = [{name:‘1’,bind:true},{name:‘2’,bind:false},{name:‘3’,bind:true},{name:‘4’,bind:false},{name:‘8’,bind:true},{name:‘9’,bind:false}]obj.sort((a, b) => a.bind - b.bind)console.log...
2020-03-19 18:03:49
2037
4
原创 CSS3+HTML5特效3 - 纵向无缝滚动
实现原理：利用CSS3的@keyframes规则创建动画效果；使用CSS3的animation效果完成滚动切换。CSS代码 @-webkit-keyframes scrollText1 { 0%{ -webkit-transform: translateY(0px); } 20%{ -webkit-transform...
2020-01-03 12:28:16
1183
原创 纯CSS绘制三角形（各种角度）
CSS三角形绘制方法，学会了这个，其它的也就简单。我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法复制代码代码如下:#triangle-up { width: 0; height: 0...
2020-01-03 10:02:59
214
原创 vue如何获取浏览器URL中查询字符串中的参数
// 获取地址参数getData() { // let url=window.location.href; // console.log(url); let url = 'https://wx.lfsituo.com/Supplier/orderInfo?order_id=3';//传参数 let name = "order_id"; let re = this....
2019-11-20 16:55:43
2621
原创 js如何判断复选框是否选中
<!doctype html><html lang="cn"> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> <title>复选框全选、全不选、反选、必选一个</title> <script type=...
2019-11-19 17:28:31
2168
原创 Vue中如何使用less
Vue中如何使用less最近发现好多小伙伴在面试的过程中会问到vue如何使用less和scss，所以我绝对更新、复习一下less；废话不多说直接进主题；依赖下载1、首先使用npm下载依赖；npm install --save less less-loader2、安装完成后检查是否安装成功；lessc -v3、如果安装成功后，会显示安装成功后的版本；引用方法1、在main.js...
2019-08-24 18:06:41
1901
原创 css 横线中间的文字
.gaikuang:before{ content: ''; position: absolute; top: 5%; left: 0px; background: #dad6d6; width: 44%; height: 1px;}.gaikuang:after { content: ''; position: abso...
2019-08-14 11:34:24
1978
原创 input 属性限制输入长度
例子<el-input oninput="if(value.length>40)value=value.slice(0,40)" v-model="form.label" size='mini' placeholder="请输入内容"></el-input>
2019-07-31 11:11:59
358
原创 表格数据渲染
例子1 <el-table-column prop="OperationDescription" label="安装位置"> <template slot-scope="scope"> {{ scope.row.LctnName }} </template> </el-table-column> <el-t...
2019-07-31 11:11:45
240
原创 导出excel，vue刷新页面
导出表格例子// 导出表格excel exportExcel() { var wb = XLSX.utils.table_to_book(document.querySelector('#out-table')) //out-table是表格id /* get binary string as output */ var wbout = XLSX.write(wb,...
2019-07-31 11:11:10
509
1
原创 element table当用户对某一行展开或者关闭的时候，只展开一行
代码： expand_change(row, expandedRows) { this.expand_change_arr = row; // 每次只展开一个扩展列表 var that = this; if(expandedRows.length) { that.expands = [] if(row) { that.expands.push(r...
2019-07-31 11:10:43
2840
转载 ES6 ... 操作符的用法整理（展开操作符、剩余参数）
原文链接：http://www.jianshu.com/p/ae0a9ec1f8d6看了阮老师的《ECMAScript 6 入门》教程，为了之后方便自己随时查看，将…操作符相关的内容整理在一起。rest语法function(a, b, ...theArgs) { // ...}描述ES6 引入 rest 参数（形式为…变量名），用于获取函数的多余参数，这样就不需要使用argume...
2019-07-17 13:23:10
1131
原创 子组件传值给父组件
1.在子组件中创建一个按钮，给按钮绑定一个点击事件2.在响应该点击事件的函数中使用$emit来触发一个自定义事件，并传递一个参数3.在父组件中的子标签中监听该自定义事件并添加一个响应该事件的处理方法4.保存修改的文件，在浏览器中点击按钮...
2019-07-01 14:14:24
365
原创 父组件传值给子组件
父组件传值给子组件：1.创建子组件，在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props，然后创建一个名为message的属性child.png3.在App.vue中注册Child组件，并在template中加入child标签，标签中添加message属性并赋值4.保存修改的文件，查看浏览器5.我们依然可以对message的值进...
2019-07-01 14:09:02
4070
原创 vue-router详尽：编程式导航、路由重定向、动态路由匹配、路由别名、嵌套路由、命名视图
第一步：定义路由文件 router >index.js如下import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld' import home from '@/components/Home'import router1 from '@/co...
2019-06-26 17:35:20
339
原创 JSON格式对象和字符串互转
JSON格式对象转换为字符串: JSON.stringify()JSON格式字符串转换为对象：JSON.parse()
2019-06-26 16:48:40
127
原创 vue绑定表格多种状态class的方式
例子html <div v-else-if="iten.val=='Sex'"> <span :class="{ 'sex_boy': scope.row.Sex == 0 , 'sex_girl': scope.row.Sex == 1 }"> <template v-if="scope.row.Sex == 0" >男&l...
2019-06-13 09:48:03
1016
原创 设置max-width以及min-width兼容问题和解决方案
例子1style="width:300px;min-width:195px;max-width:100%"例子2<el-input placeholder="输入消费机名称,多个用(,)英文号隔开" style='width:230px;min-width: 100px;max-width: 100%;' size="mini" v-model="DB_search.dName"&g...
2019-06-08 11:45:22
8808
2
原创 flex弹性布局
display: flex; /* 是否换行 */ flex-wrap: wrap; /* 主轴方向 */ flex-direction: row; /* 主轴对齐 */ justify-content: center; /* 交叉轴对齐 */ align-items: center;
2018-11-07 12:09:54
155
原创 编写一个方法 去掉一个数组的重复元素
方法1：var arr = [0,2,3,4,4,0,2];var obj = {};var tmp = [];for(var i = 0 ;i< arr.length;i++){ if( !obj[arr[i]] ){ obj[arr[i]] = 1; tmp.push(arr[i]); }}console.log(tmp);结果如下： ...
2018-11-02 16:30:17
7886
原创 js数组array操作函数
concat() 连接两个或更多的数组，并返回结果。var arr = [1,2,3,4];var arr2 = [5,6,7,8];var arr3 = arr.concat(arr2);console.log(arr3); // 连接之后返回的数组为：[1, 2, 3, 4, 5, 6, 7, 8]join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。var...
2018-11-02 16:26:52
1176
原创 axios的ajax请求
created() { this.getnewslist();},methods: { getnewslist() { this.$axios({ url: APP.API.cashier.ajax, method: 'post', data: this.fenyedata() }).then(res =&gt; { this.tableData = res...
2018-10-24 08:52:06
307
原创 如何webpack打包
1.index文件配置2.配置代码: // Template for index.html index: path.resolve(__dirname, '../../webapp/index.html'), entry: './src/index.js', output: { path: path.resolve(__dirname, 'common...
2018-10-20 10:11:11
540
原创 vue警告component lists rendered with v-for should have explicit keys
解决方法只需要绑定:key ="item.id"对应的id即可&lt;el-select v-model="select" slot="prepend" placeholder="请选择"&gt; &lt;el-option :label="item.shortname&
2018-10-17 16:48:21
6285
1
原创 element分页例子
代码&amp;amp;amp;amp;lt;div class=&amp;amp;amp;quot;fenye&amp;amp;amp;quot;&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;el-pagination @current-change=&amp;amp;amp;quot;current_change&amp;amp;amp;quot;
2018-10-15 17:11:50
4556
3
原创 element取表格对应id数据
第一种写法<el-button size="mini" type="danger" @click="editor(scope.row)">编辑</el-button>editor(row) { this.dialogTableVisible = true; this.id = row.id; var item = this.tab...
2018-10-15 11:24:00
9420
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人