前端
关注
分享
扫一扫
LiLi_code
热爱技术的互联网女孩~
展开
-
PC端移动端适配项目，可以拿来做我的作品集吗哈哈
http://www.iclabs.cn/#/pc之前的实习开发项目~原创 2021-08-11 21:26:20 · 171 阅读 · 0 评论 -
Vue2.0 $set()
最近工作中遇到了这种我额外往对象中添加了属性的情况，导致页面效果一直无法实现。困惑中突然明白了原因，做一下整理总结。vue2.0 给data对象新增属性，并触发视图更新如下代码，给 student对象新增 age 属性data () { return { student: { name: '', sex: '' } }}直接给student赋值操作，虽然可以新增属性，但是不会触发视图更新.原创 2021-07-29 21:53:23 · 304 阅读 · 0 评论 -
webpack 自定义loader
main.js 文件function A() { console.log('hello world');}webpack.config.js 文件const path = require('path'); module.exports = { entry: path.join(__dirname, './main.js'), output: { path: path.resolve(__dirname, 'dist'), fil原创 2021-06-30 13:07:26 · 285 阅读 · 3 评论 -
Vue中DOM异步更新的解决方案——$nextTick
html:<body><div id="app"> <audio ref="audio" :src="url" controls></audio> <span>第 {{index}} 首歌</span> <button @click="changeUrl">切歌</button></div></body>js:<script src="h原创 2021-06-28 18:23:10 · 1172 阅读 · 0 评论 -
理解margin-left：-100%
最近看到三栏布局，发现里面的margin-left: -100%;不太理解，这里记录一下margin-left: -100%;是什么意思呢？意思就是向左移动整个屏幕的距离原创 2021-06-18 14:55:02 · 881 阅读 · 0 评论 -
webstorm 如何自定义代码的补全提示,快捷输入?
非常方便，对于常用的代码进行补齐操作步骤链接：here原创 2021-05-21 18:22:51 · 464 阅读 · 0 评论 -
JS扩展运算符的用途
扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。...运算符主要用于数组和对象的一些操作。一、函数调用function push(array, ...items) { array.push(...items);}function add(x, y) { return x + y;}const numbers = [4, 38];add(...numbers) // 42由上面的例子可以看出，扩展运..转载 2021-04-08 20:46:36 · 386 阅读 · 0 评论 -
JavaScript 字符串与数组之间的转换
1、字符串 -> 数组let string = '123,456,789';let stringResult1 = string.split(',');let stringResult2 = string.split(",").map(Number);let stringResult3 = JSON.parse("[" + string + "]");console.log(stringResult1); //输出["123", "456", "789"]console.log(st原创 2021-04-07 18:06:00 · 160 阅读 · 0 评论 -
JavaScript 进制转换
利用 toString() 方法 十进制转二进制var num = 10；console.log( num.toString("2") ) //转2进制: "1010"console.log( num.toString("8") ) //转8进制: "12"console.log( num.toString("16") ) //转16进制: "a"利用 parseInt() 方法，其它进制转十进制var num = 100var num2 = num.toString("原创 2021-04-06 21:10:49 · 206 阅读 · 0 评论 -
JavaScript 练习
练习 点这里等有时间把里面的练习都动手实践一下原创 2021-04-06 13:41:49 · 135 阅读 · 0 评论 -
JSON字符串、JSON对象、JSON数组
一、json字符串json采用map键值对的形式，又区别于map，map键值对采用等号关联。（json字符串是前后端交互常采用的通信格式）如：“{"employees": [{"firstName": "Bill","lastName":Gates"},{"firstName":"George","lastName": "Bush"},{"firstName": "Thomas","lastName": "Carter"}]}”注意json字符串只是一堆字符拼接...原创 2021-03-31 20:39:37 · 2811 阅读 · 0 评论 -
关于Symbol创建对象函数时的调用方法
情况一：let game = { name: '俄罗斯方块',};let methods = { up: Symbol(), down: Symbol()};game[methods.up] = function () { console.log("改变形状");}game[methods.down] = function () { console.log("快速下降");}game[methods.down](); //调用成功情况二：原创 2021-03-16 19:10:11 · 1190 阅读 · 0 评论 -
koa框架的跨域问题解决
const Koa= require('koa');const router = require('koa-router')();const parser = require('koa-parser');var app = new Koa();app.use(parser())// 实现跨域app.use(async (ctx, next)=> { ctx.set('Access-Control-Allow-Origin', 'http://localhost:8080');.原创 2021-03-15 21:37:40 · 485 阅读 · 0 评论 -
请求方式总结——GET,POST,PUT,DELETE,OPTIONS
之前做的java web项目，基本上只使用get和post的请求方式，但是现在新项目额外增加了put，delete，查了点资料，做个简单的总结。1、GETget请求是用来获取数据的，只是用来查询数据，不对服务器的数据做任何的修改，新增，删除等操作。在这里我们认为get请求是安全的，以及幂等的。安全就是指不影响服务器的数据，幂等是指同一个请求发送多次返回的结果应该相同。特点：get请求会把请求的参数附加在URL后面，这样会产生安全问题，如果是系统的登陆接口采用的get请求，需要对请求的参数原创 2021-03-15 16:53:39 · 4936 阅读 · 0 评论 -
JavaScript原型与原型链知识整理
JavaScript原型与原型链知识整理一、原型 每个函数都有一个prototype属性，它默认指向一个object空对象（即称为：原型对象）， 原型对象中有一个属性constructor，它指向函数对象本身 每个函数function都有一个prototype，即显示原型（属性） 每个实例对象都有一个 __ proto __ ,可称为隐式原型（属性） 对象的隐式原型的值为其构造函数的显示原型的值，即： function Fn() { //构造函数}...原创 2021-03-03 14:21:16 · 185 阅读 · 0 评论 -
前端建立WebSocket（单纯new）
建立，new一个this.wSocket = new WebSocket('ws://192.xx.xx.xx:8080/xxx/xxxx'); //记住没有http:// if (!this.wSocket) { console.log('您的浏览器不支持websocket协议！'); //不进来这个表示浏览器支持WebSocket } PS：若是https环境，将ws改为wss即可。俩个函数接收与发送this.wSocket.onopen = () => {原创 2020-12-08 16:07:02 · 15377 阅读 · 0 评论 -
JavaScript读取元素当前css样式——解决currentStyle不兼容问题
注：style它只能获取到内联样式中的属性值；currentStyle它由于兼容性不好，是IE专属的用来获取CSS属性，但是谷歌和火狐都不支持；getComputedStyle()方法，也不能完美兼容，只支持IE9+以上的浏览器故，使用一个函数将其兼容性统一解决：var CurrentStyle = function (element) { return element.curr...原创 2020-03-17 09:56:56 · 1081 阅读 · 0 评论 -
Html 引入使用 Element-ui、Vue
因为Element-ui是基于Vue的框架，所以要想正常可以使用Element-ui,必须在其脚本引用之前先引用Vue脚本直接代码演示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> ...原创 2020-03-01 09:32:26 · 7342 阅读 · 0 评论 -
【江哥带你从“零”玩转Html5 + 跨平台开发】学习笔记---李南江老师
附上视频链接：https://www.bilibili.com/video/av14053215/?p=1学习笔记链接如下：https://blog.youkuaiyun.com/xiaonadiandian/article/details/53200934原创 2019-10-21 15:48:26 · 492 阅读 · 2 评论 -
Echarts 设计饼图扇区被选中时中间显示数据
效果图如下：1、初始状态2、扇区被选中时状态（中间数据跟着修改） 思路：使用echarts饼图自带的label，显示出每一个扇区的具体值 可采用 【formatter: "{b} : {c} 人"】 设计格式并将显示位置改为 position: 'right'其实本身直接将position改为 ‘center’也能将数据显示在中间，但是扇区边缘就不会显示具体数...原创 2019-09-05 11:15:12 · 7363 阅读 · 2 评论 -
前端之必——token
什么是tokentoken的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。当用户第一次登录后，服务器生成一个token并将此token返回给客户端，以后客户端只需带上这个token前来请求数据即可，无需再次带上用户名和密码。简单token的组成；uid(用户唯一的身份标识)、time(当前时间的时间戳)、sign（签名，token的前几位以哈希算法压缩成的一定长度...原创 2019-07-25 10:21:08 · 1136 阅读 · 0 评论