- 博客(37)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 读取字符串字符长度
在JavaScript中，使用字符串的length属性可以读取字符串的长度。长度以字符为单位，该属性为只读属性。下面代码使用字符串的length属性获取字符串的长度。var s = "String 类型长度"; //定义字符串 console.log(s.length); //返回10个字符JavaScript支持的字符包括单字节、双字节两种类型，为了精确计算字符串的字节长度，可以采用下面方法来计算。扩展阅读为 String扩展原型方法byteLength()，该方法将枚...
2020-12-23 11:00:10
1138
原创 常用正则表达式
/^([1-9][0-9]*)$/ 大于0的正整数/^(0|[1-9][0-9]*)$/ 大于等于的0 的正整数/^\d+(?=\.{0,1}\d+$|$)/ 正整数 正小数 0/^(\d|[1-9]\d+)(\.\d+)?$//^\d+(?=\.{0,1}\d+$|$)/ 正整数 正小数/^(\d|[1-9]\d+)(\.\d{1,2})?$/正整数 正小数 两位小数...
2020-08-21 11:15:07
345
1
原创 webpack4从零搭建
webpack 4：从零配置开始创建一个新目录并进入该目录：CommandLine 代码: mkdir webpack-4-quickstart && cd $_通过运行以下命令初始化package.json：CommandLine 代码:npm init -y并引入 webpack 4：CommandLine 代码:npm i webpack --save-dev我们还需要webpack-cli，作为一个单独的包引...
2020-08-07 16:57:50
265
原创 webpack多环境打包的相关文件修改配置
基于webpack 3.x 的多环境打包配置安装cross-env cnpm install cross-env --save修改package.jsonbuild 通过cross-env 设置了不同的变量 env_config ,在node环境下运行build.js"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "star
2020-08-07 11:28:27
549
原创 竞价应用控制游览器返回按钮
a页面代码<!DOCTYPE html><html><head><meta charset="UTF-8"><title>a</title><meta name="viewport" content="width=device-width,initial-scale
2020-07-02 10:48:58
68
转载 详解vue-router 中的导航钩子
vue-router 的导航钩子，主要用来作用是拦截导航，让他完成跳转或取消。有三种方式可以植入路由导航过程中：全局的单个路由独享的组件级的1. 全局导航钩子：全局导航钩子主要有两种钩子：前置守卫、后置钩子，注册一个全局前置守卫：const router = new VueRouter({ ... });router.beforeEach((to, from, n...
2019-03-28 11:18:04
2252
原创 有关 static 和assets文件夹的区别问题/vue 引用static文件下img
官网有解释，大意是说，能被 webpack 追踪到的静态资源，如 img 标签引入的图片， 可以放到 assets 里，而一些 webpack 无法追踪到的图片，比如通过 css backgrount-image 引入的图片，无法被 webpack 追踪到，只能放到 static 目录。另外：在vue中使用static中的图片，必须使用根目录路径 例如:/static/images/xxx.i...
2019-03-25 16:24:26
2155
转载 div里面的图片垂直居中的方法
body结构<body> <div> <img src="1.jpg" alt="haha"> </div></body>现在主流是移动端，那方法五最常用，因此我将它前置方法：弹性布局flex<style type="text/css"> *{m
2019-03-05 11:02:33
3817
原创 常用的一些正则方法
验证手机号码 function isPoneAvailable(str) { var myreg=/^[1][3,4,5,7,8][0-9]{9}$/; if (!myreg.test(str)) { return false; } else { return true; }...
2019-03-01 13:56:34
110
转载 rollup打包
深入学习rollup来进行打包一：什么是Rollup? rollup是一款用来es6模块打包代码的构建工具(支持css和js打包)。当我们使用ES6模块编写应用或者库时，它可以打包成一个单独文件提供浏览器和Node.js来使用。它的优点有如下： 1. 能组合我们的脚本文件。 2. 移除未使用的代码(仅仅使用ES6语法中)。 3. 在浏览器中支持使用 Node modules。...
2018-09-26 17:25:19
1520
原创 微信公众号 vue单页面开发 分享问题
路径必须http://test.yw11.com/# 后面带#/不能是http://test.yw11.com 否则分享就会直接调往首页
2018-08-24 09:23:00
1098
转载 rem 和vw结合适配移动端
rem 这个单位对于前端来说并不陌生了,在移动端适配方面,我们经常会用到它,通常我们会采用类似淘宝flexible.js 的方案, 写px,然后通过插件转化成rem,然后得出一堆小数值的rem单位.淘宝这个方案已经用了很多年,兼容性很好,然而现在已经2018年了,许多兼容性问题现在不再那么头疼了,因此我们现在有了更好的适配方案.在很早以前,vw 这个单位就已经被列入w3c规范了,如果基本都支持...
2018-07-20 15:56:24
804
转载 jquery上传文件到七牛
<html> <head> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> </head> <body> <form id="upload"> <input t
2018-03-16 11:53:58
1655
转载 Linux安装nodejs
Linux安装nodejs1、下载地址： nodejs 根据自己的操作系统选择不同的安装包2、解压tar zxf node-v6.3.1-linux-x64.tar.gz ps : 如果是windows系统通过虚拟机安装，可能会出现如下错误tar: node-v6.3.1-linux-x64/bin/npm: Cannot create symlink to `../lib/node_modu...
2018-03-14 10:15:09
171
转载 element-ui dialog组件添加可拖拽位置 可拖拽宽高
有几个点需要注意一下每个弹窗都要有唯一dom可操作 指令可以做到 拖拽时要添加可拖拽区块 header 由于element-ui dialog组件在设计时宽度用了百分比, 这里不同浏览器有兼容性问题 实现拖拽宽高时 获取边缘问题 div定位 设置模拟边缘<template> <el-dialog v-dialogDrag re...
2018-03-12 10:50:58
13202
3
原创 nodejs搭建服务端websocket
服务端npm install wsvar WebSocketServer = require('ws').Server,wss = new WebSocketServer({ port: 8181 });wss.on('connection', function (ws) { var sendStockUpdates = function (ws) { if (ws.ready...
2018-03-07 11:41:59
2044
原创 python递归解决经典汉若塔问题
if n==1: #当n==1时，直接从a移动到c print(a,"-->",c) #直接输出a到celse: move(n-1,a,c,b) #先将a上除了最大底盘外的所有圆盘(n-1个)移动到b move(1,a,b,c) #再将a上的最大底盘移动到c mov...
2018-03-01 15:57:46
623
转载 element ui上传图片到七牛
<template> <div v-loading.lock="loading" element-loading-text="拼命上传中..."> <el-upload v-if="canDelete" ref="upload" action="https://upload.qbox.me"
2018-02-27 17:03:52
3226
原创 js set map array的创建和遍历
var a = ['A', 'B', 'C'];a.forEach(function (element, index, array) { // element: 指向当前元素的值 // index: 指向当前索引 // array: 指向Array对象本身 alert(element);});Set与Array类似，但Set没有索引，会自动去除重复的元素，因此回调...
2018-02-26 16:42:11
602
转载 使用vue.use(##)构建全局方法，用this.$##使用，同时给自定义的方法 传递component调用其方法 //eventHub
//下面的方式就是自定义组件或方法的方式Vue.use(Object.defineProperty(Vue.prototype, '$eventHub', { get() { return new Vue({data () { return { // 定义数据 val: '' }},created () {...
2018-02-24 09:51:12
3703
转载 vue--自定义全局方法，在组件里面使用
在main.js里进行全局注册Vue.prototype.funcName = function (){}在所有组件里可调用this.funcName();
2018-02-24 09:44:20
3551
原创 html5本地存储封装(可存储数组对象)
function MenuList(){ this.menuList=menuList; return this;}MenuList.prototype={ add:function(dataval){ this.dataval=dataval || []; localStorage.setItem(this.menuList,JSON.stringify(this....
2018-02-11 10:19:17
1471
转载 JS判断单、多张图片加载完成
在实际的运用中有这样一种场景，某资源加载完成后再执行某个操作，例如在做导出时，后端通过打开模板页生成PDF，并返回下载地址。这时前后端通常需要约定一个flag，用以标识模板准备就绪，可以生成PDF了。试想，如果模板中有图片，此时如何判断图片是否加载完成？在此之前来了解一下jquery的ready与window.onload的区别，ready只是dom结构加载完毕，便视为加载完成。(此时图片没有加载...
2018-02-09 16:21:13
1295
转载 超实用的 JavaScript Utility 实用函数代码片段
Escape regular expression (转义正则表达式)使用 replace() 来转义特殊字符。JavaScript 代码:const escapeRegExp = str => str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');// escapeRegExp('(test)') -> \\(test\\)Get native...
2018-02-09 15:13:38
1116
原创 超实用的 JavaScript 字符串代码片段
Anagrams of string (with duplicates) (字符串的排列组合，带有重复项)使用递归。 对于给定字符串中的每个字母，为其余字母创建所有部分字母。 使用 Array.map() 将字母与每个部分字母组合在一起，然后使用 Array.reduce() 将所有字母组合到一个数组中。 基本情况是字符串 length 等于 2 或 1 。const anagrams = str...
2018-02-09 15:11:09
271
转载 超实用的 JavaScript 其他(实验中)代码片段
Speech synthesis (语音合成，实验阶段)使用 SpeechSynthesisUtterance.voice 和 indow.speechSynthesis.getVoices() 将消息转换为语音。使用 window.speechSynthesis.speak() 播放消息。了解有关Web Speech API的SpeechSynthesisUtterance接口的更多信息。con...
2018-02-09 14:59:46
268
转载 超实用的 JavaScript 数学方法(算法)代码片段
Collatz algorithm(考拉兹算法)如果 n 是偶数，则返回 n/2 。否则返回 3n+1 。const collatz = n => (n % 2 == 0) ? (n / 2) : (3 * n + 1);// collatz(8) --> 4// collatz(5) --> 16考拉兹猜想(英语：Collatz conjecture)，又称为奇偶归一猜想、3n...
2018-02-09 14:58:10
250
转载 超实用的 JavaScript 函数代码片段
Chain asynchronous functions (链式调用异步函数)循环遍历包含异步事件的函数数组，每次异步事件完成后调用 next 。const chainAsync = fns => { let curr = 0; const next = () => fns[curr++](next); next(); };/*chainAsync([ next => { co...
2018-02-09 14:52:32
147
转载 超实用的 JavaScript 日期代码片段
Get days difference between dates (获取两个日期之间相差的天数)计算 Date 对象之间的差异(以天为单位)const getDaysDiffBetweenDates = (dateInitial, dateFinal) => (dateFinal - dateInitial) / (1000 * 3600 * 24);// getDaysDiffBetwe...
2018-02-09 14:47:17
132
转载 超实用的 JavaScript 浏览器代码片段
Bottom visible (页面的底部是否可见)使用 scrollY，scrollHeight 和 clientHeight 来确定页面的底部是否可见。const bottomVisible = _ => document.documentElement.clientHeight + window.scrollY >= document.documentElement.scrol...
2018-02-09 14:45:15
253
转载 超实用的 JavaScript 数组代码片段
Array concatenation (数组拼接)使用 Array.concat() ，通过在 args 中附加任何数组 和/或 值来拼接一个数组。const ArrayConcat = [].concat(arr, ...args); // [1,"ew"].concat([3],[5])Array difference (数组比较)根据数组 b 创建一个 Set 对象，然后在数组 a 上使用...
2018-02-09 10:25:14
256
原创 element验证中根据条件决定是否是必填项
示例： data中的relus rules: {priceRemark: [ { required: true, message: '请填写审核备注', trigger: 'blur' } ] }
2018-02-07 10:22:45
21853
8
原创 vue 增加删除splice用法
addWoolType:function(index){ var wooltype = this.$data.wooltype; wooltype.splice(index+1,0,{})},removeWoolType:function(index){ var wooltype = this.$data.wooltype; if ( woolty...
2018-02-07 10:21:04
4916
原创 element时间控件控制选择范围
当html中有format:hh:ss:mm等格式化时，需要加上- 8.64e7; 否则不需要<el-date-picker @change="endDateGet" v-model="searchForm.endDate"type="date"placeholder="选择日期":picker-options="endDateOpt"format="y
2018-02-07 10:19:03
2480
原创 element时间控件在后台传回来后，验证报错
原因 : 添加的时，时间打印出来是这样的 ; typeof( new Date( ) );结果显示 “object” Thu Aug 31 2017 00:00:00 GMT+0800 (中国标准时间) 上面这个类型是“object”；后台拿回来编辑的时候， Thu Aug 31 2017 00:00:00 GMT+0800 (中国标准时间)，这个时间的类型就变成：“string” 导致验证失败。...
2018-02-07 10:16:42
1060
转载 在使用element ui时 时间组件获取时间格式问题
element ui十分的好用。但是今天发现使用时，获取到的时间总是不是自己想要的时间，获取的时间格式为 1 Fri Sep 22 2017 00:00:00 GMT+0800 (中国标准时间) 但是 我的后台需要"yyyy-MM-dd"这就难为我了，要是在前端强拼也不是不能拼接，就是觉得太麻烦。哦，对了。看过element ui手册的小伙伴也许会说，他不是有个'chan...
2018-02-07 10:08:54
8533
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人