- 博客(67)
- 资源 (5)
- 收藏
- 关注
原创 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 350
原创 页面骨架图加载
记录一下,以前都不知道这个玩意叫骨架图,都是预加载图这么叫 0_0引入vant-weapp有赞小程序UI框架提供的van-skeleton组件这里不具体说怎么用,只是简单说下这个玩意叫骨架图。...
2020-01-10 19:46:48 3752
原创 小程序主包和分包区别
pages以内的是分包,每一个文件夹代表一个分包。subPackages是分包,每一个root都是一个分包截止于目前,小程序总大小不超过8M,每个包不超过2M
2019-11-29 17:31:19 7145 1
原创 小程序选择省市区-(同级)
在github下载地图json文件,这里我把json改成jsvar china = [{ "name": "北京市" .....}]module.exports = china同一个文件夹下面的首先是wxml<!-- 蒙版 --><view class="region-bg" class="{{regionShow === true ?...
2019-11-10 20:02:28 1499
原创 小程序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 400
原创 flex布局参数
参考阮一峰的Flex 布局教程:语法篇flex-direction属性决定主轴的方向(即项目的排列方向) row(默认值):主轴为水平方向,起点在左端。 row-reverse:主轴为水平方向,起点在右端。 column:主轴为垂直方向,起点在上沿。 column-reverse:主轴为垂直方向,起点在下沿。 默认情况下,项目都排在一条线(又称"轴线")上。flex-wr...
2019-10-15 17:07:59 2916
原创 Fisher–Yates shuffle 洗牌算法(js应用)
原理:写下从 1 到 N 的数字 取一个从 1 到剩下的数字(包括这个数字)的随机数 k 从低位开始,得到第 k 个数字(这个数字还没有被取出),把它写在独立的一个列表的最后一位 重复第 2 步,直到所有的数字都被取出 第 3 步写出的这个序列,现在就是原始数字的随机排列简单的说:就是随机抽一个放到最后。把剩余的数继续抽,继续放到次后。。。。依次执行/** * Fisher–...
2019-09-17 17:19:02 616
原创 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 1073
原创 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 8300
原创 echarts如何自定义画地图
首先进入http://geojson.io画好图。 建立一个js文件,比如我建立guangyuan.js,里面执行 echarts.registerMap('引入名称', { "type": "FeatureCollection",//这个数组装数据 "features": []} 然后在建立echarts的路径引入该js <!DOC...
2019-05-30 16:00:56 8085 1
原创 水平垂直居中的方式
/* div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】, */ div{ width:200px; height: 200px; background:green; position: absolute; left:50...
2019-04-24 05:33:42 2224 3
原创 超级小白都能懂的服务器从购买到部署(三)
超级小白都能懂的服务器从购买到部署(一) 超级小白都能懂的服务器从购买到部署(二) 直接在任意路径新建一个文件夹,我在www下建立fuwuqi文件夹 然后切换到终端 $变#就是进入root管理模式 进入相应文件路径后 执行 npm i express body-parser -S安装相应的插件express教程 安装完成后 在宝塔那里fuwuqi文件夹里...
2019-04-12 17:11:09 584
原创 超级小白都能懂的服务器从购买到部署(二)
超级小白都能懂的服务器从购买到部署(一) 超级小白都能懂的服务器从购买到部署(三) 进入宝塔后,一般嫌弃后缀,用户名,密码等太难记,所以在面板设置那里进行修改。 改完后就是安装你需要的软件,在这里我用的是node服务器 主要搭配有Nginx,PM2,Mysql,FTP Nginx和Apache取其一,这里有人问为什么没有安装node 看图 内置套装,省时省...
2019-04-12 10:40:41 816
原创 超级小白都能懂的服务器从购买到部署(一)
超级小白都能懂的服务器从购买到部署(二) 超级小白都能懂的服务器从购买到部署(三) 首先需要购买服务器,服务器一般有阿里云,百度云,腾讯云,各自选择即可,我这里选择腾讯云,我并没有买镜像。 一般有俩种购买,学生服务器,通用购买服务器 如果没有特别需求,地区,系统随便选,这里我选了广州,单核1GB,系统Ubuntu Server16.04.1LTS 64位(这里不需...
2019-04-12 09:07:48 3288 1
原创 JS防抖和节流
防抖 debounce 简单来说就是防止抖动当持续触发事件时 debounce 会合并事件且不会去触发事件,当一定时间内没有触发在这个事件时,才真正去触发事件。// 防抖,传入回调函数和设置响应时间 function debounce(fn,delay){ var delay=delay||200; var timer; return func...
2019-03-30 14:13:09 101
原创 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 453
原创 关于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 707
原创 2019前端面试总结
什么是dom树? 个人理解:因为dom结构就像大树一样分支,有树根(根节点),树枝(head,body),树叶(各种标签) 什么是虚拟dom? 虚拟dom是js对象。 首先为什么要用虚拟dom。例如react中数据发生变化时,如果全部创建dom,再全部重新渲染的话,这样非常消耗性能(主要在俩个方面:1.创建的时候消耗性能。2.替换的时候消耗) 虚拟dom就被提出来了。第一次创...
2019-02-20 23:41:37 617
原创 分享一波仙剑系列歌曲
仙剑一:莫失莫忘,杀破狼,终于明白,六月的雨,逍遥叹,一直很安静,花与剑,蝶恋,有你的天堂,桃花岛 仙剑三:此生不换,偏爱,生生世世爱,雪见, 仙剑四:回梦仙游 ...
2019-01-23 07:59:15 144
原创 简单搭建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 321
原创 关于v-model以及父子间值同步的使用
父组件<template> <div id="fat"> <input type="text" v-model="fatherValue" /> <!--子传父事件,父传子props--> <son @fatAct="sonAct" :fatVal="fatherValu...
2018-12-27 16:46:32 94
原创 简单搭建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 100
原创 关于v-model以及父子间值同步的使用
父页面<template> <div id="fat"> <input type="text" v-model="fatherValue" /> <!--子传父事件,父传子props--> <son @fatAct="sonAct" :fat
2018-12-27 11:56:35 231
原创 前端简单搭建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 253
原创 如何使用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 472
原创 彻底分清npm中的--save-dev和--save的区别
两种命令把他们写入到 package.json 文件里面 1.安装使用--save-dev简写为-D 的插件是被写入到 devDependencies 对象里面。 2.使用--save简写为-S 的插件是则被写入到 dependencies 对象里面 3.devDependencies 里面的插件只用于开发环境,不用于生产环境。...
2018-12-19 11:29:36 90
原创 彻底分清npm中的--save-dev和--save的区别
两种命令把他们写入到 package.json 文件里面 安装使用--save-dev简写为-D 的插件是被写入到 devDependencies 对象里面。 使用--save简写为-S 的插件是则被写入到 dependencies 对象里面 devDependencies 里面的插件只用于开发环境,不用于生产环境。 dependencies 则是需要发布到...
2018-12-19 11:04:45 1259
原创 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 98
原创 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 345
原创 如何在 GitHub Pages 上部署 vue-cli 项目
1. 在 GitHub 上创建与本地项目同名的远程仓库2. 将本地项目 push 到远程git initgit add .git cmt -m 'create project'git remote add origin git@github.com:https:Liangrr/myblog.gitgit push -u origin master3. 将 dist 下的所有...
2018-12-13 11:51:32 1188
原创 前端技术有哪些
插件库bootstrap(栅格,自适应屏幕) datepicker(时间格式) lightbox(图片放大) select2(下拉框) ajaxfileupload(图片文件上传) jquery.cookie.js(存储) validate(表单验证) moment.js(日期处理类库) zclip (复制剪切板) clipboardjs(复制粘贴) UEditor(文本w...
2018-12-13 11:05:23 2656
原创 js关于金额输入框正则匹配问题
首先拿到输入框的值。方法一:思路:直接正则匹配 var val = $(this).val(); val = val.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符 val = val.replace(/\.{2,}/g,"."); //只保留第一个...
2018-12-09 21:28:54 2213
原创 rem如何设置才能1:100布局
<style type="text/css"> /*这里必须设回16px*/ body{ font-size: 16px; }</style><script type="text/javascript"> function resizeFontsize(){ var width = document.documentElement.clie...
2018-08-22 17:22:18 3424
原创 关于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 4509 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 108
原创 react生命周期
组件的生命周期可分成三个状态:Mounting:已插入真实 DOM(挂载) Updating:正在被重新渲染 (更新) Unmounting:已移出真实 DOM (卸载)1.挂载 constructor() static getDerivedStateFromProps() render() componentDidMount() import R...
2018-08-22 08:49:19 109
原创 JS如何判断俩个对象是否相等
判断对象相等的步骤:先判断俩者是不是对象 是对象后俩者长度是否一致 判断俩个对象的所有key值是否相等相同 判断俩个对象的相应的key对应的值是否相同 来一个递归判断里面的对象循环1-4步骤function diff(obj1,obj2){ var o1 = obj1 instanceof Object; var o2 = obj2 instanc...
2018-08-16 11:15:33 16394 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 584
原创 vue总结
生命周期实例首先创建一个实例new Vue();然后是beforeCreate(){}在beforeCreated阶段,vue实例的挂载元素$el和数据对象data都为undefined,还未初始化。created(){} 在created阶段,vue实例的数据对象data有了,$el还没有。beforeMount(){}在beforeMount阶段,vue实例的$el...
2018-08-13 20:12:37 265
原创 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 710
vant-weapp.rar
2019-11-29
小程序weui.rar
2019-11-29
colorui.rar
2019-11-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人