乐胖代购免代理版

欢迎

JavaScript常用的开发小技巧-总结

有条件地向对象添加属性使用展开运算符号(...)来有条件地向对象快速添加属性const condition = true;const person = { id: 1, name: 'John Doe', ...(condition && { age: 16 }),};如果每个操作数的值都为 true，则 && 操作符返回最后一个求值表达式。因此返回一个对象{

javascript

html5

vue.js

原力计划

操作符

原创 2021-12-28 12:30:22 65 阅读

JavaScript中空值合并操作符和?.操作符-使用案例

空值合并操作符- ??只有当左侧为null和undefined时，才会返回右侧的数空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。

javascript

html5

html

原力计划

操作符

原创 2021-12-27 10:09:40 81 阅读

JavaScript中空值合并操作符和?.操作符-使用案例

空值合并操作符- ??只有当左侧为null和undefined时，才会返回右侧的数空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 und

javascript

html5

html

原力计划

操作符

原创 2021-12-27 10:09:40 114 阅读

antdvUI组件库中的a-date-picker - disabledDate不可选择时间的个性化出来-案例

// 限制日期不可选disabledDate(current) { // Can not select days before today and today // 只能选择当前日期的两个月范围内 // return current && (current > moment().endOf('day') || current < moment().subtrac

javascript

antdvUI

a-date-picker

disabledDate

原力计划

原创 2021-12-22 08:30:00 742 阅读

antdvUI组件库中的a-date-picker - disabledDate不可选择时间的个性化出来-案例

// 限制日期不可选disabledDate(current) { // Can not select days before today and today // 只能选择当前日期的两个月范围内 // return current &&

javascript

antdvUI

a-date-picker

disabledDate

原力计划

原创 2021-12-22 08:30:00 374 阅读

解决由浏览器的同源策略造成的跨域问题-案例

跨域:指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。JSONPJSONP 的原理很简单，就是利用 <script> 标签没有跨域限制的“”。

javascript

safari

前端

原力计划

json

原创 2021-12-20 10:41:21 57 阅读

解决由浏览器的同源策略造成的跨域问题-案例

跨域:指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的

javascript

safari

前端

原力计划

json

原创 2021-12-20 10:41:21 60 阅读

js导入导出方法的写法

// Name Export | Name Importexport const name = 'value'import { name } from '...'// Default Export | Default Importexport default 'value'import anyName from '...'// Rename Export | NameImportexport { name as newName }import { newName } from ...

javascript

开发语言

ecmascript

导入导出

原力计划

原创 2021-12-14 10:21:28 100 阅读

js导入导出方法的写法

// Name Export | Name Importexport const name = 'value'import { name } from '...'// Default Export | Default Importexport default 'value'import anyName from '...'// Rename Export | NameImportexport { name as newName }import { newName } from ...

javascript

开发语言

ecmascript

导入导出

原力计划

原创 2021-12-14 10:21:28 35 阅读

js将字符串数组转数值型数组-数组常用方法

String->Number 数组a.map(Number)['123','465'].map(Number)//[123,456]Number->String 数组a.map(String)[123,456].map(String)//['123','465']字符串替换var str = "my chian!"let key = str.replace(/my/, "Mi");console.log(key)//输出：Mi chian!...

javascript

开发语言

ecmascript

原力计划

数组

原创 2021-12-13 10:17:34 199 阅读

js将字符串数组转数值型数组-数组常用方法

String->Number 数组 a.map(Number)['123','465'].map(Number)//[123,456]Number->String 数组 a.map(String)[123,456].map(String)//['123','465'] 字符串替换var str = "my chian!"let key = str.replace(/my/, "Mi")

javascript

开发语言

ecmascript

原力计划

数组

原创 2021-12-13 10:17:34 119 阅读

改变Vue默认组件渲染的标签-router-link-默认渲染成a标签

改变Vue默认组件渲染的标签

vue.js

前端

javascript

tag

原力计划

原创 2021-12-07 10:50:32 320 阅读

改变Vue默认组件渲染的标签-router-link-默认渲染成a标签

改变Vue默认组件渲染的标签

vue.js

前端

javascript

tag

原力计划

原创 2021-12-07 10:50:32 139 阅读

Array数组实用的一行Javascript代码-案例

本案例的一行代码，为了方便用ts的盆友，所以以js和ts方式书写将值转换为数组jsconst castArray = (value) => (Array.isArray(value) ? value : [value]);tsconst castArray = (value) => (Array.isArray(value) ? value : [value]);案例castArray

javascript

typescript

前端

array

原力计划

原创 2021-12-06 10:33:27 102 阅读

Array数组实用的一行Javascript代码-案例

本案例的一行代码，为了方便用ts的盆友，所以以js和ts方式书写将值转换为数组jsconst castArray = (value) => (Array.isArray(value) ? value : [value]);tsconst castArray = (value) => (Array.isArray(value) ? value : [value]);案例castArray

javascript

typescript

前端

array

原力计划

原创 2021-12-06 10:33:27 101 阅读

Vue动态组件(component :is)-＜component :is=““＞＜/component＞- 案例

component is

component

vue

vue.js

原力计划

变量名

原创 2021-12-01 10:31:22 718 阅读

Vue动态组件(component :is)-＜component :is=““＞＜/component＞- 案例

component is

component

vue

vue.js

原力计划

变量名

原创 2021-12-01 10:31:22 727 阅读

VNC Connect远程工具使用-使用体验极高

说明介绍VNC (Virtual Network Console)，即虚拟网络控制台，它是一款基于 UNIX 和 Linux 操作系统的优秀的多端远程控制工具软

远程工具

vnc

原力计划

客户端

远程控制

原创 2021-11-29 07:55:33 898 阅读

VNC Connect远程工具使用-使用体验极高

说明介绍VNC (Virtual Network Console)，即虚拟网络控制台，它是一款基于 UNIX 和 Linux 操作系统的优秀的多端远程控制工具软件，由著名的 AT&T 的欧洲研究实验室开发，远程控制能力强大，高效实用，并且免费开源。

远程工具

vnc

原力计划

客户端

远程控制

原创 2021-11-29 07:55:33 150 阅读

Vs Code使用国际化多语言插件-i18n Ally&Vue i18n-插件使用

i18n Ally&Vue i18n用户使用vscode 打开代码时，会自动生成如下

vue.js

vscode

多语言

国际化

i18n

原创 2021-11-23 10:19:00 5607 阅读

Vs Code使用国际化多语言插件-i18n Ally&Vue i18n-插件使用

i18n Ally&Vue i18n 用户使用vscode 打开代码时安装插件后可能会自动在工作区生成这行配置{ "vue-i18n.i18nPaths": "src\\common\\lang", 注：多语言路径 "i18n-ally.localesPaths": [ "src/common/lang" ]}Vue 2.x 配置

vue.js

vscode

多语言

国际化

i18n

原创 2021-11-23 10:19:00 6075 阅读

Vue富文本编辑器vue-quill-editor-使用-bug问题-教程

Vue富文本编辑器vue-quill-editor-使用-bug问题小图标样式排布错乱

vue.js

javascript

quill-editor

富文本编辑器

原力计划

原创 2021-11-22 10:24:49 896 阅读

Vue富文本编辑器vue-quill-editor-使用-bug问题-教程

Vue富文本编辑器vue-quill-editor-使用-bug问题小图标样式排布错乱

vue.js

javascript

quill-editor

富文本编辑器

原力计划

原创 2021-11-22 10:24:49 386 阅读

Vue2.x和Vue3.x使用上的差异对比-示例

template组件Vue2和Vue3的template非常相似。Vue3支持碎片(Fragments)，在组件可以拥有多个根节点，新特性可以减少很多组件之间的div包裹元素Vue2.x-template组件<template> <div class='form-element'> <h2> {{ title }} &

es6

css3

vue.js

vue3.x

vue2.x

原创 2021-11-15 11:10:08 95 阅读

Vue2.x和Vue3.x使用上的差异对比-示例

template组件Vue2和Vue3的template非常相似。Vue3支持碎片(Fragments)，在组件可以拥有多个根节点，新特性可以减少很多组件之间的div包裹元素Vue2.x-template组件<template> <div class='form-element'> <h2> {{ title }} </h2> <input type='text' v-model='username' place

es6

css3

vue.js

vue3.x

vue2.x

原创 2021-11-15 11:10:08 199 阅读

android studio - React Native环境搭建出现run-android后报sdk错误处理-案例

执行命令run-android - 错误内容error Failed to install the app. Please accept all necessary Android SDK licenses using Android SDK Manager: "$ANDROID_HOME/tools/bin/sdkmanager --licenses"..........处理1、正确安装android studio2、正确设置ANDROID_HOME环境变量3、正确安装jdk..

android

react native

android studio

原力计划

环境变量

原创 2021-11-15 10:37:22 455 阅读

android studio - React Native环境搭建出现run-android后报sdk错误处理-案例

执行命令run-android - 错误内容 error Failed to install the app. Please accept all necessary Android SDK licenses using Android SDK Manager: "$ANDROID_HOME/tools/bin/sdkmanager --licenses"..........处理1、正确安装 a

android

react native

android studio

原力计划

环境变量

原创 2021-11-15 10:37:22 208 阅读

antv | G2Plot 数据可视化图表库-案例

G2Plot开箱即用的图表库定义图表插件ChartDiscount.vue<template> <div id="ChartDiscount" ref="ChartDiscount"></div></template><script>import { Line } from '@antv/g2plot'export default { name: 'ChartDiscount', props: { ..

数据可视化

Datav

antv

G2Plot

Vue

原创 2021-11-09 14:30:48 464 阅读

antv | G2Plot 数据可视化图表库-案例

G2Plot 开箱即用的图表库定义图表插件ChartDiscount.vue<template> <div id="ChartDiscount" ref="ChartDiscount"></div></template><script>import { Line } from '@antv/g2plot'export def

数据可视化

Datav

antv

G2Plot

Vue

原创 2021-11-09 14:30:48 997 阅读

CSS可视化工具-助力快速开发css片段

Neumorphism为 section 或 div 生成对应UI，它也可以自定义border-radius, box-shadow 等Shadows Brumm生成多个分层阴影CSS Clip-path MakerFancy Border Shape GeneratorCubic CurveCSS GradientCSS Wa

css

前端

原力计划

ico

自定义

原创 2021-11-08 11:11:14 383 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客