前端
关注
分享
扫一扫
前端
长空写代码
这个作者很懒，什么都没留下…
展开
-
JavaScript 深拷贝和浅拷贝的实现、使用场景和存在的问题
浅拷贝只会复制对象的第一层属性，对于嵌套的对象或数组，拷贝的仍然是引用而不是值。这样会导致修改浅拷贝对象的嵌套属性时，原对象的相应属性也会被修改。copy 入参和出参。原创 2024-06-15 01:44:39 · 272 阅读 · 0 评论 -
Vue cli3 项目结构和具体作用
原创 2021-03-21 21:15:48 · 178 阅读 · 0 评论 -
微信小程序（四）pages的生命周期
jsPage({ /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /**.原创 2021-05-07 23:16:41 · 443 阅读 · 0 评论 -
JavaScript获取13位时间戳转日期字符串
获取当前时间戳代码new Date().getTime()执行效果1620483681875时间戳转yyyy-MM-dd HH:mm:ss代码let da = new Date(1620483681875);let year = da.getFullYear();let month = da.getMonth() + 1;let date = da.getDate();let hours = da.getHours();let minutes = da.getMinutes();原创 2021-05-08 22:29:05 · 373 阅读 · 0 评论 -
WebStorm设置前端开发代码规范
Prettier StyleLint ESLint TSLint原创 2021-07-13 15:52:24 · 2212 阅读 · 0 评论 -
微信小程序（一）setData修改data中子对象的属性值
Page({ data: { product: { name: '', price: '', stock: 1, state: true }, files: [] }, handleChangeStock({detail}) { this.setData({ ['product.stock']: det原创 2021-04-30 23:06:34 · 319 阅读 · 1 评论 -
微信小程序（二）picker为对象数组，设置range-key，并获取对象id
jsPage({ data: { categorys: [ { id: 10, name: '美国' }, { id: 11, name: '中国' }, { id: 12,原创 2021-05-01 01:02:29 · 1199 阅读 · 2 评论 -
Vue CLI 4.5.7 脚手架项目的搭建、目录结构分析、Vue Router的基本使用
Vue CLI 致力于将 Vue生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需eject。官方文档地址：https://cli.vuejs.org/zh/guide/通过Webstorm npx方式新建一个Vue CLI脚手架项目默认目录结构如图所示打开命令行，使用npm ls --depth 0查看项目默认依赖使用npm run se.原创 2020-10-17 01:45:48 · 1400 阅读 · 1 评论 -
JavaScript 获取 Thymeleaf 域中的值
第一种方式先将域中的值渲染到界面上，在通过js选择器选择dom中元素，这种方式有些繁琐，但是很好理解第二种方式直接在js中如下写法：var msg= '[[${msg}]]';注意中括号外面的单引号原创 2021-02-11 02:26:44 · 1749 阅读 · 0 评论 -
HTML中使用CDN引入形式进行Vue.js+Axios+Echarts+Element+AntDesignVue开发
不是所有的前端项目都适合使用node.js开发，有时候我们只是进行一些简单页面的开发。比如每次开发java web，thymeleaf和freemarker写的很难受，不如vue.js开发来的迅速，而且对于一个有前后端分离开发习惯的人来说，几乎可以无学习成本直接上手。特别在一些公司的老项目中，往往只能使用最原始的jsp形式开发，这是如果在jsp中使用vue.js的形式开发前端，往往事半功倍，还可以避免学习淘汰技术，顺便学习vue.js。原创 2023-01-30 14:19:39 · 2401 阅读 · 1 评论 -
前后端分离项目，后端返回的二进制数据，前端通过blob对象实现下载
请求接口返回的数据在和后台交互的时候，如果后台返回给我们的是二进制流数据，我们就要在发送的时候加上{responseType:'blob'}或者是{responseType:'arraybuffer'}Vue.js+axios通过blob对象实现下载await this.$http.get(`/user/export`, { params: null, responseType: 'blob'原创 2021-03-31 23:08:25 · 952 阅读 · 0 评论 -
微信小程序（七）云开发实现字段值大于小于比较
const cloud = require('wx-server-sdk')cloud.init()const db = cloud.database();exports.main = async (event, context) => { const {filter = {}, pageSize = 10, pageNum = 1} = event; const _ = db.command // 库存小于1 filter.stock = _.gt(1);原创 2021-05-18 00:59:13 · 995 阅读 · 0 评论 -
纯 html 文件中使用 Vue+ElementUI
很简单只需要引入各自的CDN地址即可，可以直接复制我的，或者去官网复制最新的CDN地址Element官网：https://element.eleme.cn/#/zh-CN/component/installationVue.js官网：https://cn.vuejs.org/v2/guide/installation.html<!-- cdn引入ElementUI样式 --><link rel="stylesheet" href="https://unpkg.com/eleme原创 2021-01-28 01:14:44 · 3573 阅读 · 1 评论 -
Jquery 调用 浏览器打印机
先引入jQuery和jqprint插件，为了处理jQuery和jqprint插件的版本不兼容问题，在引入jquery-migrate文件https://download.youkuaiyun.com/download/y1534414425/13609110代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co原创 2020-12-09 15:20:14 · 1307 阅读 · 0 评论 -
微信小程序（三）获取全局变量
全局变量的文件位置在app.js文件中在js中通过如下方式获取全局的userInfo变量值 var app = getApp();app.globalData.userInfo原创 2021-05-07 22:53:39 · 3377 阅读 · 4 评论 -
Element上传文件到自己的服务器
在Element中有Upload组件，有两种上传方式，第一种是上传到图片服务器，再返回url，即action属性，第二种是自定义上传方式，即http-request属性上传到自己的服务器上虽然有些缺点，但确实一种便捷并且节约成本的方式，代码如下：<el-upload action="" :http-request="uploadFile" list-type="picture-card" :on-preview="handlePict原创 2021-08-13 21:58:37 · 1630 阅读 · 0 评论 -
云函数开启事务
const cloud = require('@cloudbase/node-sdk')const transaction = await db.startTransaction();try { // function_1 let res = await transaction .collection('test1') ... // 此处代码省略 if (res < 0) { return res; } // function_2 await原创 2021-06-27 01:17:59 · 302 阅读 · 0 评论 -
Vue.js | 如何创建并启动一个Vue3.x项目
Vue-CLI安装: Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)vue-cli 是一个Vue官方提供的快速构建Vue项目的脚手架工具，能够极大的提高开发效率原创 2020-06-16 15:33:30 · 2326 阅读 · 0 评论 -
CSS Flex 弹性盒模型 布局
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> * {转载 2021-01-27 00:39:43 · 171 阅读 · 0 评论 -
JavaScript清空数组的3种方法
0x0. spliceArray.prototype.splice()是通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。var arr = [1,2,3]arr.splice(0, arr.length)console.log(arr)===> []0x1. 赋值length = 0var arr = [1,2,3]aarr.length = 0console.log(arr)===> []0x2. 赋值[]将数组重新赋值为空数组，原创 2022-04-04 00:11:20 · 3374 阅读 · 0 评论 -
Vue项目设置路径src目录别名为@
在实际项目中，我们通常可以将src目录设置为@目录，这样引入文件时候可以一目了然而且使用起来非常方便，可以提高我们的开发效率。本文介绍如何在实际项目中使用@作为src目录的别名，如果你使用的编程语言为JavaScript如果你使用的编程语言为TypeScript...原创 2022-01-24 09:48:39 · 6704 阅读 · 1 评论 -
微信小程序（五）bindtap事件传递当前循环到的对象
wxml<i-card wx:for="{{products}}" wx:key="*this" data-product="{{item}}" title="{{item.name}}" bindtap="cardClick" full="true"> <view slot="content">创建时间：{{item.createTime}}</view></i-card>jsPage({ cardClick: fu原创 2021-05-08 00:23:08 · 2119 阅读 · 0 评论 -
微信小程序开发（八）页面之间传值问题，填了一个大坑
小程序之间页面传值也就是页面间事件通信通道官方文档https://developers.weixin.qq.com/miniprogram/dev/api/route/EventChannel.html文档摘要A页面js代码// 跳转至商品详情界面 wx.navigateTo({ // 需要跳转的页面路径，保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面 url: '/p原创 2021-05-22 22:40:11 · 296 阅读 · 0 评论 -
Vue CLI创建Vue3+TypeScript项目
首先全局安装vue-clinpm install -g @vue/cli使用vue命令行创建项目vue create vue-ts设置可能出现的报错Error: Cannot find module 'vue-template-compiler'解决办法yarn add vue-template-compiler运行yarn install // 安装依赖yarn run serve // 运行yarn run build // 编译...原创 2021-07-12 14:53:54 · 699 阅读 · 0 评论 -
Node.js | Node.js安装及npm模块插件安装路径配置，并安装Vue CLI
在安装完nodejs后，通过npm下载全局模块默认安装到{%USERDATA%}C:\Users\username\AppData\下的Roaming\npm下，这当然是不太对的默认。原创 2020-02-10 13:05:45 · 1490 阅读 · 0 评论 -
微信小程序（六）云开发使用模糊匹配 类似 like
小程序的云开发目前暂时没有类似数据库的like关键字，我们可以换个思路，使用正则表达式来实现这个效果。exports.main = async (event, context) => { const {filter = {}, pageSize = 10, pageNum = 1} = event; if (filter.name !== undefined || null || '') { filter.name = db.RegExp({原创 2021-05-18 00:56:34 · 1034 阅读 · 3 评论