- 博客(39)
- 收藏
- 关注
RSS订阅原创 typescript初探
stringbooleannumberanystring | numbernumber[] - 数组中只存在数字void - 什么都不返回元组 let x: [string, number] x = ['test', 12] // ok x = [12, 'test'] // error接口// interface 约束对象的类型interface Person { name: string; num: number; age?: numb
2020-07-08 18:16:53
242
原创 React Hooks 使用详解
React Hooks 使用详解本文是对 16.8 版本之后 React 发布的新特性 Hooks 进行了详细讲解，并对一些常用的代码进行演示，希望可以对需要的朋友提供点帮助。Hooks简介Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。Hooks 初体验import React, { u...
2020-02-27 10:05:39
584
原创 Git远程仓库迁移 - git remote的基本用法
Git远程仓库迁移通过删除远程仓库创建新的仓库进行迁移# 查看远程仓库$ git remoteorigin# 重命名远程仓库$ git remote rename origin old-origin# 添加一个新的远程 Git 仓库$ git remote add origin 新仓库地址# 查看远程仓库Git保存的简写与其对应的 URL$ git remote -vol...
2020-02-27 09:32:18
939
原创 深入理解DOM事件机制
DOM事件类DOM事件级别DOM0事件 el.onClick = function() {}DOM2事件 el.addEventListener(‘click’, function() {} , false)false （默认值）在冒泡阶段执行， true代表在捕获阶段执行DOM3事件 el.addEventListener(‘keyup’, function () {},...
2020-02-18 19:45:36
225
原创 css盒模型以及BFC详解
css盒模型基本概念： 标准盒子 + IE盒子模型盒模型包含了元素的margin/border/padding/content(元素内容)标准模型与IE模型的区别宽度/高度计算方式不同标准盒子模型 width = content的宽度height = content的高度IE盒子模型 width = content的宽度 + padding + borderheight...
2020-02-18 17:36:15
627
原创 git submodule子模块的管理和使用
git submodule的使用使用场景当两个不同的项目共用同一套逻辑,这时我们需要使用另一个项目。 也许是第三方库，或者你独立开发的，用于多个父项目的库。这时可以通过git子模块来解决这个问题.例子pc端: 主要用于配置选项来拼装一个完整的调查问卷系统(包含单个问卷的预览)mobile端: 显示问卷以及问卷的作答子模块项目: 需要将每个类型的题目分装成组件,供pc端以及mobile...
2020-01-09 14:47:39
2641
原创 VUE 利用 webpack 给生产环境和测试环境配置不同的接口地址
VUE 利用 webpack 给生产环境和测试环境配置不同的接口地址在config/dev.env.js 以及 config/prod.env.js文件进行相应的配置// config/dev.env.js'use strict'const merge = require('webpack-merge')const prodEnv = require('./prod.env')m...
2019-10-31 15:05:16
1101
1
原创 安装React Devtools调试工具
安装React Devtools调试工具的步骤：去git上下载react-devtools文件到本地，react-devtools用npm安装依赖cd ~/Downloads/react-devtools-3npm install安装依赖成功后，打包一份扩展程序npm run build:extension:chrome打包完成之后，~/Downloads/react-dev...
2019-10-31 09:58:44
520
原创 揭开React Hooks神秘面纱
hookuseState例子// useState 中的函数只会执行一次function App (props) { const [ count, setCount ] = useState(() => { return props.count || 0 }) return ( <div> 点击次数: { count } ...
2019-10-29 16:27:40
277
原创 Javascript 深浅拷贝
深浅拷贝浅拷贝仅仅复制了引用，彼此之间的操作会互相影响Array.prototype.slice()Array.prototype.concat()对于一维Array来说，这两种方法似乎是深拷贝，但当数组为二维甚至多维的时候，只是对数组进行复制引用，所以，Array的slice以及concat方法都是浅拷贝let arr = [1, 2, 3, 4]let arr1 = ...
2019-10-24 16:08:46
110
原创 iview组件库中，Form组件里的Input，无法正确绑定on-enter事件
问题描述：FORM表单只有一个input的情况下，按回车会刷新页面iView 版本号^3.4.1操作系统/浏览器 版本号Ubuntu16.04/Chrome 61window/Chrome 61Vue 版本号^2.6.10<template> <Form ref="search-form" :model="searchModel" ...
2019-10-23 16:21:56
1824
原创 递归遍历对象 ——过滤对象中为null/undefined/''/[]/{}的属性值
// 过滤对象中为null/undefined/''/[]/{}的属性值 function clearDeep(obj) { if (!obj || !typeof obj === 'object') return const keys = Object.keys(obj) for (var key of keys) { const val = obj[k...
2019-10-23 09:34:45
3425
原创 echarts format tooltip
格式化tooltiptooltip: { show: true, trigger: 'axis', formatter: function (params) { if (params.length > 1) { var date, data = '', valueFliter;...
2019-10-22 16:43:27
417
原创 docker 安装 postgresql10
安装dockersudo apt-get install dockersudo apt-get install docker.iodocker 安装 postgresql拉取官方的镜像docker pull postgres:10.0创建并运行postgresdocker run --name postgres -e POSTGRES_PASSWORD=postgres ...
2019-08-20 10:05:19
3605
1
原创 Ubuntu18.04 安装Postgresql10以及配置
postgresqlhttps://www.postgresql.org/download/linux/ubuntu/更新软件包sudo apt update查看postgresql软件包版本apt list postgresql*安装postgresql10sudo apt-get install postgresql-10配置postgresql.confvi /etc/...
2019-08-14 14:10:32
854
原创 Ubuntu18.04上搭建Ruby on Rails 环境
Ubuntu上搭建Ruby on Rails 环境安装rvm安装 GPG keysgpg2 --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB安装rvm\curl -sSL https://get.rvm.io | bash -s stable --r...
2019-08-13 10:26:07
755
原创 interactjs 使用JavaScript实现拖放、缩放和多点触控手势
interactjs使用JavaScript实现拖放、缩放和多点触控手势InteractJS是一个JavaScript模块，它为最新的浏览器（包括IE8以上版本）增加了拖放、缩放和多点触控手势，并带有惯性和快照功能。这个库的主要目的是替换jQuery UI所提供的功能。 因此，使用InteractJS来编写的web应用在智能手机和平板上会更加易用。 InteractJS是一个轻量级的库，可以...
2019-08-12 14:43:10
5002
原创 nrm 快速切换npm 源
nrmnrm 是一个 npm 源管理器查看npm源地址npm config list安装npm install nrm -g --save使用用nrm ls命令查看默认配置，带*号即为当前使用的配置nrm lsnpm ---- https://registry.npmjs.org/cnpm --- http://r.cnpmjs.org/* taobao - https:...
2019-08-12 14:22:11
158
原创 vue移动端开发笔记
移动端开发多页面应用特点页面跳转,返回html优点:首屏时间快，搜索引擎效果好缺点:页面切换慢单页面应用特点(vue)页面跳转,js渲染优点:页面切换快缺点:首屏时间稍慢，搜索引擎(SEO)优化效果差服务器端渲染可以完美的解决单页面所遇到的问题Viewport 基础width 控制 viewport 的大小, device-width为设备的宽度init...
2019-08-10 18:29:22
424
原创 less以及scss常用函数
onresize 事件会在窗口或框架被调整大小时发生this.$nextTick( () => { window.onresize = function () { analysisChart.resize() }})drawCharts () { let dpr = document.querySelector('html').getAttribute('...
2019-07-31 09:58:12
654
原创 Haml基础入门
Haml官网它是一个命令行工具。需要先安装Ruby语言，再安装Hamlgem install hamlHaml可以通过三种方式使用:从命令行运行Haml,将haml文件一次性转为html文件haml input.haml output.html作为Ruby on Rails的插件在Gemfile文件中添加gem "haml"作为独立的Ruby模块haml的简化规则如下...
2019-07-05 14:36:35
3660
原创 React on Rails安装
React on Rails安装安装指南前提条件: yarn,node和ruby on rails必须已经安装好gem install railsgem install foremangem install webpackerbundle exec rails webpacker:installbundle exec rails webpacker:install:react...
2019-07-05 14:34:01
245
原创 CentOS 6.9上搭建Ruby on Rails 环境
ruby 安装安装指南Rails 安装安装指南Ubuntu linux下安装sqlite3sudo apt-get install sqlite3sqlite3 -version// 图形界面sudo apt-get install sqlitebrowser// 启动sqlitebrowserrails new blog 抛错An error occurred whil...
2019-06-28 15:21:01
370
原创 Ruby基础入门
Ruby1.1 Ruby 的运行方法1.1.1 hello.rbcd c:ruby helloruby.rb1.1.2 irb 命令的执行方法> irbirb(main):001:0>print("Hello, Ruby.\n")Hello, Ruby.=> nil字符串、数值、时间等各种数据，在 Ruby 中都是对象。1.2 字符串1.2.1 \n...
2019-06-28 15:19:54
1121
原创 Ubuntu常用知识 &&零散笔记
eval $(ssh-agent -s)ssh-add ~/.ssh/id_rsa查看进程sudo netstat -tanlp查看端口是否被占用netstat -nap | grep 80tcp 0.0.0.0：80的tcp号为2683杀死进程sudo kill 2683开启微信开发者工具~/Downloads/wechat_web_devtools ./bin/wxdt...
2019-06-28 15:15:11
265
原创 Vue.js 2.0入门笔记
MVVM模式对于MVVM的理解面向dom开发(MVC)面向数据进行开发(MVVM)M层V层VM层vue实现：Object.defineProperty()虚拟DOM生命周期函数beforeCreate(创建前)created (创建后) data数据初始化beforeMount(载入前) <div id="app"></div>在挂载...
2019-06-27 17:10:19
180
原创 vue init webpack my-project 时描述项目未响应
vuejs初始化项目时报错解决方案vue init webpack my-project 时，未响应// 命令行? project name my-project? project description (A Vue.js project)在网上百度了下解决方案，都说是node版本太高引起的。但事实却不是这样解决方案根据vue2.0官网重新执行以下操作npm install ...
2019-06-21 17:00:48
626
原创 github/gitlab配置ssh key
github/gitlab配置ssh key解决方案方案一：使用同一个邮箱git config --global user.name 'liulu' && git config --global user.email '850481135@qq.com'方案二：基于config文件1. 生成秘钥公司的GitLab生成一个SSH-Keyssh-keygen -t r...
2019-06-21 14:37:26
950
原创 MySQL存储过程
存储过程（Stored Procedure）是一种在数据库中存储复杂程序，以便外部程序调用的一种数据库对象MySQL 5.0 版本开始支持存储过程存储过程 = 数据库 SQL 语言层面的代码封装与重用声明语句结束符 DELIMITER $$ or DELIMITER //声明存储过程 CREATE PROCEDURE UpdateAuthGroup(in _id int, _rules ...
2019-06-11 09:38:45
100
原创 AngularJS 之 Factory,Service,Provider
依赖注入的优点各模块之间的解耦，每个部分专注于自己的功能，对象的注入通过容器来完成避免全局对象的污染Provider// 语法糖app.provider('myProvider', function () { this.$get = function () { };});是唯一一种你可以传进 .config()函数的 service。当你想要在 service ...
2019-05-27 13:39:37
114
原创 echarts
echarts = document.getElementById('echarts')// 初始化图表let myChart = this.$echarts.init(echarts)myChart.resize()// 清空当前实例myChart.clear()// 销毁实例，销毁后实例无法再被使用myChart.dispose()this.autoHeight = docu...
2019-05-27 10:21:10
513
原创 AngularJS - 自定义指令
angular.module('app', []).directive('myDirective', function() { return { restrict:String, priority:Number, terminal:Boolean, template:String or Template Function, ...
2019-05-24 13:49:36
133
原创 AngularJS 弹出框 $modal
$modal.open(templateUrl：模态窗口的地址template：用于显示htmlscope：一个作用域为模态的内容使用controller：为$modal指定的控制器，该控制器可用$modalInstance注入resolve：定义一个成员并将他传递给$modal指定的控制器，相当于routes的一个reslove属性，如果需要传递一个objec对象，需要使用angula...
2019-05-23 11:06:25
1840
原创 location.href失效/解码（转码）/window对象/flex布局超出显示.../检查对象为空
安卓微信浏览器中window.location.href失效的问题原因：在手机WEB端，click事件会有 200~300 ms的延迟时间，所以请用tap或者touch代替click作为点击事件。最近接手一微信项目,测试功能时,发现跳转在android手机上不动了。iso系统可以正常跳转的。解决方法:window.location.href = url + ‘?v=’ + (new Date...
2019-03-28 09:29:28
1014
原创 常用css样式总结
1.超出显示省略号.title { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
2019-03-19 09:59:41
438
原创 Drupal后台常用
获取当前用户的id $userId = \Drupal::currentUser()->id(); $userEntity = User::load($userId);2.接收get请求数据$uuid = $request->get('uuid');3.根据id获取数据$orderItems = \Drupal::entityManager() ->...
2019-03-19 09:07:56
797
原创 sass与less对比学习
区别一：（使用前提）sass基于Ruby语言开发，因此在开发之前必须安装Rubyless只需引入 '.less’文件即可开发区别二：（变量）sass以$定义变量less是以@定义变量//sass$color = #fff;.p { color: $color;}// less@color = #fff;p { color: $color;}区别三：（Mixins）...
2018-11-05 14:32:08
1236
原创 drupal8——数据库API
drupal动态查询假设我们要创建一个动态查询，它大致相当于以下静态查询：$result = $connection-&amp;amp;gt;query(&amp;quot;SELECT uid, name, status, created, access FROM {users} u WHERE uid &amp;amp;lt;&amp;amp;gt; 0 LIMIT 50 OFFSET 0&amp;quot;);
2018-11-02 09:04:58
1102
原创 jQuery解决$.trim()无效问题
jQuery中自带$.trim()，使字符串前后无空白符。但有的时候，使用此函数依旧存在留白。这样你就要考虑，你即将处理的留白符，是否真的是空白符。这就要求你查看此空白符的Unicode。如果它的Unicode是12288，那么就依据以下处理方式解决：str.replace(String.fromCharCode(12288), ‘’)...
2018-11-02 09:03:08
2106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人