![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
iku_ki
这个作者很懒,什么都没留下…
展开
-
java Arrays.sort对对象按照某个字段进行排序、对集合中的字符串元素进行排序
1111原创 2023-02-24 22:11:41 · 580 阅读 · 0 评论 -
js数组去重
xxx原创 2022-11-27 10:53:21 · 120 阅读 · 0 评论 -
js深拷贝与浅拷贝
xxx原创 2022-11-27 09:33:27 · 57 阅读 · 0 评论 -
数据结构中各算法时间复杂度
数据结构转载 2022-10-27 21:04:35 · 148 阅读 · 0 评论 -
flex布局详解
css flex布局原创 2022-10-16 08:54:01 · 953 阅读 · 0 评论 -
博客之星互评
PC端 https://bbs.csdn.net/topics/603957617?spm=1001.2014.3001.6953五星好评互评 10000原力值 欢迎来撩[旺柴]原创 2021-12-29 17:49:33 · 183 阅读 · 0 评论 -
爬取大众点评-各大城市的医疗美容板块数据
(function () { var list = document.querySelectorAll("#shop-all-list>ul>li "); var city = document.querySelector(".J-current-city").innerText; var page = 0; try { page = document.querySelector(".page>a.cur").innerText; }原创 2021-10-23 23:25:05 · 158 阅读 · 0 评论 -
Vue
监听的属性发生改变就会执行回调函数注意:Vue所管理的函数,都不能写成箭头函数,Vue管理的函数:methods中定义的函数,计算属性,监听器中的函数目录结构: node_modules:第三方依赖 public:公共资源目录 api接口资源 imgs -->public中的图片资源在当前项目下通过/img直接可以访问到 src:源码 network 文件夹用于项目数据的请求的发送,网络请求模块 assets:静态资原创 2021-09-14 23:23:15 · 183 阅读 · 0 评论 -
React
JSX是什么 JSX是一种像下面这样的语法:类似的在js中嵌入html的代码 1. const element = <h1>Hello, world!</h1>; 2. render(){ return ( <h1>Hello, world!</h1>; ) } 3. jsx直接可以看作是一个变量 它是一种JavaScript语法扩展,在React中可以方便地用来描述UI。 本质原创 2021-09-14 23:18:37 · 477 阅读 · 0 评论 -
sublime设置删除一行的快捷键
整行删除的操作非常常用,但Sublime3.2.2默认的快捷键不顺手,修改快捷键步骤如下:一:切换到Sublime窗口,点击菜单的‘首选项’–‘快捷键设置’二:在打开的文件中搜索:Ctrl+shift+k三:把{ “keys”: [“Ctrl+shift+k”], “command”: “run_macro_file”, “args”: {“file”: “res://Packages/Default/Delete Line.sublime-macro”} }复制到右侧(注意复制的内容是要在方括号中原创 2021-09-12 15:54:05 · 1043 阅读 · 0 评论 -
vscode配置文件
{ "editor.mouseWheelZoom": true, "editor.tabSize": 2, "editor.fontSize": 16, "files.autoSave": "afterDelay", "editor.lineHeight": 2, // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2,转载 2021-09-07 08:57:34 · 597 阅读 · 0 评论 -
normalize.css
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css *//* Document ========================================================================== *//** * 1. 修正所有浏览器中的行高. * 2. 在iOS的切换横竖屏时,防止字体大小的调整. */html { line-height: 1.15;原创 2021-09-05 12:32:41 · 71 阅读 · 0 评论 -
Vue2与Vue3数据监听 Vue watch的使用
<template> <div> <h1>reactive定义的数据</h1> <h2>当前求和为:{{data.count}}</h2> <h2>当前求和为:{{data.num}}</h2> <h2>当前薪资:{{data.job.salary}}</h2> <button @click="handleCount">co原创 2021-09-03 17:34:48 · 630 阅读 · 0 评论 -
vscode保存代码自动格式化
"editor.formatOnSave": true原创 2021-09-03 14:30:20 · 85 阅读 · 0 评论 -
VsCode常用插件
原创 2021-09-02 20:15:47 · 63 阅读 · 0 评论 -
JS 封装LocalStorage
const namespace = "mall" // 命名空間export function setItemToLocal (key, val) { let storageContent = JSON.parse(localStorage.getItem(namespace)) || {} storageContent[key] = val; localStorage.setItem(namespace,JSON.stringify(storageContent)) return "存原创 2021-09-02 11:24:13 · 344 阅读 · 0 评论 -
JS Cookie
cookie:某些网站存储在用用户本地终端上的数据,应用层:就相当于是一个简单的字符串,、js层:document.cookie=“键=值;expires=[cookie过期时间GTM时间日期]”设置cookie document.cookeie='键=值;键=值;' ,获取cookie document.cookie删除cookie删除cookie:设置cookie过期时间封装设置cookie的函数function setCookie(cname, cvalue, exd.原创 2021-09-02 10:13:32 · 122 阅读 · 0 评论 -
Uncaught Error: Bootstrap‘s JavaScript requires jQuery
boostrap依赖jquery,需要在引入boostrap之前引入jquery库原创 2021-08-28 17:56:48 · 132 阅读 · 0 评论 -
Flex布局模型图
原创 2021-08-26 14:38:11 · 48 阅读 · 0 评论 -
Grid网格布局模型图
原创 2021-08-26 11:14:07 · 340 阅读 · 0 评论 -
自适应布局 js代码实现动态修改根元素的字体大小
// 设置字体自适应 let c = () => { // 获取设备的宽度 let w = document.documentElement.clientWidth; // 根据宽度计算字体大小 将屏幕分成750份, let n = (20 * (w / 750) > 40 ? 40 + 'px' : (20 * (w / 750) + "px")) document.documentElement.style.fontSiz.原创 2021-08-25 21:55:31 · 563 阅读 · 0 评论 -
vue3新特性,Vue3快速上手
Vue3快速上手1.Vue3简介2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy转载 2021-08-13 21:45:14 · 212 阅读 · 0 评论 -
给项目目录起别名
const path = require("path")const resolve = dir => path.resolve(__dirname, dir)module.exports = { webpack: { alias: { "@": resolve("src"), "components": resolve("src/components") } }}原创 2021-08-12 14:35:59 · 119 阅读 · 0 评论 -
Yarn和npm命令对比+ cnpm的安装与配置
原创 2021-08-05 15:15:46 · 88 阅读 · 0 评论 -
vue消息订阅与发布
消息订阅与发布 也可以实现任意组件间的通信 1.订阅消息:设置消息名 --》需要数据的组件进行订阅消息 2.发布消息:传递消息内容 --》传递数据的组件进行发布消息 npm i pubsub-js --> 消息订阅与发布所需库 使用步骤 1.npm i pubsub-js -S 2.在需要使用消息订阅与发布的地方使用 订阅消息的组件(接收数据的组件) import pubsub from "pubsub-js" mo原创 2021-07-31 21:59:05 · 1404 阅读 · 0 评论 -
vue重要知识点总结(一)
监听的属性发生改变就会执行回调函数注意:Vue所管理的函数,都不能写成箭头函数,Vue管理的函数:methods中定义的函数,计算属性,监听器中的函数事件修饰符vue中的事件修饰符: 1.prevent:阻止默认事件(常用);原生阻止默认行为:event事件对象.preventDefault() 2.stop:阻止事件冒泡(常用);原生阻止冒泡:event事件对象.stopPropagation() 3.once:事件只触发一次(常用)之后就不会触发绑定的事件函数; 4.capture:使用原创 2021-07-31 20:34:23 · 274 阅读 · 0 评论 -
解决网页布局和小程序中 图片之间存在的间隙问题
直接给图片添加上display:block;样式即可原创 2021-07-31 17:19:14 · 271 阅读 · 0 评论 -
Vue与组件VueComponent的关系
Vue中一个重要的内置关系:VueComponent.prototype.__proto__===Vue.prototype这个内置关系使得:让组件实例对象(vc)可以访问到Vue原型上的属性和方法原创 2021-07-30 20:02:13 · 226 阅读 · 0 评论 -
Vue,微信小程序,uni-app生命周期对比
原创 2021-07-29 22:08:08 · 500 阅读 · 0 评论 -
Vue内置指令、Vue指令 + Vue收集表单数据
我们学过的指令: v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v-if : 条件渲染(动态控制节点是否存存在) v-else : 条件渲染(动态控制节点是否存存在) v-show : 条件渲染 (动态控制节点是否展示) v-text指令: 1.作用:向其所在的节点中渲染文本内容。 2.与插值..翻译 2021-07-27 22:07:18 · 86 阅读 · 0 评论 -
Vue数组中响应式的方法:
Vue数组中响应式的方法: push() 在数组最后元素中追加元素 pop() 删除数组最后一个元素 shift() 删除数组中第一个元素 unshift() 在数组前面元素中追加元素 splice() 删除、插入、替换元素 sort() 排序 reverse() 反转Vue中的响应式原理vue响应式依赖的两种核心技术:1.Vue中修改数据,Vue内部是如何监听message数据的变化的Object.defineProperty()原创 2021-07-27 20:37:19 · 194 阅读 · 0 评论 -
微信小程序-父子组件间通信
1.父子组件之间通信的三种方式1.1属性绑定:父—>子在子组件中的properties中先提前定义好父组件传递过来的数据, properties: { count:{ type:Number, value:0 } } 注意:properties中的数据与data中的数据是一致的,直接可以被修改在父组件中通过子组件标签以属性的方式传递数据给子组件<son-comp count="{{count}}"></son-com原创 2021-07-26 16:34:25 · 1170 阅读 · 0 评论 -
Web前端学习视频、Vue教程、React教程、Axios教程...【最详细视频教程】
资源链接:https://download.csdn.net/download/weixin_46435234/20429610此链接为博客资源链接,请放心购买,(整理资源不易,就当请小弟一杯奶茶啦)资源目录:原创 2021-07-23 11:09:50 · 70 阅读 · 0 评论 -
Web前端学习视频、Vue教程、React教程、Axios教程...【最详细视频教程】
资源链接:https://download.csdn.net/download/weixin_46435234/20429610此链接为博客资源链接,请放心购买资源目录:原创 2021-07-22 17:24:38 · 92 阅读 · 0 评论 -
React-教程【003-虚拟DOM与真实DOM】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2021-07-21 21:25:25 · 86 阅读 · 0 评论 -
React-教程【002-虚拟DOM创建的两种方式】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2021-07-21 21:19:53 · 69 阅读 · 0 评论 -
React-教程【001-初识React】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2021-07-21 20:56:59 · 62 阅读 · 0 评论 -
vue3项目-饿了么项目
首页详情页确定订单页添加收货地址订单备注页在线支付页确认订单页订单详情页我的页我的收货地址页原创 2021-07-21 17:52:50 · 579 阅读 · 0 评论 -
Node监听本地文件变化,自动重新启动服务
最好安装一下nodenmon 这个来启动node环境pip install nodemon// node监听本地文件发生变化,重新启动服务async function kill(child, callback) { if (process.platform === "win32") { const _child = execa('taskkill /pid ' + child.pid + ' /T /F', [], { shell: true, cwd原创 2021-07-18 18:29:19 · 534 阅读 · 0 评论 -
js箭头函数与普通函数的区别
写法普通函数: function add(a,b){return a+b};箭头函数:(a,b)=>a+b;区别1.this方面:普通函数内部的this,默认指向window,严格模式下指向undefined;箭头函数内部的this,与上一级作用域中的this指向同一个地方2.arguments方面:普通函数,可以通过arguments来实现重载;箭头函数中,没有arguments,代替它功能是剩余参数rest(...)。3.原型对象方面:普通函数,是有自己的原.转载 2021-07-17 15:03:59 · 112 阅读 · 0 评论