Tiam-2016
码龄5年
求更新 关注
提问 私信
  • 博客:12,440
    12,440
    总访问量
  • 34
    原创
  • 3
    粉丝
  • 64
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:北京市
加入CSDN时间: 2020-11-07
博客简介:

Y_Tiam的博客

查看详细资料
个人成就
  • 获得3次点赞
  • 内容获得5次评论
  • 获得20次收藏
  • 博客总排名1,000,455名
创作历程
  • 34篇
    2021年
成就勋章

TA关注的专栏 1

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

创作活动更多

新星杯·14天创作挑战营·第13期

这是一个以写作博客为目的的创作活动,旨在鼓励大学生博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛!注: 1、参赛者可以进入活动群进行交流、互相鼓励与支持(开卷),虚竹哥会分享创作心得和涨粉心得,答疑及活动群请见:https://bbs.csdn.net/topics/619781944 【进活动群,得奖概率会更大,因为有辅导】 2、文章质量分查询:https://www.csdn.net/qc

90人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

小程序多选按钮

<block wx:for="{{gd1List2}}"><button class="{{item.isChecked2?‘normal’:‘a2’}}" bindtap=‘getDemo2’ data-text="{{item.name}}" data-index=’{{index}}’>{{item.name}}<;/button></block>//jspage({data:{gd1List2: [{ name: “毛坯房”, isC
原创
博文更新于 2021.12.31 ·
665 阅读 ·
0 点赞 ·
1 评论 ·
1 收藏

前端面试webpack

1、什么是webpack,与grunt和gulp有啥不同webpack是一个模块打包工具,在webpack里面一切皆模块  通过loader转换文件,通过plugin注入钩子,最后输出有多个模块组合成的文件  WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到Js模块以及其它的一些浏览器不能直接运行的拓展语言,并将其打包为合适的格式以供浏览器使用Gulp/Grunt是一种能够优化前端的开发流程的工具,而WebPack是一种模块化的解决方案,不过Webpack的优点使得在很多场景
原创
博文更新于 2021.07.12 ·
366 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

canvas、svg

1.数据可视化初步1.1 什么是数据可视化:数据可视化,是关于数据视觉表现形式的科学技术研究数据可视化的理论基础:计算机图形学1.2 浏览器实现数据可视化架构:1.3 数据可视化基础核心技术1.3.1 canvas<canvas id="box" width="800" height="400"></canvas>1.注意:width和height最好canvas标签上添加,不要用css中的width,height2.如何绘制常用图形 第一步: 获取
原创
博文更新于 2021.05.10 ·
283 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

csdn怎么删除文章

在上家公司,你为什么离职,请相信,百分之八十的面试官(要么是HR要么是技术负责人),或多或少都会问到的问题,如果问你这个问题,你该如何回答?1、因为上家公司不能办公室谈恋爱,我就离职了2、女生太少,找不到对象3、公司前端几个月见不到一个姑娘,害怕未来娶不到媳妇4、我是一心扑到事业上的男人,老板娘却经常约我去她家里做客吃饭,果断辞职...
原创
博文更新于 2021.05.09 ·
1372 阅读 ·
0 点赞 ·
3 评论 ·
0 收藏

后台管理Echarts、时间线

1.查看物流进度主要用到了Element UI中的时间线组件代码如下:<!-- 显示时间线 --><el-timeline><el-timeline-itemv-for="(activity, index) in activities":key="index":timestamp="activity.time" >{{ activity.context }}</el-timeline-item></el-timeline&g
原创
博文更新于 2021.05.07 ·
770 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

后台管理 富文本 深拷贝

1.添加商品-文件上传1.1 el-upload不走axios请求,el-upload自身封装了ajax请求1.2 文件上传配置请求头1.3 上传成功后返回的格式:{ "data": { "tmp_path": 图片的临时路径, "url":图片上传到服务器上的路径 }, "meta": { "msg": "上传成功", "status": 200 }}1.4 配置文件上传两个注意事项1.acti
原创
博文更新于 2021.05.06 ·
248 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

webSocket

一、为什么你们项目组中使用WebSocket技术当我们在处理页面数据自动更新的时候,在使用js不断的请求服务器,查看是否有新数据,如果有就获取到新数据,进行对页面信息的跟新,但是当页面长时间没有更新数据时,这样就会存在资源浪费的情况,所以才会使用WebSocket来解决。二、UDP和TCP协议的概念TCP是事先为所发送的数据开辟出连接好的通道,然后再进行数据发送;而UDP则不为IP提供可靠性、流控或差错恢复功能。一般来说,TCP对应的是可靠性要求高的应用,而UDP对应的则是可靠性要求低、传输经济的应用
原创
博文更新于 2021.05.05 ·
138 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue原理面试题

前言本文分享 12 道 vue 高频原理面试题,覆盖了 vue 核心实现原理,其实一个框架的实现原理一篇文章是不可能说完的,希望通过这 12 道问题,让读者对自己的 Vue 掌握程度有一定的认识(B 数),从而弥补自己的不足,更好的掌握 Vue ❤️Vue 响应式原理核心实现类:Observer : 它的作用是给对象的属性添加 getter 和 setter,用于依赖收集和派发更新Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例(里面 subs 是
原创
博文更新于 2021.05.05 ·
158 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

冒泡排序 、快速排序

快速排序与冒泡排序(面试题)今天讲一道前端开发的笔试题,题目如下: 编写快速排序和冒泡排序,并简单对比分析.看到题目愣了一下,知道冒泡排序,可什么是快速排序呢?下面先来看一下冒泡排序:方法一: 每一次对比相邻两个数据的大小,小的排在前面,如果前面的数据比后面的大就交换这两个数的位置复制代码       var arr = [90,0,-10,88,999,100,102,2,3,20]; function sortArr1(arr){ v
原创
博文更新于 2021.04.29 ·
145 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

css预处理器

为什么会出现css预处理器–CSS不是一种编程语言,仅仅只能用来编写网站样式,在web初期时,网站的搭建还比较基础,所需要的样式往往也很简单。但是随着用户需求的增加以及网站技术的升级,css一成不变的写法也渐渐不再满足于项目。没有类似js这样的编程语言所有的变量,常量以及其他的编程语法,css的代码难免会显得臃肿以及难以维护。但是又没有css的替代品,于是css预处理器就作为css的扩展,出现在了前端技术中。2.常见的css预处理器–发展至今,CSS预处理器的技术已经相当成熟,也涌现出了很多中不同.
原创
博文更新于 2021.04.29 ·
190 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

解决级联选择器cascader中的3问题

1.解决级联选择器cascader中的3问题1.1 可以选择cascader的任意级别template:<el-cascader :props="defaultProps"></el-cascader> JS->data defaultProps: { .... checkStrictly:true .... },1.2 隐藏小圆圈问题核心思路:通过css隐藏小圆圈,并扩大小圆圈的显示范围,然后设置visibilit
原创
博文更新于 2021.04.28 ·
1134 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

vue全局组件、vue-table-with-tree-grid、Cascader 级联选择器

1.vue全局组件Vue.component('组件名',组件实例)import ZkTable from 'vue-table-with-tree-grid'Vue.component('tree-table', ZkTable)import BreadCrumb from '@/components/breadcrumb'Vue.component('bread-crumb', BreadCrumb)2.vue-table-with-tree-grid使用及插件参数使用说明 1.
原创
博文更新于 2021.04.27 ·
327 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

2021-04-27

单向绑定语法1.普通的属性的绑定是单向的。例如:解析:如果使用 this.setData({ value: ‘leaf’ }) 来更新 value ,this.data.value 和输入框的中显示的值都会被更新为leaf;但如果用户修改了输入框里的值,却不会改变 this.data.value。双向绑定语法对应属性前加入model:前缀:用户输入的同时改变 this.data.value局限性:与vue相比,暂不支持表达式形式,如下data: {a:{b:‘hello’}}
原创
博文更新于 2021.04.27 ·
98 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js将excel数据转化为数组的方法

这里是h5的方法 仅供参考12/* FileReader共有4种读取方法: 1.readAsArrayBuffer(file):将文件读取为ArrayBuffer。 2.readAsBinaryString(file):将文件读取为二进制字符串 3.readAsDataURL(file):将文件读取为Data URL 4.readAsText(file, [encoding]):将文件读取为文本,encoding缺省值
原创
博文更新于 2021.04.23 ·
1579 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

vue解决跨域

在vue根目录下创建出vue.config.js写入如下代码以百度为例module.exports = {devServer: {proxy: ‘代理服务器地址’}}// 或者module.exports = {devServer: {proxy: {‘/api’: {target: ‘代理服务器地址’,ws: true // webscoketchangeOrigin: true}}}}在要发送前端请求的页面使用created() {// 对应第一种代理时的请求
原创
博文更新于 2021.04.23 ·
106 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

后台管理api封装

1.完成登录功能1.1 表单重置第一步:给表单添加ref <el-form ref="loginForm"></el-form> 第二步:给重置按钮添加事件,调用重置方法 //重置表单 resetForm() { this.$refs.loginForm.resetFields() }1.2 表单预检验 //用户登录 loginIn() { //对表单对整体合法性检验 this
原创
博文更新于 2021.04.21 ·
230 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

vue后台管理项目起步

1.Vue全家桶vue.js,vue-router,vuex,axios,ES6,Sass/less/Stylus,…vue.js:computed,过滤器,自定义指令,绑事件(@事件名),绑属性(:属性名),组件通讯(3种)…vue-router:路由传参,路由守卫,嵌套路由,动态路由,路由懒加载…vuex:集中管理组件状态,5个要素:state,mutation,action,modules,gettersaxios:数据请求官网文档:https://github.com
原创
博文更新于 2021.04.20 ·
473 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

js函数、同步异步操作

一、函数的定义方式函数声明:function 函数名() { //...}特点:无论在函数定义前,还是函数定义后调用,都能执行为什么都能执行???因为函数声明方式:函数提升2.函数表达式var 变量名=function() { //....}变量名()特点:只能在函数定义后调用,才能执行二、this指向在全局调用函数,函数中的this指向windowfunction fn() { //this === window}详细this指向会有专门
原创
博文更新于 2021.04.15 ·
1281 阅读 ·
0 点赞 ·
0 评论 ·
4 收藏

小程序的登录授权

小程序的登录授权登录授权流程项目中的实现思路点击进入店铺--进入首页--获取到token,uid 如何获取token 第一步:通过wx.login得到code,调用接口获取登录凭证(code)。通过凭证进而换取用户登录态信息 第二步:通过调用公司后台接口(自动注册/登录接口)获取腾讯用户的匿名信息 //引入接口const {authorize}=require('../../http/api') //登录/注册 goLogin() { wx.login({
原创
博文更新于 2021.04.14 ·
172 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

微信小程序上拉加载

产品角度:提升用户体验技术角度:后台接口支持分页返台接口:{page:当前页码,pageSize:每页显示几条,start:起始偏移量}实现方式:使用onReachBottom实现 //触底生命周期 onReachBottom() { console.log('onReachBottom'); if(!this.data.flag) { this.data.page++; this.getGoods() } } //加载商品..
原创
博文更新于 2021.04.13 ·
134 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多