摘要: const musicBack = wx.getBackgroundAudioManager();Page({ data: { }, backmusic(url=''){ musicBack .title = "此时此刻"; musicBack .src = "http://gn.sycdn.kuw 阅读全文
posted @ 2021-04-28 17:26 czfeng 阅读(438) 评论(0) 推荐(0) 编辑
摘要: display:flex 是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持。 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布 阅读全文
posted @ 2021-04-23 10:08 czfeng 阅读(610) 评论(0) 推荐(0) 编辑
摘要: css3 text-shadow字体阴影讲解 text-shadow:为字体添加阴影, 可以通过对text-shadow属性设置相关的属性值,来实现现一些需要的字体阴影效果,减少了图片的使用。 基础说明: text-shadow: X轴 Y轴 Rpx color; 属性说明(顺序依次对应): 阴影的 阅读全文
posted @ 2021-04-21 16:51 czfeng 阅读(379) 评论(0) 推荐(0) 编辑
摘要: import export 这两个家伙对应的就是es6自己的module功能。 我们之前写的Javascript一直都没有模块化的体系,无法将一个庞大的js工程拆分成一个个功能相对独立但相互依赖的小工程,再用一种简单的方法把这些小工程连接在一起。 这有可能导致两个问题: 一方面js代码变得很臃肿,难 阅读全文
posted @ 2021-04-19 13:42 czfeng 阅读(72) 评论(0) 推荐(0) 编辑
摘要: ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。 最常用的ES6特性 let, const, class, extends, super, arrow functions, template string, destructuring, default, rest 阅读全文
posted @ 2021-04-19 13:40 czfeng 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 第一种方式: text-align:center; vertical-align:middle; div{ text-align: center; vertical-align:middle;width: 400px; height: 400px; border: 1px solid #000; } 阅读全文
posted @ 2021-04-16 18:05 czfeng 阅读(419) 评论(0) 推荐(0) 编辑
摘要: 241.返回数组中第 n 个元素(支持负数) 方案一:slice function nthElement(arr, n = 0) { return (n >= 0 ? arr.slice(n, n + 1) : arr.slice(n))[0]; } nthElement([1,2,3,4,5], 阅读全文
posted @ 2021-04-09 13:34 czfeng 阅读(104) 评论(1) 推荐(0) 编辑
摘要: 11.判断是否为数字 /** * @description 判断是否为数字 * @param value * @returns {boolean} */ export function isNumber(value) { const reg = /^[0-9]*$/; return reg.test 阅读全文
posted @ 2021-04-09 12:01 czfeng 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 181.如何在等待指定时间后调用提供的函数? const delay = (fn, wait, ...args) => setTimeout(fn, wait, ...args); delay( function(text) { console.log(text); }, 1000, 'later' 阅读全文
posted @ 2021-04-09 12:00 czfeng 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 151.数组中某元素出现的次数 /** * @param { array } arr * @param {*} value */ export function countOccurrences(arr, value) { return arr.reduce((a, v) => v value ? 阅读全文
posted @ 2021-04-09 11:58 czfeng 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 121.cookie 获取 /** * @param {String} key 属性 */ export const cookieGet = (key) => { const cookieStr = unescape(document.cookie); const arr = cookieStr.s 阅读全文
posted @ 2021-04-09 11:57 czfeng 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 91.返回当前url export const currentURL = () => window.location.href; 92.获取url参数(第一种) /** * @param {*} name * @param {*} origin */ export function getUrlPa 阅读全文
posted @ 2021-04-09 11:55 czfeng 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 61.验证linux"文件"路径 /** @param { string } value */ export const isLinuxFilePath = value => /^(\/[^/]+)+$/g.test(value); 62.验证window"文件夹"路径 /** @param { s 阅读全文
posted @ 2021-04-09 11:54 czfeng 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 31.从对象中选取对应于给定键的键值对 // pick: 从对象中选取对应于给定键的键值对 // 使用Array.reduce()将筛选/选取的密钥转换回具有相应键值对的对象 (如果在 obj 中存在该键)。 let pick = (obj, arr) => arr.reduce((acc, cur 阅读全文
posted @ 2021-04-09 11:52 czfeng 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 1.匹配正整数 // 匹配正整数 let isPositiveNum = val => { return /^[1-9]d*$/.test(val); }; console.log(isPositiveNum(9)) //true console.log(isPositiveNum(2.2)) // 阅读全文
posted @ 2021-04-09 11:49 czfeng 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 为元素添加on方法 Element.prototype.on = Element.prototype.addEventListener; NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, function 阅读全文
posted @ 2021-04-08 17:29 czfeng 阅读(119) 评论(0) 推荐(0) 编辑
摘要: function getDuration(value,dateFormat){ let hour = parseInt((value) / 3600); if (hour<10) {//时 hour = "0" + hour; } var minute = parseInt((value % 360 阅读全文
posted @ 2021-04-08 17:16 czfeng 阅读(489) 评论(0) 推荐(0) 编辑
摘要: 只允许输入数字(整数:小数点不能输入)<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" > 允许输入小数(两位小数)<input type="text" onkeyup="value=value.replace(/^\D*(\ 阅读全文
posted @ 2021-04-07 10:58 czfeng 阅读(4529) 评论(0) 推荐(0) 编辑
摘要: /将时间戳转换成时间格式function dateChange(value,dateFormat) { let date = new Date(value); let y = date.getFullYear(); let MM = date.getMonth() + 1; MM = MM < 10 阅读全文
posted @ 2021-03-25 14:37 czfeng 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 思路一: float 缺点:结构和样式存在耦合性,IE7-浏览器下对宽度百分比取值存在四舍五入的误差 【1】float + padding + background-clip 使用padding来实现子元素之间的间距,使用background-clip使子元素padding部分不显示背景 <styl 阅读全文
posted @ 2021-03-18 10:45 czfeng 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 原生js实现ajax封装 一、什么是ajax? 定义:Ajax(Asynchronous Java and XML的缩写)是一种异步请求数据的web开发技术,在不需要重新刷新页面的情况下,Ajax 通过异步请求加载后台数据,并在网页上呈现出来。 作用:提高用户体验,减少网络数据的传输量 二、ajax 阅读全文
posted @ 2021-03-10 20:45 czfeng 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 换行在 JS 中用bai \n 表示,因此判断du textarea 的值zhi是否包含 \n 即可判断: if (document.getElementById('textareaId').value.indexOf('\n') > -1) { // 内容bai中有换行du} else { //  阅读全文
posted @ 2021-03-08 09:23 czfeng 阅读(2822) 评论(0) 推荐(0) 编辑
摘要: //价格处理, 多个地方用到export const getAfterDotNums=(value)=>{ let len = 0; let newValue = value.toString(); if (value.toString().indexOf('.') > -1) { len = va 阅读全文
posted @ 2021-03-08 09:18 czfeng 阅读(1610) 评论(0) 推荐(0) 编辑
摘要: String对象的方法 方法一: indexOf() (推荐) var str = "123"; console.log(str.indexOf("3") != -1 ); // true indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方 阅读全文
posted @ 2021-03-05 10:34 czfeng 阅读(4738) 评论(1) 推荐(0) 编辑
摘要: ES6 promise对象 Promise的含义 Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了用法,原生提供了Promise对象。 所谓Promise,简单说就是一个容器,里面保存着某个未来才会 阅读全文
posted @ 2021-03-03 10:44 czfeng 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 一.vue指令 官网解释 指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。 1.v-once 能执行一次性地插值,当数据改变时 阅读全文
posted @ 2021-02-25 09:14 czfeng 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 这个url的正则表达式判断的JavaScript!比较全面的。它验证的情况包括IP,域名(domain),ftp,二级域名,域名中的文件,域名加上端口!用户名等等信息, function IsURL(str_url) { var strRegex = "^((https|http|ftp|rtsp| 阅读全文
posted @ 2021-02-24 18:03 czfeng 阅读(4712) 评论(0) 推荐(0) 编辑
摘要: 前面几节讲解了如何在 JavaScript 中使用正则表达式,以及如何执行匹配,本节就来讲一下正则表达式的具体语法。正则表达式是一种通用的工具,在 JavaScript、PHP、Java、Python、C++ 等几乎所有的编程语言中都能使用;但是,不同编程语言对正则表达式语法的支持不尽相同,有的编程 阅读全文
posted @ 2021-02-24 17:51 czfeng 阅读(2325) 评论(0) 推荐(0) 编辑
摘要: 众所周知,js有7种数据类型 1. null 2. undefined 3. boolean 4. number 5. string 6. 引用类型(object、array、function) 7. symbol 判断类型有以下4种判读方法 第一种方式: typeof typeof null > 阅读全文
posted @ 2021-02-24 17:48 czfeng 阅读(826) 评论(0) 推荐(0) 编辑
摘要: 忙了好一段时间,项目上线后终于有那么一点点空档期静下来整理一些问题了。当我们在开发项目的时候,用到遍历的地方肯定少不了,那么我们有那么多的遍历方法,在不同情况下用那种方法会更优雅而且还没bug呢? 首先,我在这里先列出几种常见的遍历机制,然后针对部分来做一个我对它的理解,有不同看法的老铁也可以分享一 阅读全文
posted @ 2021-02-23 14:57 czfeng 阅读(302) 评论(0) 推荐(0) 编辑