- 博客(104)
- 资源 (1)
- 收藏
- 关注
原创 【ts】vue中使用ts进行父子组件传值
子传父父组件<template> <div class="hello"> {{str}} <Home @hello="onClick"/> </div></template><script lang="ts"> import {Vue,Component} from 'vue-property-decorator'//引入子组件,在中Component创建 import Home from
2020-10-06 22:42:44
5597
2
原创 【js】JavaScript数据结构
栈// 栈类function Stack() { // 栈中的属性 var items = [] // 栈相关的方法 // 压栈操作 this.push = function (element) { items.push(element) } // 出栈操作 this.pop = function () { return items.pop() } // peek操作 this.
2020-09-22 20:55:38
224
原创 【js】常用数组方法
数组合并// 数组的合并var nums1 = [1, 2, 3]var nums2 = [100, 200, 300]var newNums = nums1.concat(nums2)alert(newNums) // 1,2,3,100,200,300newNums = nums1 + nums2alert(newNums) // 1,2,3,100,200,300数组迭代every()every()方法是将数组中每一个元素传入到一个函数中, 该函数返回true/false..
2020-09-11 21:27:34
266
原创 【vue】TypeScript 错误“property does not exist on value of type”
最简单的解决方式是:加 as anyeg:y.x报错,则改为(y as any).x暴露全局变量src下新建文件shime-vue.d.tsdeclare module 'nprogress';declare module 'axios' { interface AxiosInstance { (config: AxiosRequestConfig): Promise<any> }}...
2020-08-23 16:45:59
4890
1
原创 【vue】封装axios(ts)
文件结构https.tsimport axios from 'axios'const ConfigBaseURL = 'https://www.yidong2018.cn/demand' //默认路径,这里也可以使用env来判断环境//使用create方法创建axios实例export const Service = axios.create({ timeout: 5000, // 请求超时时间 baseURL: ConfigBaseURL, method: 'post', he
2020-08-15 18:08:11
1294
2
转载 【vue】封装axios
配置axios首先,创建一个Service.js,这里面存放的时axios的配置以及拦截器等,最后导出一个axios对象。我平常elementUI用的比较多,这里你也可以使用自己的UI库。import axios from 'axios'import { Message, Loading } from 'element-ui'const ConfigBaseURL = 'https://localhost:3000/' //默认路径,这里也可以使用env来判断环境let loadingInstan
2020-08-07 16:37:29
120
原创 【ts】typescript学习
何为tsts作为js的超集,意味着js的语法在ts中是能够跑通的。【ts主要提供了类型系统和ES6的支持】ts一方面拓展了js的能力,另一方面是对js加上了限制客观看待ts的使用优点:可读可维护ts和js最大的差别其实还是ts提供了类型系统,类型系统本身就是文档,通过类型系统可以快速了解函数的作用、参数的类型或者接口相关的数据等使用ts能够将很多bug问题在开发中暴露。举个例子,某个函数接收的参数为interface为PARAMS的params,如果传入的数据不匹配,编译器会给出警告提示
2020-08-06 17:41:26
699
原创 【webpack】关于webpack4
概念入口可以通过在 webpack 配置中配置entry属性,来指定一个入口起点(或多个入口起点)。默认值为 ./src** webpack.config.js **module.exports = { entry: './path/to/my/entry/file.js'};出口默认值为 ./dist。基本上,整个应用程序结构,都会被编译到你指定的输出路径的文件夹中。 你可...
2020-07-30 23:06:02
74
原创 【ES6】关于es6各种新语法
b站:深入解读ES6系列ES6怎么来的ECMAScript 和 JavaScriptECMA 是标准,JS 是实现ECMAScript 简称 ECMA 或 ES历史版本1996, ES1.0 Netscape 将 JS 提交给 ECMA 组织,ES 正式出现1999, ES3.0 被广泛支持2011, ES5.1 成为 ISO 国际标准2015, ES6.0 正式发布ES6兼容性ES6(ES2015) 支持的环境 IE10+, Chrome, FireFox, 移动端, NodeJ
2020-07-30 12:48:17
673
1
原创 【js】JavaScript进阶相关点
数据类型基本(值)类型string: 任意字符串number: 任意数字boolean: true/falseundefined: undefinednull: null对象类型object: 基本对象类型function: 特殊对象, 可以执行array: 特殊对象, 可通过下标执行, 内部有序判断数据类型typeof返回数据类型的字符串表达可以判断数值, 字符串, undefined, boolean, function不能判断null与object与array, 返回都是
2020-07-29 17:17:01
153
原创 【小问题】深拷贝
function deepCopy(newobj, oldobj) { for (var k in oldobj) { // 判断我们的属性值属于那种数据类型 // 1. 获取属性值 oldobj[k] var item = oldobj[k]; // 2. 判断这个值是否是数组 if (item instanceof Array) { newob...
2020-07-29 09:35:52
163
原创 【小程序】小程序调试
按个人习惯,我一般把小程序划分为开发调试和项目调试两大类。开发调试开发调试就是平时写代码时候的一些调试技巧,项目调试更偏向于真机预览调试这一块。开发调试基本网上有一些文字讲的比较详细了,这里直接贴链接,平时开发其实基本都懂个七七八八了。简单介绍:https://www.cnblogs.com/cisum/p/10151807.html官方详细说明:https://developers.weixin.qq.com/miniprogram/dev/devtools/debug.html#%E6%A8%A
2020-07-26 20:51:00
3367
原创 【js】原生js上传图片到服务器
<input id="file" type="file" name="image" size="50" /> <button id="load">上传</button>$('#load').click(function () { var input = $('#file')[0]; //图片上传成功后会将图片名称赋值给 value 属性 if (input.value) { //使用 FormData 对象 ...
2020-07-25 21:06:14
1330
2
转载 【小问题】跨域访问sessionid不一致问题
问题跨域原因 每次发送请求的jsessionid都不同 所以有一些请求请求不到解决服务端设置可以接收cookie信息registry.allowCredentials(true)在ajax请求中添加发送cookie信息 $.ajax({ url: url, xhrFields: { withCredentials: true }});完美解决参考:https://blog.youkuaiyun.com/u011521890/article/details
2020-07-14 19:57:11
1360
1
原创 【转载】前端电商 sku 的全排列算法
需求需求描述起来很简单,有这样三个数组:let names = ["iPhone X", "iPhone XS"]let colors = ["黑色", "白色"]let storages = ["64g", "256g"]需要把他们的所有组合穷举出来,最终得到这样一个数组:[ ["iPhone X", "黑色", "64g"], ["iPhone X", "黑色", "256g"], ["iPhone X", "白色", "64g"], ["iPhone X", "白色",
2020-07-02 22:16:21
970
原创 【小程序】节流和防抖
原理利用延时器,闭包实现。防抖(debounce):在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时,重新出发定时器。/*函数防抖*/function debounce(fn, interval) { var timer; var gapTime = interval || 1000;//间隔时间,如果interval不传,则默认1000ms return function () { clearTimeout(timer); var context =
2020-07-02 18:41:25
1123
原创 【小程序】关于全局变量的使用
在app.js中定义全局变量App({//当小程序初始化完成时,会触发 onLaunch(全局只触发一次)onLaunch: function () {},// 当小程序启动,或从后台进入前台显示,会触发 onShowonShow: function (options) {},// 当小程序从前台进入后台,会触发 onHideonHide: function () {},// 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信.
2020-06-21 15:57:45
480
原创 【小程序】父子组件的基本操作
功能父组件向子组件传递型号数组 子组件进行组合操作 讲库存价格数量返回给父组件代码导入//父组件.json{ "usingComponents": { "chooseModel": "../components/chooseModel/chooseModel" }}父组件向子组件传参 <chooseModel model='{{model}}' bind:toHome='toHome' id="model"></chooseModel&g.
2020-06-21 15:43:35
338
原创 【小程序】地图的基本使用
WXML//有授权 <view class="store-map"> <map id="map" latitude="{{location.latitude}}" longitude="{{location.longitude}}" markers="{{markers}}" polyline="{{polyline}}" bindmarkertap="toRouteDetail" show-location style="width: 100%; heig...
2020-06-20 17:14:37
560
原创 【小程序】setData中给对象/数组赋值
//数组 this.setData({ username:address[this.data.id].username, phone:address[this.data.id].phone, 'region[0]':address[this.data.id].region0, 'region[1]':address[this.data.id].region1, 'region[2]':address[this.data.id].region2,
2020-06-05 10:55:16
2236
原创 【小程序】多种方法给对象属性赋值
小程序中更改data里面的值data: { tel: '15184138787', list: { title: '我是标题哦' }}1、需求:更改tel的值this.setData({ tel: 15188888888})2、需求:更改list里title的值; let value = 'list.title'; // 注意这里哈 this.setData({ [value]: '我是新标题' })3、需求:list新增动态属性值 let v
2020-06-04 21:30:27
1153
原创 【js】Date对象与字符串之间的转换
常见的转换方式有:一、toString() —— 把 Date 对象转换为字符串var str = new Date().toString();console.log(str); //output://Mon Oct 12 2015 11:13:22 GMT+0800二、toTimeString() —— 把 Date 对象的时间部分转换为字符串var str = new Date().toTimeString();console.log(str); //output://11:16:
2020-05-31 16:19:21
13241
原创 【mysql】如何判断一条sql(update,delete)语句是否执行成功
catch (SQLException e) { } catch不到错误应该就成功了。Statement对象提供了三种执行sql语句的方法。1.ResultSet executeQuery(String sql)执行查询语句,如ResultSet rs=stmt.executeQuery(select * from table_name")。2.int executeUpdate(String sql)执行insert、update、delete等更新语句,返回操作的记录数目
2020-05-28 10:36:20
4564
1
原创 【vue】插件vue-print-nb实现前端打印当前页面功能
1.安装官方安装及使用文档:https://www.npmjs.com/package/vue-print-nbnpm install vue-print-nb --save2.main.js中全局引入import Print from 'vue-print-nb'Vue.use(Print); 3.页面中使用3.1.使用id<div id="printMe" > <p>打印内容</p></div><button v-pri
2020-05-25 13:15:10
5226
2
原创 【mysql】终端查看版本时候mysql: command not found
mysql: command not found安装了mysql确没有办法使用命令ln -s /usr/local/mysql/bin/mysql /usr/bin注意前者路径为mysql安装路径,一般默认这个路径,如果手动改过路径,请修改后者路径为命令行输入mysql命令后默认查找的位置,not found就是指/usr/bin里没有找到终端返回:ln: /usr/bin/mysql: Operation not permitted使用上述命令却被告知无法操作不被允许alias mysql=
2020-05-24 17:47:45
544
原创 【Tomcat】Mac下启动和关闭Tomcat
cd到Tomcat文件夹里的bin目录启动sudo sh startup.sh关闭sudo sh shutdown.sh
2020-05-23 19:00:35
462
原创 【vue】for循环里嵌套了异步请求如何使它执行完了再执行下面代码
async updateGood(state) { for (let i = 0; i < this.file.length; i++) { //MVP: await await this.uploadImg(this.file[i]); } console.log(this.oldPhoto.concat(this.imgName)); const res = await updateBasicsProduct({
2020-05-15 18:51:54
16081
原创 【小程序】中间区域滚动上下区域不动
<van-popup custom-style="width:550rpx;height:auto;background-color:#fff;padding-bottom:100rpx"> <view class="detail-title"> coding... </view> //滚动区域 <view class="detail-content"> <scroll-view scro
2020-05-14 21:05:01
1084
原创 【vue】vue数据绑定数组,改变元素时不更新view问题
methods:{ change(){ // vue本身可以监听到数组的一些方法,例如: // push(),pop(),shift(),unshift(),splice(),sort(),reverse() this.arr.splice(3,1,"444"); }}
2020-05-12 22:06:31
532
原创 【vue】子组件跟父组件通信this.$emit()的使用
父组件:<template> <addcz @closecz="closecz"></addcz></template><script>export default { components: { addcz }, methods: { closecz(){ ...
2020-05-06 19:00:00
3523
原创 【vue】使用router.addRoutes动态路由来实现权限管理
功能要求不同的用户拥有不同的权限表,能打开不同的页面,没有权限的页面将重定向到404刷新之后数据还在并且还在当前页面数据后端返回权限表"operations": [ { "id": 1, "path": "/order", "name": "订单管理" }, ...
2020-04-28 22:46:01
2464
2
原创 【vue】刷新页面保留vuex中的数据
在App.vue中created() { //在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store") ) { this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getIte...
2020-04-27 22:17:05
1450
原创 【vue】VUE项目中,MAIN.JS引入SCSS文件时报错
当我们在src目录下创建.scss文件,并在main.js中引用,运行时会报:ERROR Failed to compile with 1 errors 5:25:07 PMThis relative module was not found:* ./main.scss in ./src/main.js如图所示解决方法:新版本的vue-cli已经帮我们把sass-loader配置...
2020-04-24 15:40:01
1684
原创 【小程序】实战商城笔记
新建页面添加tab改变头部样式引用外部样式 变量在某个压面引用组件小程序navigator(跳转) 标签open-type属性注释:由于小程序页面有层数限制,目前打开的页面最多只能有 5 层...
2020-04-11 23:45:43
228
汉诺塔问题
2019-04-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人