qyp_slw的博客

1.数组优化对于已经不再使用的数组我们会赋值为空数组，eg：arr = []。但是这样依旧会为arr变量申请一个新的内存地址。可以直接arr.length = 0.这样既保持了arr的数据类型，又减少了内存垃圾的产生2.对象复用var t = {} // 每次循环都会创建一个新对象。for (var i = 0; i < 10; i++) { // var t = {};// 每次循环都会创建一个新对象。 t.age = 19 t.name = '123' t.index

babel :一共四种配置方式，我用的是 在 .babelrc or babel.coffig.js中module.exports = { presets: [ '@vue/app', [ "@babel/preset-env" ] ], "plugins": [ [ "@babel/plugin-transform-runt...

getEnterSymbol(content){ let arr = content.split('\n') let str = '' arr.forEach( v => { str += `<p>${v}</p>` }) return str }

::-webkit-scrollbar-track {border-radius: 2px;background-color: rgba(0,0,0,.05)}::-webkit-scrollbar {/滚动条整体样式/width : 10px; /高宽分别对应横竖滚动条的尺寸/height: 1px;}::-webkit-scrollbar-thumb {border-ra...

1.控制行和列的grid-template-columns: 33.33% 33.33% 33.33%;grid-template-rows:33.33% 33.33% 33.33%;2.repeat()1.repeat()接受两个参数，第一个参数是重复的次数（上例是3），第二个参数是所要重复的值。grid-template-columns: repeat(3, 33.33%);2...

1.每个页面文件tsx 都必须引入使用的标签且首字母大写2.引入自定义组件时要使用首字母大写与驼峰命名3.可以在jsx中随意使用表达式，注意是表达式，if 和 for 不是表达式，也可以在render中声明变量，也就是 要使用if或者 for循环时处理变量时4.字符串常量的传递eg: 这两种写法是等价的5.给属性传值时 如果你没有给值，那就是默认为true6.jsx的循环语句，较之...

1.npm init -y(-y可以生成package.json文件)2.npm install webpack --save-dev3.新建一个app文件 其中新建两个js文件 index.html 和 components.jsindex.js中 引用components.js中导出的import greeter from './Greeter'document.body.appen...

1.游览器vue查看器：Vue.js devtools2.

1.命名时，尽量使用容易区分 容易懂的命名，不要总是用 a1,a2,str,data这样的通用命名2.命名时，有几个单词时，不要用缩写，这样的单词念不出来，别人也不懂是什么意思3.我们的代码应该是易找的 所以善于定义变量或者常量 比如计时器的时间参数设定4. 使用for in 时，可以直接用内部属性作为变量 这样读者就可以直接了解该对象中的具体参数5.命名时 不要用一个字母 代表一个...

this._options = {/* 下一步按钮的显示名称 /nextLabel: ‘Next →’,/ 上一步按钮的显示名称 /prevLabel: ‘← Back’,/ 跳过按钮的显示名称 /skipLabel: ‘Skip’,/ 结束按钮的显示名称 /doneLabel: ‘Done’,/ 引导说明框相对高亮说明区域的位置 /tooltipPosition: ‘bott...

1.安装 cnpm i css-loader style-loader --save-dev2.去webpack.config.js中配置 module: { rules:[ { test: /\.js$/, enforce: 'pre', loader: 'eslint-loader', options...

// 1.new出来的Promise对象 只有一种状态 如果有多种状态 其余的全部作废// 2.promise构造函数中的执行是同步的 .then中的函数是异步的// 3.promise每次调用一个.then都会返回一个新的promise 。从而实现链式调用// 4.js在读取到Promise的构造函数时，就会直接执行构造函数中的代码// 5.return 一个new Error并不进入c...

1.其实使用的就是这个组件webpack-dev-server 简称 (wds)2.安装好之后，就去package.json配置 start3.但是这样是整个页面进行刷新，之后会说“scripts”: {“test”: “echo “Error: no test specified” && exit 1”,“start”: “webpack-dev-server --e...

1.ESLint 代码规范的约束执行 --fix自动的进行代码约束配置ESLint1.npm i eslint --save-dev2.在package.json中配置 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack-dev-ser...

1.先安装 npm i eslint-loader --save-dev2.在webpack.config.js中配置 module部分module.exports = { devServer: { host:process.env.HOST, port:52152, }, entry: { app:PATHS.app, }, output: {...

https://blog.youkuaiyun.com/qq_33036599/article/details/79656597

https://blog.youkuaiyun.com/cuiji4724/article/details/80365834

第一步：下载qshell(其实就是命令行，不是什么直接能打开的文件，也不是exe文件)地址：https://developer.qiniu.com/kodo/tools/1302/qshell选择的平台肯定是MAC OS了。这个链接其实就是七牛云对用qshell上传文件的教程了。下来之后尽量将下载的文件名称改为qhsell，方便之后使用。第二步：可以配置全局环境变量:export PATH...

首先明确一点  jq并不能实现加载本地图片 ，因为并没有封装这一方法。因为这里只给出js实现显示本地图片 完毕！

首先webpack官网中对于externals说的也很详细**1**.在webpack.conf.js中写入你要引用的外部插件名称比如： externals: { jquery: 'jQuery', Vue: 'Vue', Vuetify: 'Vuetify', VueQuillEditor: 'VueQuillEditor' },key值是你将来...

废话：当我们制作vue项目时，随着功能的增多会发现引入的插件越来越多，当然这不是一件好事情，等到一定是后我们就会接受到领导的一句：“你给咱们看一下，咋们网站别人访问怎么怎么慢呢？”要点：这时，你就要主要到 是因为插件引入过多的原因，在哪里可以看出他的大小呢？前端的都知道这个地方，我就不解释了，把这个下载下来，看一下大小，正常项目的大小都是在1.2M左右，然后，我们知道了vendorjs的总...

首先 说一下 代码的下载地址 ：github地址： https://github.com/819slw/zhuanpan              因为csdn上面必须要有金币 才可以下载  所以我又转到github上面了        首先说一下  代码实现的功能        使用svg绘制的抽奖转盘；                    1.其中扇形的数量可以自己定；           ...

解决问题：如何用ajax上传图片文件1：先说我们平时接触到的接口都是后台需要你给他传递几个参数，你就把参数对应的值 给他们就行了eg：上面的这个截图就是我们最常用的接口形式飒飒；2.当你给后台传图片时，你传的是一个文件 而不再是普通的string类型的值。而是file类型   也就是文件类型我这里说的是用ajax实现的图片上传  1.在ajax中加上processData : false,2.在a...

解决问题：如何用ajax上传图片文件1：先说我们平时接触到的接口都是后台需要你给他传递几个参数，你就把参数对应的值 给他们就行了eg：上面的这个截图就是我们最常用的接口形式飒飒；2.当你给后台传图片时，你传的是一个文件 而不再是普通的string类型的值。而是file类型 也就是文件类型我这里说的是用ajax实现的图片上传 1.在ajax中加上processData : false,2.在a...

问题：手机直接访问你电脑上的静态页面； ( 不要觉得复杂 一步一步下来 很简单 有什么问题 可以留言 随时回复 )因为你想看该页面在移动端的效果；无所谓下载很快1.下载node.js 并安装 去node官网下载2.命令行中: npm i http-server -g3.切换到你的页面目录。然后命令行: http-server4.会看到有两条链接，访问有ip地址的那...

form实现批量上传并且点击提交按钮后不跳转页面

有时候 会让屏幕中 出现一些漂浮的小图片 eg：这个就是钱袋 漂浮往下掉的代码：function playFloatBox(content, type) {    if (!content) return;    var bom = type === 1 ? '&lt;span&gt;&lt;i class="fa fa-' + content + '"&gt;&lt;/i&gt;&lt;/spa...

node记录assert：assert 模块主要用于编写程序的单元测试时使用，通过断言可以提早发现和排查出错误。assert.equal(1,1); trueassert.equal(1,‘1’); trueequal是 ==assert.strictEqual(1,1); trueassert.strictEqual(1,‘1’); falsestrict...

在每次选择文件成功以后，改变一下type的类型; 例如type = ‘text’,再切换回来，type = ‘file’ 。肯定使用原生js或者jq来改变type的类型

关于promise的反模式里面的几个典型案例我大致在这里总结一下： 1.嵌套承诺 eg: loadSomething().then(function(something) { loadAnotherthing().then(function(another) { DoSomethingOnTh...

不管你是什么情况   click里面写click   还是什么其他原因 ！！！在你的点击事件前面加上 .unbind('click')即可！！！帮到你的话可以打赏：

很多情况下 我们只希望 页面的一部分代码发生改变 因为总有一些代码是页面共用的 这时候我们就可以使用pjax来实现首先插几句闲话：location.href="www.baidu,com"；这种的页面变化是直接刷新页面；而vue中的router则是通过 改变游览器的hash来改变代码 ； pjax的实现原理便是这样 ；首先：引入插件的cdn（有的人还不知道cdn什么意思，这里简单给不懂的童鞋说一下...

用最短的时间学会使用和理解call和apply