- 博客(33)
- 收藏
- 关注
RSS订阅原创 利用阿里云服务器建立个人网站（宝塔面板+wordpress）超简单，适合新手
第一步：买服务器和域名首先，去阿里云（腾讯、百度等其他的也行）买一台适合自己的服务器，根据自己的需求购买就行，如果跟我一样只是做一个自己用的博客，访问量不高的话买一个最便宜的就行（其实是穷）。 偷偷说一下：最好服务器和域名一起购买，一次买多个云产品一起结算更划算，首次购买会有很大优惠，我这个就是首次购买1折，一般每家公司首次购买都会有优惠， 阿里云最新活动。注意国内的服务器需要备案，香港、国外...
2020-07-24 13:52:57
696
原创 “撤县设市”の利与弊
想到这个话题是因为我的老家河南长垣县经过多年的努力，在2019年10月1日正式挂牌变成长垣市了。首先，县是以发展农业为主，工业为辅，保障国家粮食供给主要是由县域级出力。而市是以工业为主，农业为辅。国家目前处于城镇化建设的重要时期，有利于城镇化建设，县变市是城市发展大势所趋。老家人只是感觉到名字变得好听了，房价变高了。我当时正值要买房，明显感觉到房价飙升，在大城市房价稍有回落的时候，老家的房价...
2020-07-10 17:58:06
2350
原创 各种深拷贝
递归var a = {name : '笑话',age : 20,arr : [1,2,3,4,5,1,66,6,2,76]};var b;var deepCopy= function(source) { var result={}; for (var key in source) { //递归调用 result[key] = typ...
2020-07-03 10:13:39
222
原创 基于vue-cli3的webpack配置
// vue.config.jsconst path = require('path');function resolve(dir) { return path.join(__dirname, dir)}const UglifyJsPlugin = require('uglifyjs-webpack-plugin');module.exports = { runtimeComp...
2020-07-02 09:40:17
702
1
原创 拉动经济的三驾马车：消费、投资、出口
通常情况下决定国内经济的几个大方向是消费、投资和出口。世界经济低迷的2020年，国家为了拉动经济，分别从消费、投资、出口三个方向出台相应的政策，这是一套组合拳。消费：最好的例子就是支持摆地摊、发消费券、扩大内需搞促销（往年618最多持续一周，今年从1号就开始了，超长促销）、政府花钱搞基建（人民不消费我政府消费）image投资： 放宽银行贷款政策、降低贷款利率、延迟贷款一年还款时...
2020-06-13 11:09:37
2528
原创 前端常见代码规范
前言本文档旨在规范前端编码规范，力求达到任何人阅读他人代码都能快速理解并着手开发，其他未总结到的编码格式规范应严格按照ESLint格式要求编写即可。css规范 本文档的目标是规范组内代码风格，尽可能的使 同事们的 CSS 代码风格保持一致，容易被理解和被维护。 虽然本文档是针对 CSS 设计的，但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时，适用的部分也...
2020-06-08 15:48:22
1206
原创 前端一些工具函数
1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.te...
2020-05-26 09:12:37
922
原创 前端文件设置gzip压缩
webpack有一个文件压缩的插件，可以将大文件压缩成gzip的格式。使用起来也非常简单，先安装：npm install --save-dev compression-webpack-plugin然后修改webpack配置（vue.config.js）：const CompressionWebpackPlugin = require("compression-webpack-plugin...
2020-05-11 10:45:57
2314
1
原创 git提交代码流程
第一种方法1. git add . (后面有一个点，意思是将你本地所有修改了的文件添加到暂存区)2. git commit -m "注释"(将索引的当前内容与描述更改的用户和日志消息一起存储在新的提交中)3. git pull origin 远程分支名 (下拉代码，将远程最新的代码先跟你本地的代码合并一下，如果确定远程没有更新，可以不用这个， 最好是每次都执行以下，...
2020-01-15 17:49:59
236
1
原创 vscode常用插件集合
Auto Close Tag（自动闭合标签）Auto Rename Tag（自动修改标签名）Bracket Pair Colorizer 2 （代码括号变色）Chinese (Simplified) Language Pack for Visual Studio Code（汉化vscode）Document This （说明this的指向）GitLens — Git s...
2020-01-14 17:09:13
171
原创 vue粒子特效插件vue-particles
安装npm install vue-particles --save-dev在main.js中引入import VueParticles from ‘vue-particles‘Vue.use(VueParticles)使用<vue-particles color="#fff" :particleOpacity="0.7"...
2020-01-12 11:08:38
219
原创 小程序web-view引入外部网页使用入坑
官方文档 https://developers.weixin.qq.com/miniprogram/dev/component/web-view.htmlweb项目中引入jssdk<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></sc...
2019-12-07 19:21:47
737
原创 微信小程序重写checkbox、radio样式
1、方形对勾image.png/* 重写 checkbox 样式 *//* 未选中的 背景样式 */checkbox .wx-checkbox-input { width: 14px; /* 背景的宽 */ height: 14px; /* 背景的高 */}/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己...
2019-08-20 15:13:00
829
原创 微信小程序margin-bottom失效
现象：给页面底部元素设置margin-bottom 在iOS上失效解决办法：给外层元素（page）加padding-bottom
2019-08-20 15:07:00
1286
原创 小程序中引用字体
外部引入我选择外部引入是由于小程序包最多2M，字体包一般比较大，所以将字体资源放在阿里云oss上。特别注意：网络引入需要设置跨域，要不然会引用失败。在阿里云oss基础设置里面可以设置跨域image.png1、直接在wxss中引用@font-face { font-family: 'fangsong'; src: ...
2019-08-06 18:02:00
721
原创 移动端布局常用方法
左右固定，中间自适应（双飞翼或者圣杯布局）页面结构<div class="flex"> <div class="left"></div> <div class="center"></div> <div class="right"></div>...
2019-06-13 18:00:00
149
原创 小程序注意事项
小程序中的背景图不能直接使用本地静态图片资源，可以转化成base64或使用网络图小程序目前还无法监听到右上角胶囊键中菜单的点击，所以 一些应用场景（如：做任务收藏小程序、关注公众号）不能实现。...
2019-05-23 11:26:43
146
原创 css实现卡券锯齿边
html <view bindtap="onPickUpGoods" data-goods="{{item}}" data-url='../pickUpGoods/pickUpGoods' class="pick-up-goods-btn" bindtap="onPickUpGoods"> <view class="pick-up-goods-text">...
2019-05-23 11:05:19
1492
原创 重写小程序CheckBox样式
重写复选框样式/* 未选中的 背景样式 */checkbox .wx-checkbox-input { // border-radius: 50%;/* 圆角 */ width: 28rpx; /* 背景的宽 */ height: 28rpx; /* 背景的高 */}/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */checkbox .wx-chec...
2019-05-23 10:40:32
1625
原创 git怎么打tag
/// 查看标签// 打印所有标签git tag// 打印符合检索条件的标签git tag -l 1.*.*// 查看对应标签状态git checkout 1.0.0/// 创建标签(本地)// 创建轻量标签git tag 1.0.0-light// 创建带备注标签(推荐)git tag -a 1.0.0 -m "这是备注信息"// 针对特定commit版本SHA创建标...
2019-05-08 10:22:00
122
原创 input根据字节数限制字数，禁止输入表情和特殊符号
特殊符号和表情 // 特殊符号_val = _val.replace(/[^\u4e00-\u9fa5a-zA-Z0-9\w]/g, ''); // 表情_val = _val.replace(/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g, ""); 按字節數截取字符串 /** * 按字...
2019-03-20 16:58:00
2081
原创 纯css实现鼠标悬停文字的汽泡提示
1 固定样式<!--标签上加title属性--><div class="tooltip" title="提示内容"></div>2 伪类实现<!--标签上自定义属性--><td labelTooltip="提示内容">声乐</td>td { position: relative;}td:...
2019-03-20 16:50:00
7280
原创 Error: EBUSY: resource busy or locked, symlink
npm安装vue富文本插件的时候报错image.png终极解决方案：关闭电脑管家或者是360就好了
2019-01-07 14:39:00
487
原创 vue总线Bus.js
有时候两个组件也需要通信（非父子关系）。当然Vue2.0提供了Vuex，但在简单的场景下，可以使用一个空的Vue实例作为中央事件总线。实际运用的时候一般把bus抽离出来；Bus.jsimport Vue from 'vue'const Bus = new Vue();export default Bus;组件调用时引入 组件1import Bus from './Bus...
2018-11-27 16:06:00
1605
原创 vue中slot插槽的使用
插槽的作用：个人理解，如果子组件需要显示的东西不是自己的，而是由父组件传递进来的则使用slot，父组件可以使用插槽往子组件传递任何东西<navigation-link url="/profile"> Your Profile</navigation-link>如果 <navigation-link> 没有包含一个 <slot>...
2018-08-24 11:06:00
159
原创 前端面试题
1.call和apply的区别2.transition, animation, transform 的区别3.谈谈你对语义化的理解4.介绍下js的基本数据类型5.解释下什么是事件代理6.从输入url到显示网页，后台发生了什么7.谈谈你对This的理解8.请用js实现一个继承9.哪些操作会造成内存泄漏10.在项目开发过程中你是怎么和后端进行交互的？11.清除浮...
2018-08-24 09:32:00
144
原创 关于js的10个兼容问题
1.获取css样式属性值function getStyle(obj,attr){ if( obj.currentStyle ){ return obj.currentStyle[attr]; }else{ return window.getComputedStyle(obj,null)[attr] }}2.获取body节...
2018-08-24 09:25:00
85
原创 Vue中$set的用法
什么情况下使用$set？受现代 JavaScript 的限制，Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性遍历执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。<!--先看一个例子--><!DOCTYPE html><html><...
2018-08-23 15:03:00
561
原创 ES8特性
ES8 是 ECMA-262 标准第 8 版的简称，从 ES6 开始每年发布一个版本，以年份作为名称，因此又称 ECMAScript 2017，简称 ES2017。1、字符串填充-ES8 String.prototype.padStart 和 String.prototype.padEnd 两个函数，用于在字符串开头或结尾添加填充字符串；开发者可...
2018-08-23 10:01:00
126
原创 ES7特性
1、Array.prototype.includes(value : any) : boolean# 例如：> ['a', 'b', 'c'].includes('a')true> ['a', 'b', 'c'].includes('d')false# includes类似于indexOf- 以下两个表达式大部分是等效的：ar...
2018-08-23 09:58:00
110
原创 ES6特性
合并对象或数据方法一：let o1 = { a: 1, b: 2, c: 3 };let o2 = {...o1, d: 4}; // o2 = { a: 1, b: 2, c: 3, d: 4 }let arr1 = [0, 1, 2];let arr2 = [...arr1, 3]; // arr2 = [0, 1, 2, 3]方法二：let o1 = { a: 1, b...
2018-08-23 09:56:00
232
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人