![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css
灬ManongLai
代码学不完,项目做不完
展开
-
H5页面新增二维码、条形码扫描识别功能
创建扫描成功回调onmarked(type, result) { // let {barcode} = this let text = '未知: '; switch(type){ case plus.barcode.QR: text = 'QR: '; break; case plus.barcode.EAN13: text = 'EAN13: ';原创 2020-12-02 11:22:13 · 3737 阅读 · 0 评论 -
记录重置筛选input
let inputArr = document.querySelectorAll('.ord-info.checkbox-item-child');for(let i = 0;i<inputArr.length;i++){ console.dir(inputArr[i]); inputArr[i].checked? inputArr[i].checked = false:this; citem.change(inputArr[i],inputArr[i].defaultVal原创 2020-11-28 15:38:48 · 158 阅读 · 0 评论 -
建议收藏】编程&项目&团队规范
编码规范命名规范项目命名项目文件夹全部采用小写方式, 以中划线分隔。正例: mall-management-system反例: mall_management-system / mallManagementSystem目录命名基于业务二次封闭的组件全部采用小写方式, 以中划线分隔,有复数结构时,要采用复数命名法, 缩写不用复数正例: scripts / styles / components / images / utils / layouts / demo-styles / demo-s原创 2020-10-28 16:17:03 · 213 阅读 · 0 评论 -
Echert 缩放后切换再数据,缩放大小没还原的解决办法
话不多说,直接贴码series: [ //设置缩放比例最大与最小 { scaleLimit:{ min:1, max:3 } }]在修改完option参数后执行以下方法myEchertObj.dispatchAction({ type: 'restore',})...原创 2020-10-23 10:45:33 · 363 阅读 · 0 评论 -
VUE进阶- 搭建属于自己的 UI 组件库
创建项目vue create root-ui选择项目配置项Babelcss Pre-processors > scss(iconfont库、Element ui都用,个人也用,建议选择)Linter / Formatter清空文件内容:App.vue在文件夹Components 内创建组件 目录调整packages 用于存放所有组件examples 用于进行测试,把 src 改成 examples修改入口文件在根目录创建 vue.config.js,内容添加:原创 2020-07-29 17:10:01 · 567 阅读 · 0 评论 -
Vue 数组没深度监听,导致数据变化了,视图不变化的解决方案
前言在我们项目中 或多或少 会有些 数组 嵌套 对象 ,然后 对象 内嵌套 数组,从而在Vue项目中,针对数组达不到多层次的监听,让我们的视图做不到随意变化而在网上搜罗了下解决方案:使用 :this.$set(this.data, 'attrName', 'value')- this.$set( 要绑字的数据,添加或修改的属性名称,要赋的值 )在我们变化值后,执行:this.$forceUpdate() 重新渲染视图层解决方案在拿到值后,改变 Vue 能监听到的变量,从而达到 值变原创 2020-07-29 10:04:58 · 1168 阅读 · 0 评论 -
html 界面模糊的效果,CSS3 filter(滤镜) 说明,超级马赛克。<( ̄︶ ̄)↗[GO!]
兼容性表格中的数字表示支持该方法的第一个浏览器的版本号。紧跟在数字后面的 -webkit- 为指定浏览器的前缀。 属性 filter 18.0 -webkit- 不支持 35.0 6.0 -webkit- 15.0 -webkit- 注意: 旧版 Internet Explorer 浏览器(4.0 to 8.0) 支持的非标准 "filte原创 2020-07-25 10:43:33 · 1786 阅读 · 0 评论 -
美化你的文章或者新闻列表,多出内容以 “...” 省略号代替
美化成一行,多出的省略号显示.style{ white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}美化成2行,多余省略号.style{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-o原创 2020-07-23 21:16:03 · 116 阅读 · 0 评论 -
element ui 表格动态渲染,列表错乱,横向列表对不齐
elementUI渲染错乱解决方案给表格添加 ref最后在变更数据后执行,以下代码:this.$nextTick(() => { this.$refs.policeTable.doLayout(); //解决表格错位});如果解决不了你的问题,而且**$refs**后的 name 会 undefined 报错那你就要一层层的找到你添加ref 的对象我的解决代码:this.$children[7].$children[0].$children[4].$refs.po原创 2020-07-23 17:54:53 · 1072 阅读 · 0 评论 -
前端项目上的一些资源加载、解析渲染的优化
1.把资源: html/css/js/font/img 放在CDN上2.不放CDN,尽可能减少外链的 js/css 代码,在链接文件标签上添加 rel=“dns-prefetch”,用来减少 DNS 的解析,如:<mate http-原创 2020-07-22 09:57:49 · 197 阅读 · 0 评论 -
Echerts的一些另类参数(宽度、内容被隐藏、渐变、饼图上显示文字)
echerts Vue 项目中另类参数,柱状图设置宽度、设置渐变、设置内容超出被隐藏的处理、饼图上显示文案原创 2020-07-13 14:49:42 · 222 阅读 · 0 评论 -
Vue项目使用 Echarts ,本主使用的Cli4版本,可能有相关语法差异。请谅解
Echert 地址https://echarts.apache.org/zh/download.htmlEchert 案例地址https://echarts.apache.org/examples/zh/index.html#chart-type-custom项目安装import echarts from 'echarts';Vue.prototype.$ech = echarts;组件上使用:添加ID<div id="wptjEchBox"></div>原创 2020-07-10 17:09:07 · 913 阅读 · 0 评论 -
vue cli4 项目内 scss样式表里添加背景图的路径问题
在APP.vue里引用<style lang="scss"> @import '~@/assets/css/style.scss';</style>文件内的带有背景图的样式写法&.icon-box07{background: url(~@/assets/img/img-sysm-icon-07.png) no-repeat center;}不用添加任何配置文件以上的 ~ 是借助webpack的前缀以上的 @ 是vue里webpack默认的项目代号,指原创 2020-07-08 14:56:37 · 1966 阅读 · 0 评论 -
vue框架的路由传参
路由传值1.this.$router.pushthis.$router.push({ path: '/', query: .... });2.router-link<router-link :to="{path:'/',query: .... }" >XXXXX</router-link>路由取值this.$route.query.userId原创 2020-07-03 16:12:51 · 186 阅读 · 0 评论 -
SCSS语法的使用,杠杠的资源。新手学习SCSS入门
创立的初衷只是给自己方便观看,便于下次项目使用 O(∩_∩)O哈哈~定义变量与使用$color:pink;$right:right;.test1{ background-color:$color;}>> .test1{background-color:pink;}.test2{ border-#{$right}:1px solid #000;}>> .test2{border-right:1px solid #000;}常用的根级写法.text3{原创 2020-06-19 14:34:00 · 204 阅读 · 0 评论 -
让 git 托管 我们的项目,亲设,绝对有效!
创建git账户git 官网注册账号注册成功后并登录,进入我的码云,创建仓库仓库创建后,再本机添加普通凭证1.进入控制面板2.选择用户管理3.进入凭证管理器4.如下点击添加凭证5.效果如下:添加凭证后,给我们本机与git服务器建立安全通道1.进入git安装目录,查找:git-bash.exe 文件2.双击运行后,输入命令:ssh-keygen -t rsa -C “xxxx@yyy.com” 设置邮箱3.接着又三个提示操作信息:第一次提示:Enter file in whic原创 2020-05-09 17:43:05 · 135 阅读 · 0 评论 -
哀悼的日子,让你的网站变样的方法,设置样式灰度值
一个让网站变颜色的方法1的方式2的方式3的方式CSS3 filter(滤镜) 属性1的方式 /* filter: grayscale(100%); */ /* -webkit-filter: grayscale(100%); */ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-f...原创 2020-04-04 23:03:37 · 132 阅读 · 0 评论 -
滚动条不占内容位置可滚动、滚动条隐藏也可滚动
滚动条不占位置滚动在父标签的样式添加:{width:calc(100% + 15px);}滚动条隐藏滚动在样式表添加:selector::-webkit-scrollbar{width:0;}转载 2019-04-02 14:05:33 · 7642 阅读 · 0 评论 -
文本内容超过两行,省略号显示
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;原创 2019-04-02 14:42:58 · 643 阅读 · 0 评论 -
css的3D动画dome
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>正方体</title> <link rel="stylesheet" href="css/style.css"></head>...转载 2019-04-02 14:47:06 · 295 阅读 · 0 评论 -
没有插件的打印功能
我们在网页开发过程中经常会有打印页面的需求,通过JS来实现的方法有很多,这里我做了一个整理,供大家参考。方式一:window.print()整体打印<a href="javascrīpt:window.print()" rel="external nofollow" target="_self">打印</a>现在就轻松实现了页面的打印,但是这种方式会将整个页面打印...转载 2019-04-02 14:57:48 · 337 阅读 · 0 评论 -
使用JQ模糊查找
$(".qyjk-zbdj-list-user table tr").filter(":contains('"+text+"')").addClass('edit-top');原创 2019-04-02 15:00:29 · 666 阅读 · 0 评论 -
html5中的audio和video属性和事件汇总
标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制 标签属性:src:视频的URLposter:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条width:视频宽度height:视频高度获取HTMLVid...转载 2019-04-10 19:46:35 · 400 阅读 · 0 评论