- 博客(18)
- 收藏
- 关注
RSS订阅原创 异步请求动态渲染页面高度时的锚点定位
锚点定位欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增
2021-05-28 12:00:07
483
原创 在App hybrid多webView窗口中实现 sessionStorage
需求背景业务中需要根据定位获取周边的位置点，定位功能包括自动获取定位和手动切换定位，产品希望在 App 关闭之前都使用手动切换的定位。总结就是需要把用户手动切换过的定位信息存储起来技术背景 App webView H5*App 中为了实现滑动返回上一页的翻页效果，每次路由跳转都是打开一个新的 webview，就像一叠扑克牌hybrid开发中会打开多个webView 页面，页面A设置数据，页面B中要得知数据，如果使用redux状态管理器、或浏览器sessionStorage在当前webVi
2021-04-13 17:36:44
1037
原创 Service Worker简介
Service Worker是什么Service Worker是一个注册在指定源和路径下的事件驱动 worker。它采用JavaScript控制关联的页面或者网站，拦截并修改访问和资源请求，细粒度地缓存资源。你可以完全控制应用在特定情形（最常见的情形是离线）下的表现。Service Worker作用Service Worker 中我们可以做很多事情，比如拦截客户端的请求、向客户端发送消息、向服务器发起请求等等，其中最重要的作用之一就是离线资源缓存 (淘宝、网易新闻)Service Worker特
2020-06-04 11:09:45
904
原创 为什么需要前端单元测试
前端单元测试概念单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。对于单元测试中单元的含义，一般来说，要根据实际情况去判定其具体含义，如 C 语言中单元指一个函数，Java 里单元指一个类，图形化的软件中可以指一个窗口或一个菜单等。总的来说，单元就是人为规定的最小的被测功能模块。单元测试是在软件开发过程中要进行的最低级别的测试活动，软件的独立单元将在与程序的其他部分相隔离的情况下进行测试。认为前端代码都运行在浏览器里，如何做单元测试？！对于 Javascript 来讲
2020-06-04 10:23:04
1163
原创 webpack.config.js配置说明
一、多个入口文件之前我们配置的都是 一个入口var webpack = require('webpack');var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.js');module.exports = { //页面入口文件配置 entry: { inde...
2020-04-01 12:36:00
254
原创 项目实用Git版本控制
Git，作为这个世界上目前最先进的分布式版本控制系统，其强大的管理能力，意味着其复杂程度。今天我来与大家分享以下日常中常用的命令操作的学习心得。 第一条：邮箱用户名更改操作指令。$ git config --global user.name "Your Name"$ git config --global user.email "[email protected]"$ git conf...
2019-08-29 11:16:16
107
原创 cors服务端配置解决ajax请求跨域
web项目的前后端连调中，常常出现如图类似跨域问题：以nodeJS为列子，在服务端配置cors解决跨域：var express = require(‘express’);var app = express();var bodyParser = require(“body-parser”)const request = require(‘request’)const crypto = ...
2019-02-12 15:24:06
668
转载 Node.js的线程和进程
Node.js的线程和进程http://www.admin10000.com/document/4196.html前言 很多Node.js初学者都会有这样的疑惑，Node.js到底是单线程的还是多线程的？通过本章的学习，能够让读者较为清晰的理解Node.js对于单/多线程的关系和支持情况。同时本章还将列举一些让Node.js的web服务器线程阻塞的例子，最后会提供Node.js碰到这类cp...
2019-02-12 14:33:37
276
原创 Babel中stage-0,state-1，stage-2以及stage-3的区别
Babel中stage-0,state-1，stage-2以及stage-3的区别 大家知道，将ES6代码编译为ES5时，我们常用到Babel这个编译工具。大家参考一些网上的文章或者官方文档，里面常会建议大家在.babelrc中输入如下代码：{ "presets": [ "es2015", "re...
2018-08-13 11:38:00
481
原创 关于页面全屏化解决办法
关于页面全屏化解决办法 效果： 点击按钮全屏 js :fullscreen(ele) {let element = document.getElementById(ele);let requestMethod = element.requestFullScreen || element.webkitRequestFu...
2018-08-13 11:32:00
161
原创 web SPA项目目录、命名规范
web SPA项目目录、命名规范 项目结构：├── build├── docs├── package.json├── src│ ├── components│ │ ├── List│ │ │ ├── index.js│ │ │ └── style.less│ │ └── Nav│ │...
2018-03-23 09:55:00
377
原创 关于标准ui设计图转换为H5页面的终端适配
关于标准ui设计图转换为H5页面的终端适配 一些基本概念在进行具体实战之前，首先得了解下面这些基本概念(术语)：视窗 viewport简单的理解，viewport是严格等于浏览器的窗口。在桌面浏览器中，viewport就是浏览器窗口的宽度高度。但在移动端设备上就有点复杂。移动端的viewport太窄，为了能更好为CSS布局服务，所以提供了两...
2018-01-12 17:09:00
552
原创 svn版本提交冲突问题解决详解
svn版本提交冲突问题解决详解 svn冲突文件解决方法 工具/原料 svn客户端方法/步骤 1通过SVN客户端更新需要的文件，如果出现有感叹号的文件，找到出现感叹号的文件。2选择感叹号文件，即冲突文件，单击鼠标右键对冲突文件进行编辑操作，如下图所示：3...
2017-11-08 10:49:00
282
原创 webpack打包不识别es6语法的坑
webpack打包不识别es6语法的坑 今天Vue项目npm run build 后webpack，报错uglifyjs，自己研究了一下，翻译过来，意思是不识别项目中写的高级语法，这里要把项目里es6语法转es5让浏览器识别，也就是webpack的babel需要配置下Babel其实是一个编译JavaScript的平台，它的强大之处表现在可以通...
2017-08-22 00:19:00
4304
原创 canvas动画气球
canvas动画气球 canvas小球的动画我用canvas画布实现的小球动画效果，可以参考下我用canvas画布实现的小球动画效果，可以参考下我用canvas画布实现的小球动画效果，可以参考下我用canvas画布实现的小球动画效果，可以参考下我用canvas画布实现的小球动画效果，可以参考下js是面向对象写的步...
2017-05-20 17:31:00
350
原创 Ajax理解总结
Ajax理解总结 前端开发拿数据页面实时更新是离不开Ajax这个技术的AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 ps:异步的javascript和XML技术,可以在不刷新重载整个网页情况下更新部分页面内容，让静态的页面前端变成...
2017-05-12 17:17:00
103
原创 dic+css页面布局分享
dic+css页面布局分享 HTML部分代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>
2016-11-21 09:56:00
530
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人