小知识点
关注
分享
扫一扫
weixin_43831302
这个作者很懒，什么都没留下…
展开
-
【无标题】
大屏自适应转载 2022-10-08 11:13:09 · 153 阅读 · 0 评论 -
2021-07-06 element ui的下拉选择默认选中
<el-select v-model="row.channelType" placeholder="请选择" clearable class="filter-item" > <el-option v-for="item in channelTypeList" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" />原创 2021-07-06 09:03:58 · 494 阅读 · 0 评论 -
meta的用法
<!-- 定义文档的字符编码 --><meta charset="utf-8" /> <!-- 强制Chromium内核，作用于360浏览器、QQ浏览器等国产双核浏览器 --><meta name="renderer" content="webkit"/><!-- 强制Chromium内核，作用于其他双核浏览器 --><meta name="force-rendering" content="webkit"/><转载 2021-04-06 17:05:45 · 200 阅读 · 0 评论 -
layui弹框关闭弹框的问题
1.layer.open打开一个页面，利用layer.CloseAll()关闭页面，2.首先将页面打开和关闭的方法放在父页面，子页面打开页面直接调用父页面的方法就可以了3.代码如下：1）封装的方法// 关闭弹框 closePage:function(){ layer.closeAll(); //关闭全部弹框 }, // 打开请输入数量的页面 pageOpenNum:function(id,nu原创 2021-03-29 15:34:00 · 1319 阅读 · 0 评论 -
echarts动态赋值结合dataZoom滑动数据
wxml<view class="container"> <ec-canvas id="myechart" canvas-id="graph" ec="{{ ec }}"></ec-canvas></view>wxss.container{width:702rpx;height: 360rpx;position: relative;left:24rpx}ec-canvas{width: 100%;height: 100%;position:原创 2020-10-16 09:30:39 · 2329 阅读 · 1 评论 -
echarts使用记录
1.折线图(1)去除y轴线(`在这里插入代码片 axisLine: {show: false, },`),网格线(` splitLine: { //去除网格线 show: false, },`),不显示刻度线(` axisTick:{ show:false,//不显示刻度线原创 2020-09-27 16:42:10 · 232 阅读 · 0 评论 -
canvas的绘制学习-2
色彩 ColorsfillStyle = color //设置图形的填充颜色。strokeStyle = color //设置图形轮廓的颜色。示例-1function draw() {var ctx = document.getElementById(‘canvas’).getContext(‘2d’);for (var i=0;i<6;i++){for (var j=0;j&...原创 2019-11-29 17:54:44 · 101 阅读 · 0 评论 -
canvas的绘制学习-1
canvas提供了三种绘制矩形的方式fillRect(x, y, width, height) //绘制一个填充的矩形clearRect(x, y, width, height) //清除指定矩形区域，让清除部分完全透明(在大矩形 的内部使用，掏空大矩形)strokeRect(x, y, width, height) //绘制一个矩形的边框例子function draw() {var...原创 2019-11-29 11:05:25 · 95 阅读 · 0 评论 -
循环数据执行完毕在请求后台接口
在循环数据外部定义一个变量，在循环内部加1的操作然后通过数组的长度和变量相等情况下，就请求后台接口var arry = [...];var counter = 0;arry.forEach(function(elem){ //异步回调中 counter++; if(counter === arr.length){ //在这执行所有执行的完后的请求后台数据 }})es6数组取交集let duplicatedValues = [...result2].fil原创 2020-08-01 10:52:15 · 659 阅读 · 0 评论 -
解析网址js
记录一下这个原创 2020-08-01 10:48:57 · 160 阅读 · 0 评论 -
理解深拷贝和浅拷贝的区别
用扩展运算符深拷贝数组：直接粘贴代码： let arr = [1, 2, 3, 4, 5, 6]; let arr1 = [...arr]; arr1.push(7); console.log(arr); //[1, 2, 3, 4, 5, 6] console.log(arr1); //[1, 2, 3, 4, 5, 6, 7]当数组是一维数组时，扩展运算符可以进行完全深拷贝，改变拷贝后数组的值并不会影响拷贝源的值。但是，当数组为多维时： let arr原创 2020-07-30 13:52:54 · 516 阅读 · 0 评论 -
如何对数组对象排序，最大和最小值
compare: function(key) { return function(value1, value2) { var val1 = value1.key; var val2 = value2.key; return val1 - val2; } }, 调用 res.sort(that.compare('totalFee')) //排序从小到大取最小值 var price = Math.min.apply(Math, res.map..原创 2020-07-22 15:20:19 · 197 阅读 · 0 评论 -
css3绘制小玩意
1.绘制爱心看到了记录一下 ，原网址https://blog.csdn.net/weixin_43570367/article/details/106018731?utm_medium=distribute.pc_category.none-task-blog-hot-5.nonecase&depth_1-utm_source=distribute.pc_category.none-task-blog-hot-5.nonecase&request_id=<!DOCTYPE html&转载 2020-05-11 18:12:34 · 132 阅读 · 0 评论 -
判断是移动端还是pc端打开页面
<script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) { //跳转移动端页面 window.location.href=""转载 2020-05-11 14:44:45 · 318 阅读 · 1 评论 -
js每隔两秒输出数组中的一项
Title转载 2019-12-10 13:54:30 · 843 阅读 · 0 评论 -
display: grid;
1 2 3 4 5 6* { margin: 0; padding: 0;}// grid布局的关键代码！！！// grid布局的关键代码！！！// grid布局的关键代码！！！.container { display: grid; /* 下面句的意思就是这个容器里面的子元素分成三列，每列都是100px...转载 2019-11-25 16:09:15 · 240 阅读 · 0 评论 -
post和get请求的区别，常见误区
2.1 误区一“用处：get常用于取回数据，post用于提交数据”曾听到过这样一种说法：get替换post来优化网站性能，虽然这种说法没错，也的确get常被用于取回数据，但是post也被一些ui框架使用于取回数据，比如kendo ui中的grid，就是用post来接受数据的。所以结论是get、post用途也是因地制宜。如果你有使用过kendo UI，会发现分页、过滤、自定义的参数都包含在for...转载 2019-11-20 13:47:37 · 184 阅读 · 0 评论 -
一篇文章彻底搞懂异步，同步，setTimeout，Promise，async
async function async1() {console.log(‘async1 start’)await async2()console.log(‘async1 end’)}async function async2() {console.log(‘async2’)}console.log(‘script start’)setTimeout(() => {con...转载 2019-08-12 17:27:34 · 219 阅读 · 0 评论 -
小程序识别iphoneX进行样式重写
在app.js调用 wx.getSystemInfo()查看设备信息先globalData{isPhoneX: 0,}如下checkMobilePhone: function () {var self = this;wx.getSystemInfo({success: function (e) {console.log(a)var a = e.model;if (-1 != ...原创 2019-08-28 17:47:03 · 504 阅读 · 0 评论 -
常用的前端网址
1.项目常用插件：lodash - - 节流防抖插件moment - - 控制时间日期格式的xlsx - - excel表格的操控的wangEditor - - 富文本编辑器（还有很多不同的富文本编辑器）Echars - - 图形化表格coreJS - - 将ES6转为ES5代码，类似babel，比babel更强husky - - 代码规范eslint-config-airbnb ...转载 2019-08-12 17:22:51 · 473 阅读 · 0 评论 -
css3模仿小太阳
Document转载 2019-08-14 14:43:53 · 168 阅读 · 0 评论 -
突然遇到的vscode打开浏览器一直都是首页的解决问题
配置tasks.json1.打开VS Code，点击“终端”，选择“配置任务”。2.选择“使用模板创建tasks.json文件”。3.选择“Others”。4.tasks.json新建完成，默认如下图：5.修改tasks.json{// See https://go.microsoft.com/fwlink/?LinkId=733558// for the documentatio...转载 2019-08-14 11:28:51 · 1796 阅读 · 0 评论 -
使用html2cavas实现屏幕截图的问题
1.在项目中 引入 npm install html2canvas2.在需要使用的页面中html部分 // }// }) }}原创 2019-04-19 15:18:46 · 227 阅读 · 0 评论 -
解决键盘弹出影响固定定位的位置问题
微信IOS 6.7.4 键盘弹起页面上滑，键盘收起页面不会回到原位置，导致弹框(css设置position为fixed会有问题，absolute不会有问题)后按钮响应区域错位。微信打开网页， 获取焦点或者标签获取焦点弹起键盘时页面被顶起，点击确定页面没有回到原先的位置，导致视图和触控区域错位。解决方案一：微信开发者回复： 在点击按钮那里加下面其中一个即可解决//滚动到顶部window.s...原创 2019-04-18 17:31:08 · 2104 阅读 · 0 评论 -
简单的css的命名方式
3、样式文件命名规范 如：全局的：global.css；主要的：master.css；布局、版面：layout.css；专栏：columns.css；文字：font.css；打印样式：print.css；主题：themes.css；补丁：pacth.css；格式化浏览器：base.css等。4、ID及Class命名常用名称页头：header登录条：login-bar标志：...原创 2019-04-16 11:57:53 · 257 阅读 · 0 评论 -
路由跳转,判断是否登录
router.beforeEach((to, from, next) => {// 路由过滤，判断是否登录当需要在某些页面进行判断是否登录时可以写在路由元中进行判断,如果项目必备必须登录才可以看,可已直接进行判断,无需写在路由元中if (to.matched.some(record => record.meta.requireAuth)) {if (localStorage.l...转载 2019-04-16 11:19:16 · 1896 阅读 · 0 评论 -
判断优惠券是全场通用券还是抵消部分金额
1封装一个支付弹框组件这是页面引用代码js部分data(){return { //这是组件配置的数据部分couponarr: [],showpopup :false,couponYes: ‘1张可用’,couponNo: ‘暂无优惠券’,couponID: ‘’,money: ‘’,}}methods:{ //这是给组件配置的方法部分popup () {this...原创 2019-04-15 18:17:44 · 479 阅读 · 0 评论 -
如何利用localStorage让弹框只在页面出现一次
引入组件脚本import CreatePosterRemind from ‘@/components/createPosterRemind’data () {return {isShowYes: true,}}mounted: function () {this.alert()},alert () {if (!localStorage.getItem(‘isShowYes...原创 2019-04-12 14:37:58 · 1050 阅读 · 1 评论 -
修改vux组件轮播图样式的问题
我是刚入门的前端小菜鸟，代码很low，做个笔记把1.将组件配置的小圆点隐藏，2，自己来写两个需要的小点，3，然后通过@on-index-change (currentIndex) 轮播 index 变化时触发的这个事件因为我这边是想做到scroll X的效果，所以没有采用自动轮播，里面的内容也是采用自行配制的，所以这边自定义一个index,通过它来判断从而改变小按钮的颜色，代码如下htm...原创 2019-03-20 23:40:03 · 1177 阅读 · 0 评论 -
将本地的项目上传到github上
1.如果没有git账号的话，先去注册一个进入Github首页，点击New repository新建一个项目2.填写相应信息后点击create即可Repository name: 仓库名称Description(可选): 仓库描述介绍Public, Private : 仓库权限（公开共享，私有或指定合作者）Initialize this repository with a README:...转载 2019-04-30 16:30:24 · 116 阅读 · 0 评论 -
整理一些常用编辑器快捷键，提高效率
选中代码控制代码的左右移动点击tab键选中的代码将往右移动点击shift+tab键选中的代码将向左移动格式化代码的快捷键ctrl+shift+f等同于format快速格式化代码vscode的快捷键1，打开控制台 ctrl+shift+y2，代码向前缩进 向后缩进 ctrl+] ctrl+[3，打开新窗口 ctrl + shift + n4，关闭新窗口 ctrl + shift...原创 2019-04-30 17:16:16 · 455 阅读 · 0 评论 -
css结合hover实现边框动画
<!doctype html>border变化原创 2019-08-14 10:35:33 · 527 阅读 · 0 评论 -
css3自己不常用的属性整理
background-origin 属性规定背景图片的定位区域。背景图片可以放置于 content-box、padding-box 或 border-box 区域。在 CSS3 中，word-wrap 属性允许您允许文本强制文本进行换行 - 即使这意味着会对单词进行拆分：word-wrap:break-word;CSS3 transform-origin 属性transform-or...原创 2019-08-13 18:17:16 · 133 阅读 · 0 评论 -
两个数组对象筛选出不同
concat_arr(arr1, arr2) {let result = [];for (var i = 0; i < arr1.length; i++) {var obj = arr1[i];var num = obj.rowName;var flag = false;for (var j = 0; j < arr2.length; j++) {var aj = arr...转载 2019-07-31 13:45:20 · 1434 阅读 · 0 评论 -
网页单行和多行打点
/* 单行文本 /div{width:200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}/ 多行文本溢出处理 */div{width:200px;height:40px;line-height:20px;overflow:hidden;}...原创 2019-06-08 09:35:46 · 188 阅读 · 0 评论