jm1999
- 浏览: 186937 次
-
最新评论
文章列表
javascript调试原理
- 博客分类：
- 调试工具
我们先看一下C/C++和java的调试原理
C/C++调试原理：目前比较流行的调试工具是 GDB 和微软的 Visual Studio 自带的 debugger，在这种 debugger 中，首先，需要编译一个“ debug ”模式的程序，将调试语句编译到该程序中。其次，在调试过程中，debugger 将会深层接入程序的运行，掌握和控制运行态的一些信息，并将这些信息及时返回。
Java调试原理：Java的调试使用Java 虚拟机工具接口（Java Virtual Machine Tool Interface，JVMTI）提供的调试接口。包括进入一个函数，进入一个语句的事件，得到当前上下文 ...
vue - template标签兼容问题
- 博客分类：
- 前端框架
在使用vue的过程中，因为使用到了template标签，在低版本系统上直接显示出来模板源码，经分析可能不兼容此html5标签，故换成以下方式来解决此问题
将<template>...</template>
改为
<script type="text/x-template">...</script>
Markdown: Basics （快速入门）
- 博客分类：
- 研究实验
Getting the Gist of Markdown's Formatting Syntax
此页提供了 Markdown 的简单概念， 语法说明 页提供了完整详细的文档，说明了每项功能。但是 Markdown 其实很简单就可以上手，此页文档提供了一些范例，并且每个范例都会提供输出的 HTML 结果。
其实直接试试看也是一个很不错的方法， Dingus 是一个网页应用程序，你可以把自已编写的 Markdown 文档转成 XHTML。
http://efe.baidu.com/ 百度EFE开发体系
http://fex.baidu.com/ 百度前端开发技术http://www.imweb.io/ 腾讯
http://www.aliued.com/ Ali UED
http://ued.taobao.org/blog 淘宝
https://developer.mozilla.org/zh-CN/ 火狐开发者网络
isux
BadJS 是 web 前端异常监控解决方案，提供一种 web 页面的脚本错误监控、上报、统计、查看等系统化的跟踪解决方案。目前BadJS覆盖了腾讯课堂、公众号、邮箱等公司40+业务，支持脚本错误捕获、上报、统计、告警、定时发送邮件报表等各项能力。BadJS 已在 Github上开源(https://github.com/betterjs)
#!/usr/bin/env bash
echo '下载安装代码'
git clone https://github.com/BetterJS/badjs-installer.git
cd badjs-installer
echo '下载依 ...
Vue-SSR-demo1
- 博客分类：
- 前端框架
示例代码：
// server-entry.js
import Vue from 'vue';
import App from './component/List.vue';
const app = new Vue({
render(createElement){
return createElement(App, {props: {title: 'test'}});
}
});
// the default export should be a function
// which will receive the context of the rende ...
ios bug: user-select样式导致input[type="tel"]聚焦时光标不显示
发现当针对input[type="tel"]设置的样式-webkit-user-select:none;后，会导致在ios下聚焦时光标不显示，但是键盘有弹出的bug.
解决办法：重写user-select样式
css: user-select: text;-webkit-user-select:text;
前端设备指纹
- 博客分类：
- javascript
前端设备指纹的生成，可使用fingerprintjs2
github地址: https://github.com/Valve/fingerprintjs2
demo:
// 初始化(options: 可设置需要忽略掉的特征属性, callback: 回调方法)
new Fingerprint2({excludeHasLiedBrowser: true, excludeIndexedDB: true,excludeUserAgent: true, excludeJsFonts: true, customFunction: function(){
// 获取浏览器所在机器 ...
webpack学习笔记
- 博客分类：
- 打包构建
命令使用
npm install webpack -g
作为全局安装, 在任意目录使用
npm install webpack --save-dev
作为项目依赖安装
npm init
创建package.json
npm install webpack-dev-server --save-dev
使用webpack-dev-server启动服务器
webpack --progress -colors
让编译的输出内容带有进度和颜色
webpack --watch
如果不想每次修改模块后都重新编译, ...
webpack 提供了一个如何开发 webpack 插件的介绍，你可以直接访问这里查看，这里提供一个扩展 HtmlWebpackPlugin 的开发实例。
前面我们介绍过 HtmlWebpackPlugin, 这个插件允许将 webpack 动态打包的输出注入到页面中，但是，有的时候我们需要在这个页面中注入一些自定义的样式表或者脚本，HtmlWebpackPlugin 并不支持这个特性。有人向插件作者提了建议，这里是讨论的内容，结果是插件提供了几个事件来支持自己来实现这个特性。我们通过一个实例来演示如何使用这些事件来扩展 webpack。
需求
我们希望能够自动插入一个脚本的 scri ...
Vue是可以自定义指令的，最近学习过程中遇见了一个需要图片懒加载的功能，最后参考了别人的代码和思路自己重新写了一遍。以下将详细介绍如何实现自定义指令v-lazyload。
先看如何使用这个指令：
?
Vue-loader
- 博客分类：
- 前端框架
原文地址：https://lvyongbo.gitbooks.io/vue-loader/content/
Vue-loader 是什么？
vue-loader 是一个加载器，能把如下格式的 Vue 组件转化成JavaScript模块。vue-loader 提供了一些非常酷炫的特性：
ES2015默认可用；
在每个 Vue 组件内支持其他的 Webpack 加载器，如用于<style>的 SASS 和用于<template> 的 Jade。
把 <style> 和 <template> 内引用的静态资源作为模块依赖项对 ...
关于vue.js
vue.js是一套构建用户界面的 轻型的渐进式前端框架。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。使用vue可以给你的开发带来极致的编程体验。
关于vue-cli
Vue-cli是vue官方提供的一个命令行工具（vue-cli），可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。
疑问
vue-cli主要是用于构建单页应用的脚手架，但是现实项目中，大部分项目都是多页的，怎么样可以很好的利用这一套官方配置呢？我在网上找了一 ...
index.js
// Import React when the system is web
import React from 'react';
import { AppRegistry, View } from 'react-native'
import { createStore } from 'redux'
import { Provider } from 'react-redux'
import { persistStore, autoRehydrate } from 'redux-persist'
// Import the reducer and creat ...
vue.js研究小结
- 博客分类：
- 前端框架
遇到的坑：
1.问题：数组的更新及Object对象的属性更新后，vue视图没有及时更新
解决方案：先清空数组或对象再赋值新值 ｜ 更新数组某一项可使用arrayObj.$set(index, newValue)方法
2.vue内置事件执行顺序
init -> created -> beforeCompile -> compiled -> attached -> ready
初始化 创建完成 编译前 编译完成 绑定事件 加载完成
detached 解绑事件
beforeDestroy ...