![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 65
dreamStart_Lin
人生不止诗和远方,还有眼前的苟且!
一切都会过去,一切也都会好起来!
学海无涯,追求程序,永无止境!
展开
-
移动端1px适配解决方案
前言最近在写移动端 H5 应用,遇到一个值得记录下来的点。现在从它的由来到实现,我们来聊一下移动端 1px,说 1px 不够准确,应该说成 1物理像素。通过阅读下面文章,你将会理解以下问题:问题为什么有 1px 这个问题? 实现 1px 有哪些方法?这些方法分别有哪些优缺点? 开源项目中使用的哪些解决方案? 如何在项目中处理 1px 的相关问题?由来基本概念首先,我们要了解两个概念,一个是像素(pixel)可以简写为px,另外一个是设备像素比(DPR)像素 :指在由一.原创 2021-07-16 16:00:05 · 461 阅读 · 0 评论 -
简单实现省市区三级联动
史上最简单,vue组件 省市区三级联动原创 2020-06-18 11:14:51 · 565 阅读 · 0 评论 -
基于element ui 二次封装表格组件,行,列都可配置拖拽、多选框勾选翻页记忆
<template> <div class="jzl-table"> <el-table :data="tableData" :ref="tableRef" @select="select" @select-all="selectAll" :row-key="rowKey" @selection-change="selectionChange" :height="filterPar.原创 2020-06-01 15:25:14 · 619 阅读 · 0 评论 -
css 奇淫巧计--文本内容替换
-webkit-text-security:通过用形状替换字符来混淆<form>字段(例如<input>或<textarea>)中的字符。它仅影响那些字段不是的type=passwordhtml<label for="name">Name:</label><input type="text" name="name...原创 2020-05-06 15:25:18 · 592 阅读 · 0 评论 -
vue组件命名规范以及组件方法书写顺序推荐
vue组件命名规范1.单文件组件的文件名应该要么始终是单词大写开头 (PascalCase),要么始终是横线连接 (kebab-case)因为单词大写开头对于代码编辑器的自动补全最为友好,因为这使得我们在 JS(X) 和模板中引用组件的方式尽可能的一致。然而,混用文件命名方式有的时候会导致大小写不敏感的文件系统的问题,这也是横线连接命名同样完全可取的原因。2.应用特定样式和约定的基础组件 (...原创 2019-11-21 10:48:36 · 2670 阅读 · 0 评论 -
vue中data数据改变了,视图不更新详解
在vue中,data里面的数据改变了,试图却没有更新,常见的情况是直接通过数组下标来修改数据,如:this.arr[2] =‘testStr’原因是Vue2.+ 中data数据对象是通过Object.defineProerty来进行数据的双向数据绑定,而数组则是监听数组的push和pop等操作数组的方法进行双向绑定的,因此当是通过下标来修改时便不能更新视图此时我们该怎么办呢?有三种办法...原创 2019-10-30 17:36:15 · 7436 阅读 · 1 评论 -
vue获取dom元素与修改样式详解
vue中如何获取dom元素呢?步骤详解在标签上加上ref属性 如 :在js中通过refs便可以获取dom如:this.refs便可以获取dom 如:this.refs便可以获取dom如:this.refs.refDemo修改对应的样式名 如:this.$refs.refDemo.style.backgroundColor="#108ee9"还不会? 请看代码例子<tem...原创 2019-10-30 16:43:51 · 6792 阅读 · 2 评论 -
es6中Promise对象
es6中Promise对象,代表一个异步操作,其不受外界影响,有三种状态* Pending(进行中、未完成的)Resolved(已完成,又称 Fulfilled)Rejected(已失败)优势1、解决回调地狱(Callback Hell)问题2、更好地进行错误捕获** Promise.then(成功回调).catch(错误或失败回调)* Promise.all([...原创 2019-03-23 14:30:09 · 163 阅读 · 0 评论 -
脚手架知识点
在这里插入图片描述脚手架知识点原创 2019-10-29 19:43:18 · 354 阅读 · 0 评论 -
表单验证规则大全(持续更新)
常用表单验证正则集合只能是正整数<input v-model="test" placeholder="只能输入正整数" onkeyup="value=value.replace(/[^0-9]/g, '')"></input>原创 2019-10-16 14:15:19 · 843 阅读 · 0 评论 -
如何进行表单验证?普通操作dom表单验证以及element ui表单验证详解
表单验证 在编写项目的过程中,我们经常会用到表单,而且常常需要验证输入的值,这时候我们就需要写验证规则了,普通操作的demo的是获取当input 失去焦点额时候执行一个验证函数,是否符合规则,符号则弹窗,获取在一个特定位置显示提示语,通过ui框架,如element ui\ iview 这些则是将验证规则放在一个对象中,通过内置和自定义函数进行验证 废话不多说,上代码普通操作//知识点 ...原创 2019-10-15 21:28:20 · 617 阅读 · 0 评论 -
js 前端接收后台传过来的文件流
有的时候,由于服务器文件不是开放的,所以可能会需要前端用ajax传一段加密信息才能下载,而且返回的是文件流,不能直接用location.href或a标签直接下载,这时候我们怎么办呢?情况一:验证信息是在header//http.jsimport Vue from "vue";import axios from "axios";//定义获取文件流函数export function...原创 2019-10-15 19:50:13 · 11054 阅读 · 0 评论 -
史上最全css超出隐藏文章单行多行兼容
css超出隐藏关键属性。overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行这三个是css的基础属性,需要记得。但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢?css3解决了这个问题,解决方法如下:display:-webki...原创 2019-03-23 14:37:08 · 1058 阅读 · 0 评论 -
vue.js请求数据
两种方法,一种是用jq的ajax请求之后将数据放到vue的data中,一种是用vue-resource请求一、动态参数显示 ajax异步请求后,接收到返回的data参数并显示在前端1 引入js,jQuery2 htmlv-for ="data in datas "ID名称年龄简称原创 2017-04-19 11:03:39 · 2693 阅读 · 0 评论 -
vue快速入门
vue是法语中视图的意思,Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API。作者是尤雨溪,写下这篇文章时vue.js版本为1.0.7准备我推荐使用sublime text作为编辑器,关于这个编辑器可以看我这篇文章。在package control中安装Vuejs SnippetsVue Syntax Highlight转载 2017-04-11 17:50:59 · 433 阅读 · 0 评论 -
文件上传,表单提交插件
文件上传和表单提交是前端页面中经常会用的东西,今天就让我来给大家讲讲具体操作吧。话不多说,直接上代码html 选择一个要上传的文件: 备注: js//引入jquery//引入插件$('form').submit(function() {//重写submit按钮$(this).ajax原创 2017-04-11 15:51:12 · 807 阅读 · 0 评论 -
微信小程序入门
https://mp.weixin.qq.com/debug/wxadoc/dev/index.html原创 2017-04-04 23:33:22 · 347 阅读 · 0 评论 -
前端学习方法!
最近发现有很多人都想学习前端,然而大多都是不知道从何入手,一脸的迷茫。所以作为一名已经有一定工作经验的前端工程师,我觉得是时候回报社会,分享一下我的前端学习方法了,毕竟我也是通过网上各路大神的帮助和讲解,才能走到今天的!首先,先说说基础。必须声明,基础很重要。现在网上各路UI框架js框架一大堆,功能各异,看起来都很厉害的样子,就导致一些刚接触前端的,html,css,js,这三大基础性原创 2017-04-04 14:09:18 · 1093 阅读 · 0 评论 -
vue渲染多层数据用v-for
new Vue({ el: '#someElement', data: { category: [ { name: 'cate0', items: [ { value: 'cate0 ite原创 2017-04-19 14:46:38 · 7754 阅读 · 1 评论 -
vue环境搭建详解
**如有不解,请加群 897149839**好文章自己先收藏一下,怕以后找不到。文章转自:http://www.cnblogs.com/wj204/p/6031435.html前面vue2.0和webpack都已经有接触了些(vue.js入门, webpack入门之简单例子跑起来 ),现在开始学习如何构造自己的vue2.0+webpack环境。1.首先新建一个目录vue-wkd...转载 2017-04-21 10:49:56 · 1066 阅读 · 0 评论 -
vue轮播图插件vue-awesome-swiper的使用
最近写vue2.0项目中用到了轮播图的一个插件,也就是vue-awesome-swiper,个人感觉还是比较强大的,swiper官网中的API及配置均可使用(支持3.0),以下说下使用该插件的一些步骤:第一步安装npm install vue-awesome-swiper --save第二部在main.js中引入import Vue from 'vue'转载 2017-04-18 00:17:29 · 9244 阅读 · 0 评论 -
axios配置请求失败时的拦截器,用于当请求失败时重新发送请求,或者提示
import Axios from "axios";import {API_ROOT,CONTENT_TYPE,COMPANY_KEY,API_USR,API_VSS} from "./config";// 创建axios实例对象const REQUEST = Axios.create();// 配置axios实例对象初始路径REQUEST.defau...原创 2019-03-08 11:05:02 · 3623 阅读 · 0 评论 -
this详解
对于刚开始进行 JavaScript 编程的开发者来说,this 具有强大的魔力,它像谜团一样需要工程师们花大量的精力去真正理解它。在后端的一些编程语言中,例如 Java、PHP,this仅仅是类方法中当前对象的一个实例,它不能在方法外部被调用,这样一个简单的法则并不会造成任何疑惑。在 JavaScript 中,this 是指当前函数中正在执行的上下文环境,因为这门语言拥有四种不同的函转载 2017-04-19 13:38:01 · 627 阅读 · 0 评论