放手

原创 electron-mac应用-代码签名及公证（教科书式操作-亲测有效）

electron-mac应用代码签名及公证代码签名1、Apple开发者账号2、配置环境变量公证（notarize）1、说明2、使用electron-notarize插件1、安装 electron-notarize 插件2、使用hardened runtime构建App3、设置正确权限4、使用有效的开发者ID进行签名5、使用electron-notarize6、不要对dmg签名7、最终配置信息：（可参考以下代码）结束electron-MAC版应用需要做代码签名才可以在mac上被信任打开，自macOS 10.

原创 js闭包是啥（只要仔细看，肯定能懂）

闭包变量的作用域什么是闭包？要理解闭包，首先要知道变量作用域。过来过去也就两种：全局变量和局部变量。我们知道js比较神奇的地方是：我们可以从函数内部访问到一个全局变量。 var a = 1; function show () { console.log(a); } show(); // 1那么从一个函数外部能拿到函数内部的变量吗？接着往下看。function sho...

原创 什么是Vue.js？它可以用来做什么？看看作者怎么说

目录开发初衷MVVM数据绑定数据观测的实现组件系统基于构建工具的单文件组件格式其他特性总结参考链接：Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中，Vue.js有幸受到一定程度的关注，目前在GitHub上已经有60000+的star。本文将从各方面对Vue.js做一个深入的介绍。Vue.js 是尤雨溪在2014年2月开源的一个前端开发库，通过简洁的 ...

原创 git commit 之后撤销commit注释信息

git commit 之后撤销commit注释信息git commit 提交信息执行完commit想撤回？--mixed--soft--hardgit commit 提交信息平时写完代码后，最常见提交方式就是：【git add .】【 git commit -m '注释信息'】如果只是commit注释写错了，想换个注释。【git commit --amend】进入默认vim编辑，换行#号后写需要更改的注释，【:wq】保存退出。执行完commit想撤回？git reset --soft HEA

原创 为什么说每个程序员都要尽早地学习并掌握设计模式相关知识？

为什么说每个程序员都要尽早地学习并掌握设计模式相关知识？1. 应对面试中的设计模式相关问题2. 告别写被人吐槽的烂代码3. 提高复杂代码的设计和开发能力4. 让读源码、学框架事半功倍5. 为你的职场发展做铺垫重点回顾课堂讨论我相信，很多程序员都已经意识到基础知识的重要性，觉得要夯实基础，才能走的更远，但同时对于如何将基础知识转化成开发“生产力”仍然有些疑惑。所以，你可能看了很多基础的书籍，比如操...

原创 平时开发大家知道package-lock.json的作用嘛？

package-lock.json的作用说明什么是package-lock.json？package-lock.json有什么作用呢？补充说明package-lock.json会为npm修改node_modules树或的任何操作自动生成package.json。这是官方的说法用一句简单的话说，就是锁定安装时包的版本号，并要传到git，以保证其他人在npm install时其他开发成员的依赖...

原创 2019前端面试集合

2019前端面试集合css1、介绍一下标准css的盒子模型？与低版本IE盒子模型有什么不同的？2、css选择器有哪些？哪些属性可以继承？3、css优先级算法怎么计算？4、display都有哪些值及作用？5、position6、你了解哪种布局模式呢？flexBox？7、用纯css写一个三角形8、设置元素浮动后，该元素的display值是多少？9、移动端布局过媒体查询吗？10、什么是响应式设计？响应式...

原创 理解js中深拷贝、浅拷贝。

深拷贝、浅拷贝欢迎大家阅览我的文章、感谢！浅拷贝深拷贝举例子合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎大家阅览我的文章...

原创 Axios简单了解一下

首先我们得知道它是啥？它的作用是啥？它的好处是啥？axios是啥？axios是基于Promise的HTTP客户端，用于浏览器和nodejs。axios的作用？请求数据axios的好处？（特征）支持HMLHttpRequest让HTTP从nodejs请求支持Promise API拦截请求和响应转换请求和响应数据取消请求自动转换json数据客户端支持防范XSRF...

原创 vue简单实现原理

首先我们要清楚vue是双向绑定数据，通过object.defineProperty()的访问器属性getter、setter数据劫持结合发布订阅模式，来完成数据双向绑定。<style> <div id="box"></div></style><script> // 定义一个div let oBox = documnet.ge...

原创 Web缓存（前端缓存）一起来看看

一、前端缓存概述前端缓存主要是分为HTTP缓存和浏览器缓存。HTTP缓存是在HTTP请求传输时用到的缓存，主要在服务器代码上设置；而浏览器缓存主要由前端开发在前端js上进行设置。二、分类1. HTTP缓存HTTP缓存都是从第二次请求开始的。第一次请求资源时，服务器返回资源，并在respone header头中回传资源的缓存参数；第二次请求时， 浏览器判断这些请求参数，击中强缓存就直...

原创 promise.all与promise.race

一、Promise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功时返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。let p1 = new Promise((resolve, reject) => { resolve('成功了')})let p2 = new Prom...

原创 记录一次HTML中的meta标签使用及含义

meta支持的浏览器有：IEFirefoxChromeSafariOpera也就是所有浏览器都支持meta含义meta可提供有关页面的元信息（meta-information）,比如针对搜索引擎和更新频度的描述和关键词。meta位于文档的头部，不包含任何内容meta标签的属性定义了与文档相关联的名称。常用属性charset（字符集）规定了html文档的字符编码...

原创 分享雅虎前端优化军规

我认为作为前端开发人员，用户体验最为重要，既然体验要好，那性能优化就尤为重要，另一方面，web前端性能优化在面试中，也是高频问题，下面咋们就一起看看从哪些方面入手。内容部分1. 尽量减少HTTP请求次数。80%的终端用户响应时间都花在前端上了，大部分时间都在下载页面上的各种组件，图片、样式、脚本、动画等。减少组件数量可以减少页面提交的HTTP请求次数。那么要减少页面组件数量的方式是简化页面...

原创 react封装路由表，一起来看看。

import * as React from 'react';import {Redirect, Route, Switch} from 'react-router-dom';export default class RouterView extends React.Component { render() { //数组 let routes = this.props.d...

原创 原生js小案例---动态创建元素

document.createElement（）是在对象中创建一个对象。要与appendChild() 或 insertBefore()方法联合使用。下面我们做一个小案例，添加医院。1、点击创建出来一条2、像这样3、创建5条后，再次点击创建，就创建不了了，创建按钮隐藏。4、点击删除，总条数小于5时，创建按钮就会出来。<div class='box'> ...

原创 jsonp解决跨域（案例：动态获取百度数据）

jsonp了解一下，只要你看了，相信你就能懂！首先我们先简单回忆一下ajax，ajax我们都不陌生，经常用，ajax的优点是不刷新整个页面从后台获取数据，但是也有缺点啊，不能跨域啊！但是好多时候我们还就得跨域请求数据。所以jsonp出场了。必须清楚的一点，json和jsonp是没有任何关系的。jsonp是一种可以跨域获取数据的手段。jsonp实现原理：动态创建script标签，在全局设置一个...

原创 0718每天一道面试题

原创 js匹配括号算法题

有一个字符串我们需要找到左右括号相对应的下标let str = ' (5+6)+((2+1)-(4* (2-1)))';let show = (s) = > { const leftArr = []; // 存放左边括号 const successArr = []; // 存放成功数据 /*遍历字符串*/ for(...

原创 多维数组转一维数组+排序

// 已知如下数组var arr = [ [1, 2, 3], [4, 4, 5, 6, 6, 7], [8, 8, 9, 10, [11, 12, 13, [14, 15, 16, [17, 17], [18]]], 18, 19, 20],];// 编写一个程序将数组扁平化去除其中重复部分数据， 最终得到一个升序且不重复的数组仔细读题其实就会发现这个题一点都不难，哈哈。分为...

原创 前端原生js函数防抖和节流

函数防抖节流什么是防抖和节流？ 防抖和节流严格算起来应该属于性能优化知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。防抖： 对于短时间内连续触发的事件，防抖的含义就是让某个时间期限（setTimeOut）内，事件处理函数只执行一次。节流： 可以设计一种类似控制阀门一样定期开放的函数，也就是让函数执行一次，在某个时间段内暂时失效，过了这段时间后在重新激活（类似于技能冷...

原创 react父子组件通信父传子、子传父

理论性的知识咋们后期加，主要实现下最基本的父子互传。直接附代码父组件import React, { Component } from 'react';import Child from '../children';export default class index extends Component { constructor(props) { super(props);...

原创 vue项目搭建启动时This relative module was not found:

遇到这个情况，很头疼！项目小还好说，要是大，那就慢慢找吧，是路径出现问题了。问题出在了这里。我原本写的是 usershowcomponentsiewport 少了个/和v。所以在我们引路径的时候一定要仔细检查…...

原创 微信小程序滑动菜单（swiper）

今天教大家写一下滑动菜单我这里使用的mpvue的写法，基于vue语法开发的小程序框架。明确思路1 确定每页所需的数据 这里是10条2 进行数据截取3 进行渲染下面给大家分享下代码 有不明白的可以私信我1 数据注意：我是用mpvue 所以数据直接放在了data(){return{}} 里type: [ { id: 0, ...

原创 小程序简单版tab切换

1 需要点击的按钮<view class='content'> <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">電源</view> <view class="swiper-tab-item...

原创 nodejs实现简单的http请求

// 1、引入模块var http = require('http');var fs = require('fs');// 2、搭建服务器var server = http.createServer(function(request, response) { console.log(request.url) response.writeHead(200, { ...