2018年07月_风儿轻丶

11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 vue-cli3.0配置详解内附demo源代码以及处理npm ERR导致无法安装任何包的解决办法

这次给大家带来vue-cli3.0配置详解，使用vue-cli3.0配置的注意事项有哪些，下面就是实战案例，一起来看一下。原网址点个关注呗！！！！新建项目 1 2 3 4 5 6 7 8 # 安装 npm install -g @vue/cli # 新建项目 vue crea...

2018-07-06 18:24:46 17472 44

原创 vue之v-for列表渲染

列表渲染用 v-for 把一个数组对应为一组元素我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。 <ul id="example-1"> <li v-for="item in items"> {{ ite...

2018-07-25 18:25:05 866

原创 js 之Object.freeze()以及其他的属性

Object.freeze 函数 (JavaScript) 阻止修改现有属性的特性和值，并阻止添加新属性。语法JavaScriptObject.freeze(object) 参数object必需。在其上锁定特性的对象。返回值传递给函数的对象。异常如果 object 参数不是对象，则将引发 TypeError 异常。Exc...

2018-07-25 18:07:13 2195

“复制到剪贴板”功能是我们每天都用几十次的功能，但是客户端API一直都很缺乏，一些较旧的API和浏览器实现需要一个可怕的“你确定？” - 风格的对话之前，内容将被复制到剪贴板 - 不适合可用性或信任。大约七年前，我博客写了ZeroClipboard，一个以更新颖的方式将内容复制到剪贴板的解决方案。嘿，我们都讨厌Flash，但是功能一直是主要目标，而且对于这个目的来说非常有效，所以我们不得不承认...

2018-07-24 18:23:37 181

转载 vue-cli3.0 环境变量

vue-cli3.0移除了配置文件目录： config和build文件夹。可以说是非常的精简了，那移除了配置文件目录后如何自定义配置环境变量和模式呢?为什么需要配置环境变量和模式呢？所有方法肯定是来源于现实的需求。在一个产品的前端开发过程中，一般来说会经历本地开发、测试脚本、开发自测、测试环境、预上线环境，然后才能正式的发布。对应每一个环境可能都会有所差异，比如说服务器地址、接口地址、we...

2018-07-23 20:25:48 3841

原创递归数组的子数组又与数组有关系的数组、得出所有涉及到的项

let josn = { uid: 2, arr: [2, 3, 4, 5, 6] }; pdata = [{ uid: 3, arr: [1, 2,34] }, { uid: 2, ...

2018-07-19 13:42:12 371

原创任意修改Chrome显示的网页

利用了HTML5的contentEditable属性f12打开开发者模式在控制台输入：document.body.contentEditable此时页面就是可编辑的了，可以随意修改；关闭只需输入：document.body.contentEditable=false；即可。...

2018-07-19 10:17:32 9428

转载移动web开发之像素和DPR详解

原文前话：　　像素在web开发中几乎天天用到，但到底什么是像素，移动端和桌面端的像素有区别吗，缩放对像素有影响吗，视网膜屏幕和像素有什么关系？关于这些问题，可能就不清楚了。本文将介绍关于像素的相关知识　　什么是像素：　　像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故...

2018-07-17 17:13:41 964

原创 element-ui 复杂form校验

var validateNumber = (rule, value, callback) => { let errobj={ widthinputgg:'请输入宫格宽', heightinputgg:'请输入宫格高', widthscroll:'请输入滚屏宽', heighscroll:'请输入滚屏高', }; let reg = /^([1...

2018-07-12 16:53:57 3595

转载前端组件、插件汇总

0. 前端自动化(Workflow)前端构建工具Webpack - module bundlerYeoman - a set of tools for automating development workflowgulp - The streaming build systemuse-gulpgrunt - the JavaScript Task RunnerF.I.S - 前端集成解决方案We...

2018-07-11 14:18:39 1888

原创 js之document对象

Document 对象当浏览器载入 HTML 文档, 它就会成为 Document 对象。Document 对象是 HTML 文档的根节点。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。Document 对象属性和方法HTML文档中可以使用以下属性...

2018-07-11 14:13:23 1596

转载 JavaScript 代码规范

JavaScript 代码规范代码规范通常包括以下几个方面:变量和函数的命名规则空格，缩进，注释的使用规则。其他常用规范……规范的代码可以更易于阅读与维护。代码规范一般在开发前规定，可以跟你的团队成员来协商设置。变量名变量名推荐使用驼峰法来命名(camelCase):firstName = "John";lastName = "Doe";price = 19.90;tax = 0.20;fullP...

2018-07-06 18:22:52 167

原创杂项

function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == null || x == "") { alert("需要输入名字。"); return false; }}<form name="myForm" action="

2018-07-06 18:15:44 149

原创 js之try catch throw

try{ console.log(rrr) } catch(err){ console.log(err,err.name,err.message) }function myFunction() { var message, x; message = document.getElementById("message"); mess...

2018-07-06 18:05:47 1922

原创 vue-cli项目配置webpack 自动删除生产环境的console调试信息

new webpack.optimize.UglifyJsPlugin({ //自动删除console.log compress: { warnings: false, drop_debugger: true, drop_console: true }, sourceMap: true }), ...

2018-07-06 14:49:20 10817 2

转载 console 让前端调试更简单

Console命令，让js调试更简单一、显示信息的命令console.log("normal"); // 用于输出普通信息console.info("information"); // 用于输出提示性信息console.error("error"); // 用于输出错误信息console.warn("warn"); // 用...

2018-07-03 15:23:44 1575

转载位非运算符

按位非运算符“~”先看看w3c的定义：位运算 NOT 由否定号（~）表示，它是 ECMAScript 中为数不多的与二进制算术有关的运算符之一。位运算 NOT 是三步的处理过程：把运算数转换成 32 位数字把二进制数转换成它的二进制反码（0->1, 1->0）把二进制数转换成浮点数简单的理解，对任一数值 x 进行按位非操作的结果为 -(x + 1)console.log('~null:...

2018-07-03 15:12:54 1638

原创 less 与 sass 对比

less vs sass;变量：就像其他编程语言一样，免于多处修改。Sass：使用「$」对变量进行声明，变量名和变量值使用冒号进行分割Less：使用「@」对变量进行声明Stylus：中声明变量没有任何限定，结尾的分号可有可无，但变量名和变量值之间必须要有『等号』。但需要注意的是，如果用“@”符号来声明变量，Stylus会进行编译，但不会赋值给变量。就是说，Stylus 不要使用『@』声明变量。St...

2018-07-02 15:35:16 341