Running_FE的博客

原创 css 固定宽度，文字均匀分布

//方法一：text-align-last: justify; //不支持IE浏览器和safari浏览器//方法二：.label{ display: inline-block; width: 70px; height: 20px; /*高度需要添加，不然文字下面会多出一些空隙*/ text-align: justify; &::after { content: ""; display: inline-block; ...

原创 npm 升级与降级

npm升级最新版本npm install -g npmnpm降级npm install [email protected] -g执行后npm -v查看版本是否正确，mac 没成功可试下sudonpm install [email protected] -g

原创 文件下载pdf乱码 application/pdf；charset-UTF-8

try {const blob = new Blob([res], {type: `application/pdf;charset-UTF-8` // word文档为msword,pdf文档为pdf})if ('download' in document.createElement('a')) { // 非IE下载const url = window.URL.createObjectURL(blob)const aLink = document.createElement('a')

原创 table记录下

{{th.label}} {{td[th.prop]}} {{childTd[th.prop]}}

原创 h5原生table封装

<template> <table class='tableCom' width="100%" align="center" cellpadding="0" cellspacing="0"> <thead> <tr align='center' class="thead_tr"> <td v-for="(item,ind)

原创 elementui table二次封装

<el-table class="table" :data="tableData" border style="width: 100%" @row-click='jumpDetails' @selection-change="handleSelectionChange" empty-text row-key="id"> <el-table-column align="center" v-if="multiple" type="selection" widt...

转载 Vue 在data中引入图片路径报错？

vue项目中在data设置图片路径，template中引入后页面无法显示图片，浏览器控制台报错，路径没问题还是找不到原因：看了紫裳博主的文章才知因为Vue里动态生成的路径无法被url-loader解析到方法一：直接将图片源文件放在项目目录的static文件，正常写就可以； <divv-for="(item,index)inimgSrc":key="index...

原创 数组对象中相同属性，属性值合并（拼串）

var Array = [ { "22": "333" }, { "555": "444" }, { "22": "666" }]//实现的数组：[{ "22": "333,666"},{"555": "444"}]var newArr = []Array.map(value => {...

转载 "npm ERR! Error: EPERM: operation not permitted"问题解决

npm ERR! Error: EPERM: operation not permitted其实就是权限问题，猜测使用管理员权限应该OK，试了一下，确实如此；解决办法：1.最简单的方法如下：windows  +  X 组合键就可以打开下图 选择要管理员运行的请选框起来的第二个也可以按windows+x+a 2.或者，使用搜索cmd，打开之后，选择"使用管理员权限运行CMD...

转载 excel获取转换json数据

excel获取转换json数据：&lt;!DOCTYPE html&gt;&lt;html&gt;    &lt;head&gt;        &lt;meta charset="UTF-8"&gt;        &lt;title&gt;&lt;/title&gt;        &lt;script src="http://oss.sheetjs.com/j

转载 url获取

function GetRequest() {      var url = location.search; //获取url中"?"符后的字串      var theRequest = new Object();      if (url.indexOf("?") != -1) {        var str = url.substr(1);         strs = s...

原创 node 命令update

npm install npm@latest -g 

原创 微信小程序踩坑（二）

1.弹窗点透：（加z-index提高层级）2.微信小程序原生组件button组件的去除border：.btn::after{ border: none; }3.自定义弹出框底部页面会出现滚动：使用方法catchtouchmove4.url传值，出现JSON.parse错误：4.ios---Date问题（同样存在移动端）：iosDate支持2018/07/19...

原创 input number类型去掉箭头且不能输入e和标点符号

input number类型去掉箭头且不能输入e和标点符号: https://blog.csdn.net/nnn_net/article/details/70778242el-input限制非数字类型输入：@keyup.native="handChange"handchange(){  this.value = this.value.replace(/[^0-9]/g, '')}...

原创 ps快捷键

标尺： ctrl+R;参考线：ctrl+；合并组：ctrl+G存储为web格式：shift+ctrl+alt+s

原创 web测试工具

测试web应用程序和服务的专业软件工具：httpmaster

原创 微信小程序学习历程(一)

https://developers.weixin.qq.com/blogdetail?action=get_post_info&amp;lang=zh_CN&amp;token=768795281&amp;docid=0000a26e1aca6012e896a517556c01&amp;devtools=1微信小程序官网： https://developers.weixin.qq.com/m...

转载 电脑网络正常，浏览器打不开的解决方案（三种情况）

1.尝试用IP地址来访问，如百度地址：http://202.108.22.5  ，如果可以访问，那么应该是DNS的问题。   造成DNS的问题可能是连网时获取DNS出错或DNS服务器本身问题；网络连接右键WLAN ——&gt; 双击Internet 协议版本4 ——&gt; check自动获取DNS服务器地址（能正常使用的DNS服务器地址）2.不同的ISP有不同的DNS地址。有时候则是路由器或网卡...

原创 mac svn命令

svn   checkout + 服务器地址 + 本地目录 —— 检出项目代码svn   ci   -m  "修改描述” file —— 修改文件 /进入目录文件（svn ci -m “info”* 提交所有修改） svn   status —— 查看当前状态svn   log  —— 查看日志svn  update —— 拉取最新代码...

原创 mac开发者工具/快捷键

偏好设置  -&gt; 菜单栏中显示“开发”菜单（勾选）-&gt; option（alt）+ command + I（快捷键）-&gt; ok

原创 angular 4--error TS2403

解决方案：1.  cnpm install typescript@~2.7.22. tsconfig.json 加入“skipLibCheck”： true

原创 vue 定义mixin

main全局引入import mixin from './mixins/mixin'Vue.mixin(mixin)import { stages } from '../config'export default { methods: { jumpToStage (stage, param) { param ? this.$router.push({name: stag...

原创 babel使用

npm init  新建package.json .babelrc 文件中{+ "presets": ["env"]- "presets": ["es2015"]//弃用}babel-preset-es2015 改为 babel-preset-envbabel-cil 本目录下安装 -&gt; npx babel test.js -o test1.js ( es6转es5 ) -&gt...

转载 promise

promise 异步编程的解决方案(解决回调地狱)　　三种状态: pending-进行中、resolve-已完成、rejected-失败promise 的基本用法：　　let promise = new Promise( (resolve, reject) =&gt; {　　　　if (sucess) {　　　　　　resolve(a) 　　　　} else {　　　　　　reject(err)　...

转载 export、export default、import的区别

export、export default 均可用于导出常量.、函数、文件、模块等;在文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用;export 对应的 import 需要知道 export抛出的变量名或函数名 import{a,b};export default对应的 import 不需要知道 export抛出的变量名或函数名 im...

转载 input type="file" change事件只触发一次

javascript 中onchange事件: 当对象的值发生改变的时候才会触发; 即input中value值变化才会触发如要上传两次,清除文件输入值

转载 element-ui 回车登录事件

原创 移动端web页面遇到的问题

移动端web页面input+fixed布局bug总结1.软键盘唤起,页面的fixed元素会失效(即无法浮动,变为absolute定值)页面超屏滚动,失效的fixed元素也会滚动ios下, .header .footer{position为fixed},         .main{position:absolute; overflow-y:scroll;-webkit-overflow-scrol...

原创 前端面试题，自敲

1.将字符串‘get-element-by-id’,转换成驼峰表示法‘getElementById’ var str = "get-element-by-id" str = str.split("-").map((item,index) =&gt; { return index !== 0 ? item = item.charAt(0).toLocaleUpperCase() + ...

转载 react-router组件

import { Switch, Prompt } from"react-router-dom"Prompt组件: &lt;Prompt when={true} message="提示消息"&gt;when为boolean值,true为会提示消息,false则不会提示Redirect组件:&lt;Redirect path="/home" to="/about"&gt;或&lt;Route

转载 vue 双向数据绑定

class myVue { constructor(options) { 初始数据(options是实例传的数据) this._init(options) } _init(options) { this.$options = options this.$el = document.querySelector(options.el) this.$...

原创 变量提升

var a = 'windowA'if (true) { var a = 'A'}function fn() { a = 'fnA' var b = 'b是局部的' c = 'c是全局的'}fn()console.log(a, b, c) //b is not definedfunction parent() { var hoisted = "I...

转载 前端-性能优化

优化的方向有两个：减少页面体积，提升网络加载优化页面渲染减少页面体积，提升网络加载静态资源的压缩合并（JS 代码压缩合并、CSS 代码压缩合并、雪碧图）静态资源缓存（资源名称加 MD5 戳）使用 CDN 让资源加载更快优化页面渲染CSS 放前面，JS 放后面懒加载（图片懒加载、下拉加载更多）减少DOM 查询，对 DOM 查询做缓存减少DOM 操作，多个操作尽量合并在一起执行（DocumentFra...

原创 class的私有方法跟公有方法

//类的私有方法与公有方法function Foo(name) { function private() { console.log('私有方法') } private() this.name = name this.getName = function () { console.log('公有方法',this.name)...

转载 fixed在移动端的坑

fixed在某些情况下可能导致容器内的子元素的1px边框线消失，即使使用z-index也无法解决。解决方法：可以使用translateZ属性来解决fixed定位的容器内不能带有input，这是常见的bug。解决方法： 在input聚焦的时候去掉fixed定位状态，改为absolute。fixed＋可滚动的容器内会导致fixed定位的子元素在滚动时定位失效，滚动完成后才正常回到fixed的位置。解决...

转载 Array.Prototype.slice的内部实现

Arrary.Prototype.slice = function (start， end) {    var result = new Array()    start = start || 0 ;    end = end || this.length //this指向调用的对象，当用call后，能够改变this的指向    for (var i = start; i &lt; end; i+...

原创 slice、splice、split

Arrary.slice(start,end):  剪切，返回新数组选定的元素（不包括end值），不改变原数组  var arr = [ 5， 88， 66， 46,  53 ]  console.log( arr.slice(1,3),  arr ) //[88], [5, 88, 66,46,53]Arrary.splice(index,howmany,item):  添加删除元素，返回被删除...

转载 vue的双向数据绑定

class myVue { constructor(options) { // 初始数据(options是实例传的数据) this._init(options) } _init(options) { //options包括实例vue传入的结构体 this.$options = options this.$el = document.quer...

原创 vue引入sass、less

vue-cli中已经配置好sass及less配置如需要引入直接下载两个模板：    npm install node-sass --save-dev    npm install sass-loader --save-devless:     npm install less --save-dev    npm install less-loader --save-dev...

转载 js继承的几种方式及优缺点

JS实现继承的几种方式前言JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代码如下：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep =...