dreamStart_Lin的博客

前言最近在写移动端 H5 应用，遇到一个值得记录下来的点。现在从它的由来到实现，我们来聊一下移动端 1px，说 1px 不够准确，应该说成 1物理像素。通过阅读下面文章，你将会理解以下问题：问题为什么有 1px 这个问题？ 实现 1px 有哪些方法？这些方法分别有哪些优缺点？ 开源项目中使用的哪些解决方案？ 如何在项目中处理 1px 的相关问题？由来基本概念首先，我们要了解两个概念，一个是像素（pixel）可以简写为px，另外一个是设备像素比（DPR）像素 ：指在由一.

史上最简单，vue组件 省市区三级联动

<template> <div class="jzl-table"> <el-table :data="tableData" :ref="tableRef" @select="select" @select-all="selectAll" :row-key="rowKey" @selection-change="selectionChange" :height="filterPar.

-webkit-text-security：通过用形状替换字符来混淆<form>字段（例如<input>或<textarea>）中的字符。它仅影响那些字段不是的type=passwordhtml<label for="name">Name:</label><input type="text" name="name...

vue组件命名规范1.单文件组件的文件名应该要么始终是单词大写开头 (PascalCase)，要么始终是横线连接 (kebab-case)因为单词大写开头对于代码编辑器的自动补全最为友好，因为这使得我们在 JS(X) 和模板中引用组件的方式尽可能的一致。然而，混用文件命名方式有的时候会导致大小写不敏感的文件系统的问题，这也是横线连接命名同样完全可取的原因。2.应用特定样式和约定的基础组件 (...

在vue中，data里面的数据改变了，试图却没有更新，常见的情况是直接通过数组下标来修改数据，如:this.arr[2] =‘testStr’原因是Vue2.+ 中data数据对象是通过Object.defineProerty来进行数据的双向数据绑定，而数组则是监听数组的push和pop等操作数组的方法进行双向绑定的，因此当是通过下标来修改时便不能更新视图此时我们该怎么办呢？有三种办法...

vue中如何获取dom元素呢？步骤详解在标签上加上ref属性 如 ：在js中通过refs便可以获取dom如：this.refs便可以获取dom 如：this.refs便可以获取dom如：this.refs.refDemo修改对应的样式名 如：this.$refs.refDemo.style.backgroundColor="#108ee9"还不会？ 请看代码例子<tem...

es6中Promise对象，代表一个异步操作，其不受外界影响，有三种状态* Pending（进行中、未完成的）Resolved（已完成，又称 Fulfilled）Rejected（已失败）优势1、解决回调地狱（Callback Hell）问题2、更好地进行错误捕获** Promise.then(成功回调).catch(错误或失败回调)* Promise.all([...

在这里插入图片描述脚手架知识点

常用表单验证正则集合只能是正整数<input v-model="test" placeholder="只能输入正整数" onkeyup="value=value.replace(/[^0-9]/g, '')"></input>

表单验证 在编写项目的过程中，我们经常会用到表单，而且常常需要验证输入的值，这时候我们就需要写验证规则了，普通操作的demo的是获取当input 失去焦点额时候执行一个验证函数，是否符合规则，符号则弹窗，获取在一个特定位置显示提示语，通过ui框架，如element ui\ iview 这些则是将验证规则放在一个对象中，通过内置和自定义函数进行验证 废话不多说，上代码普通操作//知识点 ...

有的时候，由于服务器文件不是开放的，所以可能会需要前端用ajax传一段加密信息才能下载，而且返回的是文件流，不能直接用location.href或a标签直接下载，这时候我们怎么办呢？情况一：验证信息是在header//http.jsimport Vue from "vue";import axios from "axios";//定义获取文件流函数export function...

css超出隐藏关键属性。overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行这三个是css的基础属性，需要记得。但是第三条属性，只能显示一行，不能用在这里，那么如果显示多行呢？css3解决了这个问题，解决方法如下：display:-webki...

两种方法，一种是用jq的ajax请求之后将数据放到vue的data中，一种是用vue-resource请求一、动态参数显示 ajax异步请求后，接收到返回的data参数并显示在前端1 引入js,jQuery2 htmlv-for ="data in datas "ID名称年龄简称

vue是法语中视图的意思，Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。作者是尤雨溪,写下这篇文章时vue.js版本为1.0.7准备我推荐使用sublime text作为编辑器，关于这个编辑器可以看我这篇文章。在package control中安装Vuejs SnippetsVue Syntax Highlight

文件上传和表单提交是前端页面中经常会用的东西，今天就让我来给大家讲讲具体操作吧。话不多说，直接上代码html        选择一个要上传的文件: 备注：                  js//引入jquery//引入插件$('form').submit(function() {//重写submit按钮$(this).ajax

https://mp.weixin.qq.com/debug/wxadoc/dev/index.html

最近发现有很多人都想学习前端，然而大多都是不知道从何入手，一脸的迷茫。所以作为一名已经有一定工作经验的前端工程师，我觉得是时候回报社会，分享一下我的前端学习方法了，毕竟我也是通过网上各路大神的帮助和讲解，才能走到今天的！首先，先说说基础。必须声明，基础很重要。现在网上各路UI框架js框架一大堆，功能各异，看起来都很厉害的样子，就导致一些刚接触前端的，html，css，js，这三大基础性

new Vue({ el: '#someElement', data: { category: [ { name: 'cate0', items: [ { value: 'cate0 ite

**如有不解，请加群 897149839**好文章自己先收藏一下，怕以后找不到。文章转自：http://www.cnblogs.com/wj204/p/6031435.html前面vue2.0和webpack都已经有接触了些（vue.js入门， webpack入门之简单例子跑起来 ），现在开始学习如何构造自己的vue2.0+webpack环境。1.首先新建一个目录vue-wkd...

最近写vue2.0项目中用到了轮播图的一个插件，也就是vue-awesome-swiper，个人感觉还是比较强大的，swiper官网中的API及配置均可使用(支持3.0)，以下说下使用该插件的一些步骤：第一步安装npm install vue-awesome-swiper --save第二部在main.js中引入import Vue from 'vue'

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...

对于刚开始进行 JavaScript 编程的开发者来说，this 具有强大的魔力，它像谜团一样需要工程师们花大量的精力去真正理解它。在后端的一些编程语言中，例如 Java、PHP，this仅仅是类方法中当前对象的一个实例，它不能在方法外部被调用，这样一个简单的法则并不会造成任何疑惑。在 JavaScript 中，this 是指当前函数中正在执行的上下文环境，因为这门语言拥有四种不同的函