10 2018 档案
摘要：直接撸代码 全靠死记硬背 没什么技术点 HTML部分 JS部分 方案一（原生js）： 方案2 (H5新特性) ： 结语：以上就是今天要分享的了。
阅读全文
摘要：一、关于变量 ES6新增：块级作用域变量 1、let定义块级作用域变量 没有变量的提升，必须先声明后使用 let声明的变量，不能与前面的let，var，conset声明的变量重名 { { console.log(a) // 报错 必须先声明再使用 let a = 10; // 只在当前大括号可以使用
阅读全文
摘要：关注公众号： 微信搜索 web全栈进阶 ; 收货更多的干货 一、介绍 请求的统一管理是每个项目不可缺少的重要组成部分； 该篇文章编写的时间有点久远了 2018 年写的； 针对的是 vue2.x 语法; 新版 vue3.x + vuex 语法可跳转前段时间文章 https://juejin.cn/po
阅读全文
摘要：作为一个前端，如果对一个网页从发起请求到返回数据这期间具体发生了什么都不知道的话，那不是一个好前端。最近，读了图解http，以及有关http相关的文章，还有自己也下载了wireshark抓包工具，实际观察了一下这个过程，下面就此做些总结。 一.从输入一个url到返回数据，中间到底发生了什么？ 假设，
阅读全文
摘要：1. ios中，输入框获得焦点时，页面输入框被遮盖，定位的元素位置错乱： 当页input存在于吸顶或者吸底元素中时，用户点击输入框，输入法弹出后，fiexd失效，页面中定位好的元素随屏幕滚动。 针对这个问题，我们一起来看下以下几种方案： 方案一： Web API 接口 ：scrollIntoView
阅读全文
摘要：关注公众号： 微信搜索 web全栈进阶 ; 收货更多的干货 JS单线程 1.1 什么是 webworker？ Web Worker为Web应用程序提供了一种能在后台中运行的方法。通过Web Worker可以生成多个线程同时运行，并保证页面对用户的及时响应，完全不会影响用户的正常操作。 1.2 单线程
阅读全文
摘要：<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive>是一个抽象组件：它自身不会渲染一个 DOM 元素，也不
阅读全文
摘要：代码如下： <div id="app"> {{someVar}} </div> <script type="text/javascript"> new Vue({ el: '#app', data: { someVar: 'init' }, mounted(){ setTimeout(() => t
阅读全文
摘要：准备工作 需求由来： 当项目越来越大的时候提高项目运行编译速度、压缩代码体积、项目维护、bug修复......等等成为不得不考虑而且不得不做的问题。 又或者后面其他同事接手你的模块，或者改你的bug时避免人家看的眼痛以及心里千百句mamaipi...问候。 并且一个好的开发思路也能大大提高开发效率，
阅读全文
摘要：/* 直接看代码 */ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>http://www.codeceo.com/article/javascript-object-d
阅读全文
摘要：组件通讯包括：父子组件间的通信和兄弟组件间的通信。在组件化系统构建中，组件间通信必不可少的 （vuex以后再说）。 父组件--> 子组件 1. 属性设置 父组件关键代码如下： 1 <template> 2 <Child :child-msg="msg"></Child> 3 </template>
阅读全文
摘要：跨域这两个字就像一块狗皮膏药一样黏在每一个前端开发者身上，无论你在工作上或者面试中无可避免会遇到这个问题。为了应付面试，我每次都随便背几个方案，也不知道为什么要这样干，反正面完就可以扔了，我想工作上也不会用到那么多乱七八糟的方案。到了真正工作，开发环境有webpack-dev-server搞定，上线
阅读全文
摘要：本文主要介绍Vue SSR(vue服务端渲染)的应用场景，开发中容易遇到的一些问题，提升ssr性能的方法，以及ssr的安全性问题。 SSR的应用场景 1.SEO需求 SEO（Search Engine Optimization，搜索引擎优化），是一种利用搜索引擎规则，提高网站在搜索引擎内自然排名的技
阅读全文
摘要：Vue所有的生命周期钩子自动绑定在this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文，因此this与你期待的Vue实例不同。 1、beforeCreate 在实例初始化之后，数据观测和event/watc
阅读全文
摘要：需求由来： 公司项目外链到别公司项目或者网页（通俗的说就是通过别的随意网页跳转至你项目网页），这时公司项目就要区分是从哪个公司或者哪个网页跳转过来的，从而进行不同的接口请求（公司所有接口都要带上请求头）。大部分做法都是设置请求头来区分。做法如下： 废话不多说 直接上代码 通俗易懂： 新建一个配置文件
阅读全文
摘要：WebView是android中常用的一个组件，其作用是展示网页，并让网页和android app进行一些业务逻辑上的交互。 其坑无数，相信用过的都知道，一个一个来解决吧。 1.怎么互调: <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <script
阅读全文
摘要：配置多种场景 我们的系统是要在不同的环境下运行的，不同的环境可能是不同的端口号，不同的数据库地址，数据库用户和密码， 并且可能有的需要自动重启有的不需要自动重启。 我们在有一个配置的时候是无法满足这么多的场景的，所以我们要为不同的场景做额外配置 场景的种类 场景的种类一般就以下几种 开发场景 真实场
阅读全文
摘要：最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。 准备工作 在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。 这里有一个地方需要改一下，在
阅读全文
浙公网安备 33010602011771号