3 Maximus_ckp

尚未进行身份认证

逆水行舟,不进则退。努力过上自己想要的生活。

等级
TA的排名 10w+

VSCode格式化Vue文件缩进

1.下载安装Vetur插件2.打开配置json文件【File】-【Preference】-【Settings】-【Extensions】-【Vetur】-【Edit in settings.json】3.将下列内容追加到 settings.json 文件中: "vetur.format.defaultFormatterOptions": { "prettyhtml"...

2020-03-23 16:01:08

前端开发工程师快速装机指南

CVS工具 (Git相关)Git bashhttps://git-scm.com/downloadsSourceTreehttps://www.sourcetreeapp.com/GitHub Desktop (强烈安利)https://desktop.github.com/开发IDEVSCodehttps://code.visualstudio.com/相关插件参考...

2020-01-08 14:35:46

zoom与transform:scale区别

zoomtransform:scale支持属性百分比、数值(0与1等效)、normal关键字(相当于1)数值(可为负)是否为CSS规范否是是否影响其他元素是否是否受transition属性影响无过渡效果享受过渡效果相对位移点左上角默认为正中,可通过transform-origin设置1. zoom与scale区别图示2. ...

2020-01-03 17:03:15

正则匹配整理

知识储备exp1(?=exp2)前瞻:查找exp2前面的exp1(?<=exp2)exp1后顾:查找exp2后面的exp1exp1(?!exp2)负前瞻:查找后面不是exp2的exp1(?<!=exp2)exp1负后顾:查找前面不是exp2的exp1() 表示捕获分组,()会把每个分组里的匹配的值保存起来,使用$n(n是一个数字,表示第n个捕获组的内容)(?:)表...

2019-02-21 16:32:41

Vue 解决Loading chunk (\d)+ failed问题

import Vue from 'vue';import Router from 'vue-router';// 两种页面引入方式// 方式1,将所有页面import进来,会打包成一个巨大的js,首页加载慢,后续页面加载快,不推荐// import Page404 from '@/pages/Page404';// import Indexfrom '@/pages/index';...

2019-01-10 15:16:12

2018项目总结

2018项目总结针对Vue框架mixin (复用逻辑好方案 https://cn.vuejs.org/v2/guide/mixins.html#基础表单输入验证限制input框输入内容字符时1)若不会因绑定值变化而触发请求,可采取watch+正则表达式方案来进行动态屏蔽非法字符2)若绑定值的变化会触发请求,使用方案一会导致页面/组件初始化时触发多次冗余请求,建议将正则验证...

2018-12-14 00:33:56

IOS12 Array reverse方法

html页面中输入如下内容:Use iOS12 test. <br/><button onclick="test()" style="border: 1px solid #ccc;">Click Refresh</button><script> function test() { var arr = [1, 2, 3, ...

2018-09-25 12:03:06

AA结账算饭钱方法

每天和同事们一起订饭定水果凑单享受优惠,每次还要计算减免和运费换算后每个人要给下订单的同学发多少钱红包,很麻烦,写个简单的小方法,只要有浏览器就可以快速算…原谅我懒 例如 A下的订单,A的宫保鸡丁 15,B的鸡牛双拼30,C的咖喱牛肉20, 满60减15优惠,送餐费6块, 订单总额为 15+30+20-15+6=46 元; B和C需要给A发多少钱?// arr 优惠前每人定的商品价...

2018-09-12 13:58:12

每天学么点儿技术花活儿(九月篇:JSON解析报错,判断对象相同等)

JSON.parse(),JSON.stringify() 注意细节点JSON.parse() 与 JSON.stringify() 可以将JSON类型与字符串类型相互转换,转换期间有些变化及注意点在此列举下:1.JSON.parse()传入的数据,需要是以 双引号 包裹着key的对象转换后的字符串,如`{“a”:1}` , ‘{“a”:1}’2.JSON.parse()传入的...

2018-09-10 16:05:25

每天学么点儿技术花活儿(八月篇)

数据深层拷贝var arr1 = [1,2,3];var arr2 = arr1;arr1 = [9,2,3]; // 重新给arr1赋值arr2 => (3) [1, 2, 3] // arr2 没跟着arr1改变而变化var arr1 = [1,2,3];var arr2 = arr1;arr1[0] = 9; // 重新给arr第一个元素赋值 arr2 =...

2018-08-21 15:24:13

【React】Redux入门 & store初体验

组件间传值联动是令人头疼的一个问题,尤其是一个组件影响多个其他组件状态变化的时候,尝尝需要一级一级与父组件传值,与父组件的兄弟组件传值等等,如何化繁为简地处理“牵一发动全身”的情况,就是将所有组件的state中的值,用redux数据框架的store来统一记录管理。 ReactComponents(组件) 通过 ActionCreators 告诉 Store 要获取/更改哪个值,Store 通...

2018-08-20 15:41:34

React & Vue 实现 Todolist 对比

React:脚手架初始化项目 npx create-react-app todolistimport React, { Component } from 'react';import './Todolist.css';// 若上面不引用 { Component }则需要写成 React.Componentclass Todolist extends Component {...

2018-08-13 18:18:52

前端RSA加密demo

登录/注册/支付 基本都要用到加密方案, 前端运用RSA技术进行加密简单来说分为以下几步骤:引入RSA加密文件jsencrypt.js ↓ 实例化加密对象 var encrypt = new JSEncrypt(); var decrypt = new JSEncrypt(); ↓ 设置公钥 / 密钥(公钥 / 密钥 跟你们后台大佬要吧) encrypt.setPublicK...

2018-07-23 15:27:30

每天学么点儿技术花活儿(六月篇)

2018.6.251.图片hover切换 hover前:hover后: 实际上,hover 前后是一张图: hover前样式:#backtop { background: url(//www.lgstatic.com/www/static/common/widgets/footer_c/modules/img/backtop-new_0e4bcbc.png) left t...

2018-06-25 17:33:55

vue-cli 极简教程

1.打开cmd,全局安装 vue-cli (前提是装好node,npm,webpack,vue)>npm install --global vue-cli2.创建一个基于 webpack 模板的新项目 在目标 workspace 下敲入 vue init webpack my-project, 按照项目需求填入/选择各种配置(vue-router,esLint等.) PS: 新建

2018-01-17 16:16:40

【小程序】eval被禁,代替方法

之前写的计算器小程序昨天发现不好用了调试下发现竟然报错说eval不能用了:evalisnotafunction原来eval方法被小程序禁掉了。解决方法:引入rpn.js用里面的calCommonExp(str)方法代替原来的eval(str)rpn的github:https://github.com/huruji/rpn.js在小程序对应的js中,引入rpn:注意,rpn

2017-10-26 12:08:22

【移动端】仿hover效果触发导航菜单展开

PC端,很多交互是由鼠标滑过触发伪类‘:hover’来实现的, 而移动端是没有鼠标hover事件的, 我们可以将原来响应:hover的DOM元素, 绑定监听touchstart和touchend, 动态添加/除去 ‘.hover’这个类来达到等价于PC端交互的效果。逻辑核心: **onTouchStart 相当于 onMouseOver, onTouchEnd 相当于 onMouseOu

2017-09-18 17:13:31

立志向Keep进军!

早晚各一次瑜伽课程, 每天一次腹肌课程, 连续100天Comboo努力改变自己!开发模式 : Scrum 敏捷开发模式CodeView & 产品管理 : Phabricator https://www.phacility.com/团队沟通 : BearyChat 倍洽 https://bearychat.com/文件共享 : Seafile https://www.seafile.

2017-09-14 17:20:54

数组去重

ES5循环遍历:let foo=[1,2,3,4,5,3,2,1];function quchong(arr){ let newArr=[]; for(let i=0;i<arr.length;i++){ if(newArr.indexOf(arr[i])==-1){ newArr.push(arr[i]) } }

2017-08-31 17:58:45

【js工具类方法】截取地址栏参数

function getParameter(param){ var query = window.location.search; var iLen = param.length; var iStart = query.indexOf(param); if (iStart == -1){ return ""; } iStart += i

2017-07-10 12:03:14

查看更多

勋章 我的勋章
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。