程序员

原创 vue-cli项目 npm 打包之旅

目标：将组件单独打包成npm包组件目录：1、创建levelTree组件2、同时创建index.jsindex.js 负责将组件变成 可以使用vue.use()方法的而后 进行配置 vue.config.js而后配置package.json“lib”: “vue-cli-service build --target lib --name lt ./src/components/...

原创 promise 方法总结

Promise.all()Promise.all()用于发射多个promise请求，一个回不来 全都回不来const p1 = new Promise((resolve, reject) => { resolve('hello');}).then(result => result).catch(e => e);const p2 = new Promise((r...

原创 vue-子组件向父组件传值

子组件注册触发事件，父组件注册 触发子组件事件后的方法写在method里面 父组件这么写<component-a v-on:child-say="listenToMyBoy"></component-a><p>Do you like me? {{childWords}}</p> methods: { listenToMyBoy: function (somedata)

原创 当浏览器输入一个url请求会经历什么？

原创 产品讨论五法则：

产品讨论五法则：1、表达观点时，讲完不要问“你听懂了吗？”换一种说法：“我有讲清楚这件事吗？”2、别人表达观点时，如果是重要的观点或分歧点，听完先复述一遍，然后再回答。如果出现了某个重要的定义，先描述自己对这个定义的理解，然后再回答。3、不要把别人已回复过的观点反反复复地讲，就算有必要讲，也只说要点即可。重复100次并不能加强1克说服力，只会加强对方的抗拒情绪。但换个角度看，你也需要清晰有力地回应别人的观点，沉默，吞吞吐吐，只反对不论述，都会让对方感到焦躁，逼迫着他不断复述观点，让讨论气氛变糟。4、

原创 vue 计算属性失效了

原创 随手写的构造函数 不知啥功能

function pick(fn, context) { var arr = Array.prototype.slice.call(this); for (var i; i < arr.length; i++) { if (fn.call(context, arr[i], i, this)) {...

原创 $emit $on 的实现

var eventList = { 'sayName': [sayName] } var name = 'hehe' var age = 28 function sayName() { console.log(this.name) } function s...

原创 初步构建vue mmvm框架

class lirui{ constructor(option) { this.$option = option; this.$data = option.data; this.observe(this.$data) } difineReactive(obj,key,val){ ...

原创 es5继承与es6继承的区别

ES5 的继承，实质是先创造子类的实例对象this，然后再将父类的方法添加到this上面（Parent.apply(this)）。ES6 的继承机制完全不同，实质是先将父类实例对象的属性和方法，加到this上面（所以必须先调用super方法），然后再用子类的构造函数修改this。 如果子类没有定义constructor方法，这个方法会被默认添加，代码如下。也就是说，不管有没有显式定义，任何一...

原创 vuecli 配置jsx

vuecli在 babel.config.js文件module.exports = {presets: [‘@vue/cli-plugin-babel/preset’,‘@vue/babel-preset-jsx’],‘plugins’: [’@babel/plugin-syntax-jsx’]}同事 需要安装npm install --save-dev @babel/plug...

原创 React 学习心得

1.React Only Updates 只更新 修改掉的 dom2.jsx将html css 统一按照js的方式处理使用super(props);的原因 constructor(props) { super(props); this.state = { liked: false }; }如果你用到了constructor就必须写super(),是用来初始化thi...

原创 Your activation code could not be validated(error 1653219) IntelliJ IDEA 最新软件激活报错解决

1.hosts文件修改如下，即可解决激活码激活报错问题：0.0.0.0 https://account.jetbrains.com:443其他的 都不要了 只要这一个2.刷新 dnscmd 命令：ipconfig/flushdns3.IntelliJ IDEA 最新激活码获取地址：http://idea.lanyus.com/这样就可以了...

原创 vue 后台管理permission

具体实现思路1 创建vue实例的时候将vue-router挂载，但这个时候vue-router挂载一些登录或者不用权限的公用的页面。2 当用户登录后，获取用role，将role和路由表每个页面的需要的权限作比较，生成最终用户可访问的路由表。3 调用router.addRoutes(store.getters.addRouters)添加用户可访问的路由。4 使用vuex管理路由表，根据...

原创 冒泡排序

function ok(arr) { var len = arr.length; for (var i = 0; i < len-1; i++) { for (var j = 0; j < len - 1 - i; j++) { // 相邻元素两两对比，元素交换，大的元素交换到后面 if (arr[j] > arr[j + 1])...

原创 素数

起始从2开始 for(var i=2 ; i<=变量自己填; i++){ for(var j=2 ; j<i ; j++){ if(i%j == 0) console.log(i+'我不是素数') ...

原创 实现reduce

Array.prototype.mm= function (fn, int) { let arr = Array.prototype.slice.call(this) let res let startIndex if (int === undefined){ for (let i=0;i<arr;i++){ if (!...

原创 数组降维

let result = []function ok(arr) { arr.forEach(function (item) { if (Object.prototype.toString.call(item)==="[object Array]") { ok(item) }else { result.push(...

原创 reduce 重写filter

const fil = function(fn,context){ return this.reduce(function (pre,cur,index) { return fn.call(this,cur,index) ? [...pre, cur]: [...pre] },[])}Array.prototype.fil = fil;const cc =...

原创 reduce 重写map

const mapme = function (fn,context) { var arr = Array.prototype.slice.call(this) return arr.reduce(function (pre,cur,index) { return [...pre, fn.call(this,cur,index,this)] },[])}...

原创 js 数组降维

let result = []function ok(arr) { arr.forEach(function (item) { if (Object.prototype.toString.call(item)==="[object Array]") { ok(item) }else { result.push...

原创 vuex介绍使用

store 组织架构store{moudleA{state：{}mutation：{##### 纯函数}getters{ 定义一些响应式属性类似于 computed }action：{#### 处理异步函数 例如登录注册 }}}组件中调用methods: {...mapGetters([''getter的名字'']),这样就就可以直接调用 对应的gett...

原创 前端 经验总结

问题集锦async函数和 Generator 函数的区别，体现在以下四点。async函数直接写函数名执行就可以了async 函数是什么？一句话，它就是 Generator 函数的语法糖Generator 函数const fs = require('fs'); const readFile = function (fileName) { return new Promise(fu...

翻译 airbnb宣布放弃使用react-native

距airbnb宣布放弃使用react-native，回归原生技术，已经有两个月了，airbnb对rn的贡献，众所周知，虽然airbnb回答的很委婉，但是暴露出的问题还是很明显的，到底有没有必要走这条跨平台之路，项目规模的大小对跨平台的影响，以及体验，后期的维护，版本的迭代，版本的发布，处理安卓ios之间的差异，以及airbnb在博客中提到的致命的问题，即，”Airbnb 放弃使用 React Na...

原创 Angular 4+ HttpClient+Observable

import { HttpClient, HttpErrorResponse } from '@angular/common/http';import { Observable } from 'rxjs/Observable';import { environment } from '../../../environments/environment';import { catchError...

原创 freemaker 模板引擎的使用语法

`强调内容`$ { 变量名 }&lt;#assign id=2 name='ls' sex='girl'&gt; $ {object.xxxx}&lt;#list&gt;&lt;#if&gt;够用了

原创 map函数使用测试

首先推荐一款函数库Underscore.js (1.7.0) map_.map(list, iteratee, [context]) 别名： collect 通过变换函数（iteratee迭代器）把list中的每个值映射到一个新的数组中（注：产生一个新的数组）。如果存在原生的map方法，就用原生map方法来代替。如果list是个JavaScript对象，iteratee的参数是(value,

原创 JS url加密解密

aa=UrlEncode(ss)bb=UrlDecode(ss)document.write(“编码后”+aa+””);document.write(“解码后:”+bb);

原创 angular 爬坑指南

他的 组件 和 ctrl方法 是这样写的 在路由里面 是 template 属性 引入组件 版本不一样 可能就悲剧了 .config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise('/'); const allState = {

原创 jade---模板项目

extends ../project-layoutblock append vars - title = '项目概览'; var menuName = 'dashboard'; bodyAttrs = { 'ng-app': 'orm', 'ng-controller': 'DashboardCtrl' };block box-cont

原创 php 模糊查询

<?phperror_reporting(0);// 接收数据$address = $_REQUEST['inputValue'];$key = $_REQUEST['key'];// 判断密钥if($key != '2baa5fa3ed7175d7cf5343b0a38a150b'){ $Msg1 = array('code'=>100,'msg'=>'非法访问'); ech

原创 map 组织新数组格式

var result = results.map(function (item) { return { orderId: item.id, address: item.attributes.address } });

原创 vuex

关于vuex类的新闻最近很多，看到眼热就去查了下资料，然后扯出来一堆flux、redux、state、state之类的概念，以及大型工程必要性之类的。看官方手册也是昏昏然。然而，我还是弄懂了!我准备从demo出发，以同样的一个最简单的demo，演示两种情况下的代码编写情况：单纯依赖于vue.js 依赖vue.js，也使用了vuex技术 目的是通过对比引出vuex的概念、优势和劣势。也许这是目前最

原创 Angular---作用域与事件

从作用域往上发送事件，使用scope.emitemit scope.emit(“someEvent”,);从作用域往下发送事件，使用scope.emit(“someEvent”, {}); 从作用域往下发送事件，使用scope.broadcast scope.scope.broadcast(“someEvent”, {}); 这两个方法的第二个参数是要随事件带出的数据。注意，这两种方式传

原创 搜索曝光-竞品对比

搜索曝光-竞品对比入参全部非品牌词：[select] 为当前项目的项目名和项目下所有的全部非品牌词全部渠道：[select] 为当前项目的项目名和项目下所有的渠道

原创 微信分析

微信分析入参分析时间：[button]快捷选择：最近7天| 最近30天 [input] 开始时间为 xxxx-xx-xx 结束时间为：xxxx-xx-xx [click] 最近7天| 最近30天 时高亮，改变时间插件中开始时间和结束时间的值时间这块 DateUtils 中有对应方法原创非原创走势：（微信原创判定：原创的文章在文章开头会有标签特殊标注）原创非原创走势图表：[button]快

原创 Angularjs开发一些经验总结

Angularjs开发一些经验总结在去年到今年参与了2个使用Angularjs作为客户端开发框架的项目开发。主要利用asp.net web api作为restfull服务提供框架和angularjs结合。Angularjs作为html的扩展，旨在建立一个丰富的动态web应用，通过Directive建立一套html扩展的DSL模型，利用PM模式变形MVVM（在网上很多称MVC模式，本人认为在angul

原创 react----基础训练

这里是 阮一峰的例子上面代码是一个 LikeButton 组件，它的 getInitialState 方法用于定义初始状态，也就是一个对象，这个对象可以通过 this.state 属性读取。当用户点击组件，导致状态变化，this.setState 方法就修改状态值，每次修改以后，自动调用 this.render 方法，再次渲染组件。 由于 this.props 和 this.state 都用于描述

原创 一些方法

what

原创 顶端 - 底端判断条件（不想记住所以写下来）

要获取顶端 只需要获取到scrollTop()==0的时候 就是顶端了要获取底端 只要获取scrollTop()>=$(document).height()-$(window).height() 就可以知道已经滚动到底端了$(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离$(document).height() //是获取整个页