骚年008-CSDN博客

原创 js用策略思维做的小球滑动

用策略思维做的小球滑动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...

2020-01-16 16:19:04 346

原创页面骨架图加载

记录一下，以前都不知道这个玩意叫骨架图，都是预加载图这么叫 0_0引入vant-weapp有赞小程序UI框架提供的van-skeleton组件这里不具体说怎么用，只是简单说下这个玩意叫骨架图。...

2020-01-10 19:46:48 3735

原创小程序主包和分包区别

pages以内的是分包，每一个文件夹代表一个分包。subPackages是分包，每一个root都是一个分包截止于目前，小程序总大小不超过8M，每个包不超过2M

2019-11-29 17:31:19 7107 1

原创小程序选择省市区-（同级）

在github下载地图json文件，这里我把json改成jsvar china = [{ "name": "北京市" .....}]module.exports = china同一个文件夹下面的首先是wxml<view class="region-bg" class="{{regionShow === true ?...

2019-11-10 20:02:28 1497

原创小程序wxss颜色兼容

color:#8A96A0ff;#替换成color:#8A96A0;box-shadow：0px 2px 4px #0000001A,0px 0px 2px #0000001A;#替换成box-shadow:0px 2px 4px rgba(0,0,0,0.1),0px 0px 2px rgba(0,0,0,0.1);background: linear-gradient(b...

2019-11-08 11:11:15 390

原创 flex布局参数

参考阮一峰的Flex 布局教程：语法篇flex-direction属性决定主轴的方向（即项目的排列方向） row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-reverse：主轴为垂直方向，起点在下沿。默认情况下，项目都排在一条线（又称"轴线"）上。flex-wr...

2019-10-15 17:07:59 2898

原创 Fisher–Yates shuffle 洗牌算法(js应用)

原理：写下从 1 到 N 的数字取一个从 1 到剩下的数字（包括这个数字）的随机数 k 从低位开始，得到第 k 个数字（这个数字还没有被取出），把它写在独立的一个列表的最后一位重复第 2 步，直到所有的数字都被取出第 3 步写出的这个序列，现在就是原始数字的随机排列简单的说：就是随机抽一个放到最后。把剩余的数继续抽，继续放到次后。。。。依次执行/** * Fisher–...

2019-09-17 17:19:02 609

原创 css3 正方体无限旋转

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...

2019-06-05 14:45:44 1066

原创 echarts字符云（词云图）

效果图示下载字符云js链接字符云API详解 <html> <head> <meta charset="utf-8"> // echarts CDN <script src='https://cdn.bootcss.com/echarts/3.7.0/echarts.s...

2019-06-05 13:50:26 8261

原创 echarts如何自定义画地图

首先进入http://geojson.io画好图。建立一个js文件，比如我建立guangyuan.js，里面执行 echarts.registerMap('引入名称', { "type": "FeatureCollection",//这个数组装数据 "features": []} 然后在建立echarts的路径引入该js <!DOC...

2019-05-30 16:00:56 8060 1

原创水平垂直居中的方式

/* div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】， */ div{ width:200px; height: 200px; background:green; position: absolute; left:50...

2019-04-24 05:33:42 2220 3

原创超级小白都能懂的服务器从购买到部署（三）

超级小白都能懂的服务器从购买到部署（一）超级小白都能懂的服务器从购买到部署（二）直接在任意路径新建一个文件夹，我在www下建立fuwuqi文件夹然后切换到终端 $变#就是进入root管理模式进入相应文件路径后执行 npm i express body-parser -S安装相应的插件express教程安装完成后在宝塔那里fuwuqi文件夹里...

2019-04-12 17:11:09 580

原创超级小白都能懂的服务器从购买到部署（二）

超级小白都能懂的服务器从购买到部署（一）超级小白都能懂的服务器从购买到部署（三）进入宝塔后，一般嫌弃后缀，用户名，密码等太难记，所以在面板设置那里进行修改。改完后就是安装你需要的软件，在这里我用的是node服务器主要搭配有Nginx,PM2,Mysql,FTP Nginx和Apache取其一，这里有人问为什么没有安装node 看图内置套装，省时省...

2019-04-12 10:40:41 803

原创超级小白都能懂的服务器从购买到部署（一）

超级小白都能懂的服务器从购买到部署（二）超级小白都能懂的服务器从购买到部署（三）首先需要购买服务器，服务器一般有阿里云，百度云，腾讯云，各自选择即可，我这里选择腾讯云，我并没有买镜像。一般有俩种购买，学生服务器，通用购买服务器如果没有特别需求，地区，系统随便选，这里我选了广州，单核1GB，系统Ubuntu Server16.04.1LTS 64位（这里不需...

2019-04-12 09:07:48 3278 1

原创 JS防抖和节流

防抖 debounce 简单来说就是防止抖动当持续触发事件时 debounce 会合并事件且不会去触发事件，当一定时间内没有触发在这个事件时，才真正去触发事件。// 防抖，传入回调函数和设置响应时间 function debounce(fn,delay){ var delay=delay||200; var timer; return func...

2019-03-30 14:13:09 99

原创 JS随便输入五位正整数得出中文

var num = 41564 + ''; (function(num){ var res = ''; var numArr = num.split('') var arr = ['零','一','二','三','四','五','六','七','八','九'] var danwei = ['万','千','百','十',''] numArr.forEach(function...

2019-03-28 17:35:25 446

原创关于react引入antd-mobile的injectBabelPlugin报错问题

创建项目 npm i -g create-react-app create-react-app 名称 cd 名称引入antd npm add antd npm add react-app-rewired -D 改变package.json /* package.json */"scripts": {- "start": "react-scripts...

2019-03-27 17:33:10 698

原创 2019前端面试总结

什么是dom树？个人理解：因为dom结构就像大树一样分支，有树根（根节点），树枝（head，body），树叶（各种标签）什么是虚拟dom？虚拟dom是js对象。首先为什么要用虚拟dom。例如react中数据发生变化时，如果全部创建dom，再全部重新渲染的话，这样非常消耗性能（主要在俩个方面：1.创建的时候消耗性能。2.替换的时候消耗）虚拟dom就被提出来了。第一次创...

2019-02-20 23:41:37 613

原创分享一波仙剑系列歌曲

仙剑一:莫失莫忘，杀破狼，终于明白，六月的雨，逍遥叹，一直很安静，花与剑，蝶恋，有你的天堂，桃花岛仙剑三:此生不换，偏爱，生生世世爱，雪见，仙剑四:回梦仙游 ...

2019-01-23 07:59:15 138

原创简单搭建koa服务器

//需要安装npm i koa以及npm i koa-router//引用相应的const Koa = require('koa');const router = require('koa-router')();const app = new Koa();//解决跨域const cors = require('koa-cors');router.post...

2018-12-27 16:48:06 311

原创关于v-model以及父子间值同步的使用

父组件<template> <div id="fat"> <input type="text" v-model="fatherValue" />  <son @fatAct="sonAct" :fatVal="fatherValu...

2018-12-27 16:46:32 92

原创简单搭建express服务器

var express = require('express');var app = express();//允许访问,解决跨域app.all('*', function (req, res, next) { res.header('Access-Control-Allow-Origin', req.headers.origin || '*'); r...

2018-12-27 16:39:50 98

原创关于v-model以及父子间值同步的使用

父页面<template> <div id="fat"> <input type="text" v-model="fatherValue" />  <son @fatAct="sonAct" :fat

2018-12-27 11:56:35 226

原创前端简单搭建koa,express服务器

不管哪种都需要安装nodejs关于koa服务器//需要安装npm i koa以及npm i koa-router//引用相应的const Koa = require('koa');const router = require('koa-router')();const app = new Koa();//解决跨域const cors = require('koa-cors')...

2018-12-26 16:35:26 251

原创如何使用mock.js制造假数据

1.首先肯定是安装mock.js，如npm i mock.js 2.然后创建mock.js跟main.js同级 3.然后在相应位置引入mock.js，这里我是在router/的index.js引入 4.引入就可以使用了，在这里我用axios请求进行测试。 5.安装axios,如npm i axios -D 6...

2018-12-19 14:37:53 467

原创彻底分清npm中的--save-dev和--save的区别

两种命令把他们写入到 package.json 文件里面 1.安装使用--save-dev简写为-D 的插件是被写入到 devDependencies 对象里面。 2.使用--save简写为-S 的插件是则被写入到 dependencies 对象里面 3.devDependencies 里面的插件只用于开发环境，不用于生产环境。...

2018-12-19 11:29:36 87

原创彻底分清npm中的--save-dev和--save的区别

两种命令把他们写入到 package.json 文件里面安装使用--save-dev简写为-D 的插件是被写入到 devDependencies 对象里面。使用--save简写为-S 的插件是则被写入到 dependencies 对象里面 devDependencies 里面的插件只用于开发环境，不用于生产环境。 dependencies 则是需要发布到...

2018-12-19 11:04:45 1257

原创 ajax请求

//原生ajaxvar Ajax={ get: function(url, fn) { // XMLHttpRequest对象用于在后台与服务器交换数据 var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.onreadystatechange = fun...

2018-12-13 11:54:25 97

原创 redux和react-redux

首先redux和react-redux的区别是redux在其它框架也能用，而react-redux为react管理数据而生。import { createStore, applyMiddleware } from 'redux'//logger插件增强dispatch的功能，在dispatch时打印日志，得到dispatch之前和之后的state值，以及操作的actionimport ...

2018-12-13 11:52:18 343

原创如何在 GitHub Pages 上部署 vue-cli 项目

1. 在 GitHub 上创建与本地项目同名的远程仓库2. 将本地项目 push 到远程git initgit add .git cmt -m 'create project'git remote add origin [email protected]:https:Liangrr/myblog.gitgit push -u origin master3. 将 dist 下的所有...

2018-12-13 11:51:32 1182

原创前端技术有哪些

插件库bootstrap（栅格，自适应屏幕） datepicker(时间格式) lightbox（图片放大） select2（下拉框） ajaxfileupload（图片文件上传） jquery.cookie.js（存储） validate(表单验证） moment.js（日期处理类库） zclip （复制剪切板） clipboardjs（复制粘贴） UEditor（文本w...

2018-12-13 11:05:23 2652

原创 js关于金额输入框正则匹配问题

首先拿到输入框的值。方法一:思路：直接正则匹配 var val = $(this).val(); val = val.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符 val = val.replace(/\.{2,}/g,"."); //只保留第一个...

2018-12-09 21:28:54 2180

原创 rem如何设置才能1：100布局

2018-08-22 17:22:18 3412

原创关于react脚手架如何引入sass

1.下载依赖node-sass和sass-loadernpm install node-sass sass-loader --save-dev//前提必须要有node2.找到webpack.config.dev.js文件位置：node_modules\react-scripts\config\webpack.config.dev.js3.配置webpack.config.de...

2018-08-22 13:04:42 4504 4

转载 glupAPI

gulp API docs1、gulp.src(globs[, options])1.1、说明：src方法是指定需要处理的源文件的路径，gulp借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，gulp.src返回当前文件流至可用插件；1.2、globs：需要处理的源文件匹配符路径。类型(必填)：String or StringArray；通配符...

2018-08-22 08:50:35 106

原创 react生命周期

组件的生命周期可分成三个状态：Mounting：已插入真实 DOM（挂载） Updating：正在被重新渲染（更新） Unmounting：已移出真实 DOM （卸载）1.挂载 constructor() static getDerivedStateFromProps() render() componentDidMount() import R...

2018-08-22 08:49:19 108

原创 JS如何判断俩个对象是否相等

判断对象相等的步骤：先判断俩者是不是对象是对象后俩者长度是否一致判断俩个对象的所有key值是否相等相同判断俩个对象的相应的key对应的值是否相同来一个递归判断里面的对象循环1-4步骤function diff(obj1,obj2){ var o1 = obj1 instanceof Object; var o2 = obj2 instanc...

2018-08-16 11:15:33 16377 1

原创关于react父子间传值和兄弟间传值

兄弟间传值如何建立一个react项目这里不再讲述。在这里，.jsx和.js文件用法基本一致。直接在一个App.jsx文件引入Father.jsximport React, {Component} from 'react'// 父子传值import Father from './父子间传值/Father.js'// 非父子间传值，通过发布/订阅import One from...

2018-08-15 11:31:19 579

原创 vue总结

生命周期实例首先创建一个实例new Vue();然后是beforeCreate(){}在beforeCreated阶段,vue实例的挂载元素$el和数据对象data都为undefined，还未初始化。created(){} 在created阶段，vue实例的数据对象data有了，$el还没有。beforeMount(){}在beforeMount阶段，vue实例的$el...

2018-08-13 20:12:37 254

原创 vue脚手架3.0安装和正向代理

如果有vue-cli 2.0的需要删了原先的包，一般在C:\Users\24496\AppData\Roaming\npm下需要删了 vue.cmd和vue-cli文件夹接下来是新建脚手架，3.0与2.0不一样，初始化命令 npm install -g @vue/cli然后创建一个新项目,与2.0的不同vue create 项目名第一个是默认，第二个是选项你需要...

2018-08-13 18:07:21 704