墨咎-CSDN博客

原创 leetcode696题计数二进制子串

696题计数二进制子串给定一个字符串 s，计算具有相同数量0和1的非空(连续)子字符串的数量，并且这些子字符串中的所有0和所有1都是组合在一起的。重复出现的子串要计算它们出现的次数。示例 1 :输入: "00110011"输出: 6解释: 有6个子串具有相同数量的连续1和0：“0011”，“01”，“1100”，“10”，“0011” 和 “01”。请注意，一些重复出现的子串要计算...

2020-04-03 14:56:58 216

原创 leetcode17题电话号码的字母组合

17题电话号码的字母组合给定一个仅包含数字 2-9 的字符串，返回所有它能表示的字母组合。给出数字到字母的映射如下（与电话按键相同）。注意 1 不对应任何字母。（手机九键输入对应关系）。示例：输入："23"输出：["ad", "ae", "af", "bd", "be", "bf", "cd", "ce", "cf"].说明:尽管上面的答案是按字典序排列的，但是你可以任意选择答案...

2020-04-03 14:56:16 241

原创 leetcode3无重复字符的最长子串

3. 无重复字符的最长子串题目描述：给定一个字符串，请你找出其中不含有重复字符的最长子串的长度。示例 1:输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc"，所以其长度为 3。示例 2:输入: "bbbbb"输出: 1解释: 因为无重复字符的最长子串是 "b"，所以其长度为 1。示例 3:输入: "pwwkew"输出: 3解释:...

2020-04-03 14:55:31 143

原创 leetcode第十七题，电话号码的字母组合。

var letterCombinations = function(digits) { let map = ['', 1, 'abc', 'def', 'ghi', 'jkl', 'mno', 'pqrs', 'tuv', 'wxyz']; let num = digits.split(''); let code = num...

2019-09-08 11:30:34 252

原创 for/for..in/for..of/forEach之间的区别

(function(){ //for forEach for...in for...of的区别 //数组/* const arr = [3,4,5,6,1,24,55,6]; for(let i=0;i<arr.length;i++){ //下标 console.log(i); ...

2019-08-30 10:33:51 224

原创 async await练习随笔

(function(){ /* async function timeout(){ return "hello async"; } timeout().then(result => { console.log(result); }) //conso...

2019-08-30 10:32:27 284

原创 javascript数据结构--链表

//创建一个链表类 /* function LinkedList(){ //各种属性和方法的声明 } */ /*需要一种数据结构保存链表中的数据 var Node = function(element){ this.element = element...

2019-08-30 10:30:18 150

原创 javascript数据结构--栈

/* 栈是一种遵从后进先出原则的有序集合，新添加的或是等待删除的元素都保存在栈的末尾，但是我们称为栈顶，而另一端我们称作栈底。栈：例如一摞书，拿掉或者添加一本书的时候都是最上面的。也就是栈顶元素都是待删除和待添加的。这就是后进先出的例子。 */ /*j s模拟栈 ...

2019-08-30 10:28:51 90

原创时间戳转换为年月日时间

var formatTime = function(number,format) { //转换日期 var formateArr = ['Y','M','D','h','m','s']; var returnArr = []; var date = new Date(number * 1000); ...

2019-08-14 10:33:26 5148

原创上传图片先转换为base64

var reader = new FileReader(); //本地预览 reader.readAsDataURL(file[0]); reader.onloadend = function () { //图片转换为base64 var base64Data = reader.result...

2019-06-27 15:14:29 2457

原创解决VUE项目打包路径错误，以及自定义打包

做vue项目的时候碰到打包上线白屏的问题，这里我使用了一种方式就解决了；在config文件夹中的index.js里找到build里面的 assetsPublicPath: './'原本它是 assetsPublicPath: '/' 换成 './'即可。我们打包完的项目一般都是存在dist文件夹中，会有一个index.html和一个static文件夹存放js，css等；如果你不希望...

2019-02-23 15:53:13 1426

原创解决VUE脚手架项目本地开发时的跨域问题

在项目VUE项目开发中我们调用其他同事开发的接口通常是会跨域的，所以在本地环境就需要做一些配置，找到config文件夹中的index.js在dev中进行修改配置// 开发环境解决跨域 env: require('./dev.env'), port: 8080, host: '0.0.0.0', autoOpenBrowser: false, asset...

2019-02-23 15:41:59 2214

原创 ES6学习笔记

ES6学习兼容性ie10+,chrome,firefox,移动端,nodejs编译,转换在线转换提前编译babel==browser.jsES6:变量函数数组字符串面向对象Promisegenerator,现在一般用async/await模块化=>组件化=>原件变量var 1. 可以重复声明 2. 无法限制修改 ...

2019-01-15 15:55:00 261

原创 react入门一步一步来

react入门开始1 基础1.1 环境安装nodejs,yarn(可不安装)这两个都是去官网下载安装包；create-react-app(官方推荐),使用：npm install -g create-react-app;创建项目：create-react-app [file name]有yarn使用yarn start运行，没有则是npm start。1.2 react常用文件...

2019-01-11 15:16:51 275

问题描述：最近一个项目中使用axios进行上传和下载，但是上传和下载是需要定义responseType和headers的，这样问题就出来了当你没有权限时候这个接口是抛出一个json数据的，同样上传格式错误也是一个json数据的；由于已经定义了responseType所以接到的数据是已经被转换的数据，它同样会进行下载这时候就需要我们判断返回数据时候的headers是否为文件以外的定义，然后将blob...

2018-12-17 09:45:07 6195

原创原生JS写一个首字母排序的通讯录效果

点击查看效果demo思路上先将要排序的数据进行汉字转换成拼音,根据首字母进行分类,然后将分类后的数据都有哪些首字母放入右边的导航中,并将分类好的数据渲染进页面.最后给右边的导航中加上点击事件并滚动到内容的对应位子.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...

2018-11-01 13:16:22 6224

原创 CSS设置滚动条不可见,但可以滚动

在一个固定窗口内我们做一个可滚动的菜单的时候经常会出现很宽的滚动条;不仅影响美观而且影响布局;解决办法就是在它的外层再套一个div并且设置为overflow:heidden;子元素设置overflow-y(x):scroll;并给够足够的宽度来放滚动条;这样滚动条就被父元素给隐藏掉;<div class="letterBox"> <ul class="letter...

2018-10-29 14:47:08 15644

原创解决Vue打包上线之后部分CSS不生效

首先注释掉webpack.prod.conf.js中下面的代码new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false } } : { safe: true }}),然后在utils.js中添加，...

2018-10-26 13:10:28 10630 2

原创用原生js手动撸一个分页插件

demo手动点击这里<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>分页</title> <script src="page.js"></

2018-08-24 15:01:57 920

原创关于Less的使用入门(一)

本篇文不再叙述如何安装less以及为何使用它;直接从如何使用开始.一.值变量; @color: #fff; @width: 50%; #index{ color: @color; width: @width; } /* 生成后的 CSS */ #index { ...

2018-08-07 10:52:13 936

原创 js中的组合继承

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组合继承</title></head><body> <script>

2018-07-26 14:35:47 142

原创 js中的借用构造函数继承

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>借用构造函数继承</title></head><body> <script&amp

2018-07-26 14:21:09 429

原创 js中的原型继承

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原型继承</title></head><body> <script>

2018-07-26 13:04:25 212

原创 js中实例对象与构造函数原型之间的关系

2018-07-26 10:11:41 266

原创 JS原型中的拷贝继承

一般来说使用构造函数时一般特征存为属性，行为存为方法；公用部分存在原型中节省内存；于是就遇见一些需要继承的问题。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拷贝继承</title><

2018-07-25 14:37:55 876

原创 Ubantu环境搭建以及日常软件安装！

一.使用Ubantu安装nodejs 1.安装前先安装nodejs的版本管理器nvm，在命令行里输入以下命令（安装完毕要重启终端）： wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash 2.运行之后使用以下命令查看是否安装成功： command -v nvm 出...

2018-07-15 11:10:03 558

原创 JS的工厂模式与自定义创建对象

一、工厂模式工厂模式中通常我们采用调用的方式来创建对象，在函数中一般要有返回值；要在函数中new一个对象或者定义一个空的对象，而这个对象就是当前的对象，在函数内可进行属性添加赋值等操作。例如：function createObject(name,age) { var obj=new Object(); obj.name=name; obj.age=...

2018-07-10 14:57:06 606

原创如何在小程序中使用template模板

一、我之前着玩的一个小程序，里面有一个轮播的内容，内容里分了三个部分就使用的template模板； <swiper class='articles-swiper' duration="{{duration}}"> <block wx:for="{{articles.essay}}" wx:for-index="idx" wx:key="{{content_id}}"&gt

2018-06-28 09:35:58 448

原创 webstorm破解使用，同样适用于JetBrains公司的其他产品

使用此方法前先改本机中的host文件，文件路径C:\Windows\System32\drivers\etc使用记事本打开host文件在host文件里加入一句 0.0.0.0 account.jetbrains.com然后上一个（IntelliJ IDEA 注册码）将生成的码复制进Lisence Code输入框里即可使用。...

2018-06-15 13:52:51 1940

原创 js生成随机颜色的简单方式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script&

2018-06-12 16:50:43 45506 3

原创用js写一个九宫格内三个格子颜色随机闪动的效果。

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>颜色随机的方块</title> <style> html{ font-s

2018-06-12 15:58:28 2199 2

原创 JS快速排序之冒泡排序

<！DOCTYPE html><html lang =“en”><HEAD> <meta charset =“UTF-8”> <TITLE>快速排序</ TITLE></ HEAD><BODY> <SCRIPT> var arr = [5,2

2018-06-04 15:30:31 565

原创 vue键盘事件点击事件加native

<el-card class="box-card animated flipInY"> <el-form :model="ruleForm2" :label-position="labelPosition" status-icon :rules="rules2" ref="ruleForm2" label-width="50px" cl

2018-05-24 11:03:22 8898

原创 vue项目中的路由配置

公司的项目使用vue脚手架来搭建，是属于后台管理系统。功能页比较多，就使用vue路由来进行跳转；个人比较习惯上面这种方式放置路由文件，并且使用懒加载的模式来配置，如下：import Vue from 'vue'import Router from 'vue-router'//import Login from '.././views/login.vue'//import NotFound f...

2018-05-16 17:51:57 46503

原创 vue引入Element-UI

最近使用vue脚手架搭建了一个后台管理系统并引入了element-ui引入element-ui推荐使用npmnpm i element-ui -S如果是全局引入就在main.js中import ElementUI from 'element-ui' 也可以引入部分这样不需要的部分就不会加载，前提要安装babel-plugin-component：npm install babel-plugin-...

2018-05-16 17:35:50 362

原创 vue项目搭建（day2）项目介绍

一、主要文件 api中封装接入数据的公用js比如： assets放一些图片等、common可以放一些公用的css.js等、components放组件、router放路由文件、页面放入views。这些东西都是根据自己的习惯来做。引入外部的字体、js、css等可以根据需要来放置。...

2018-05-10 11:16:21 158

原创使用JQ写一个无缝轮播

上一篇用js写了一个无缝轮播，为了熟练再用JQ写出一个，注释就不再标。原理上与JS写的一样：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JQ轮播图</title> <script src=

2018-04-27 15:24:27 549

原创使用原生JS写出一个无缝轮播图

很久没有写过原生了，手都生了，再次写轮播图都有些感到力不从心了，看来还是要多练习的；上代码（复制直接可用）。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title> <style

2018-04-27 10:06:26 5502 8

原创 canvas学习demo，evenYou的页面效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>变换</title></head><body> <canvas id="m

2018-04-24 15:32:41 247

原创 Vue搭建项目(Day1)搭建脚手架Vue-cli

一、环境安装要搭建vue-cli需要先在本机有node和npm的环境。进入node官网下载node.js然后安装在本地，安装成功后npm也会自动安装成功。如何查看是否安装了呢?打开控制台在上面输入node -v 查看node版本号，输入npm -v查看npm版本号。如出现版本号则证明已经安装成功，如下图:二、创建vue-cli项目安装vue-cli环境，在命令行里输入以下命令（全局安装...

2018-04-16 17:50:11 196

空空如也

空空如也