- 博客(85)
- 收藏
- 关注
RSS订阅原创 手机号验证——正则
var phone = "157000000000"var rep = /1[0-9]{10}$/.test;rep.test(phone)
2017-12-29 17:10:07
300
原创 文字超出的部分用...展示
white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
2017-12-20 11:39:37
656
原创 base64 web前端js解码与转码
解码，就是把base64的转换成常规字符串 function b64EncodeUnicode(str) { return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, p1) { return String.fromCharCode('0x' + p1); }))
2017-12-19 20:06:26
24752
6
原创 jq判断是否选中[radio,checbox]，以及 checkbox全选与取消问题
获取radio的选种值：$("input[name='name']:checked").val()错误写法： 这种写法只有在IE下才有效，chrome和firefox下面是获取不到的。 $("input[name='radio_name'][checked]").val();
2017-12-19 20:03:48
659
原创 react-router
install npm i react-router-dom --save组件BrowserRouter,包裹整个应用，只使用一次Route路由对应渲染的组件，可嵌套link跳转专用 <BrowserRouter> <div> <ul> <li> <Link to="/">业绩<
2017-12-14 16:20:25
162
原创 Mongodb常见操作
在express与mongodb搭配使用时，可以对数据进行操作常见的操作有，新增，查询，删除和编辑新增：create 查询：find,findOne 删除：remove 编辑：update
2017-12-13 14:59:43
182
原创 vue-cli中使用sass
vue-cli会自动配置好webpack,这时候，在项目中需要使用sass的时候，只需要两步：1. 安装node-sass 和 sass-loader npm i node-sass sass-loader --save-dev2.在需要使用sass地方引入: <style lang = "scss"> import "XXX/xxx.scss" </
2017-10-31 15:36:32
4822
原创 色值记录
玫红色 + 黄色 = 大红 ( 朱红、桔黄、藤黄 ) 白色 + 红色 + 黑色少量 = 禇石红 玫红色 + 黑色（少量） = 暗红 红色 + 黄 + 白 = 人物的皮肤颜色 玫红色 + 白色 = 粉玫红 桔 黄 色 = 柠檬黄 + 玫瑰红 粉玫瑰红 = 纯白色 + 玫瑰红 朱 红 色 = 柠檬黄 + 玫瑰红 暗 红 色 = 玫瑰红 + 纯黑色 紫 红 色 = 纯紫
2017-09-29 15:57:50
307
原创 Intellij激活
1.填入下面的license server: http://intellij.mandroid.cn/ http://idea.imsxm.com/ http://idea.iteblog.com/key.php
2017-09-27 09:51:03
227
原创 表单文字个数不同左右对齐方式
先看一个效果图吧：这里有几个字段，每一行字的个数都不一样，要左右对齐。 之前是通过加空格或者 来实现，但是兼容以及效果都不怎么样。x = 所有行中要放字数的最大值；//这个例子中我的x是4 y = 当前行要放的字数值； //本例中，第一行和倒数第二行是2，最后一行是3，其他行是4。给字数相同的行给定相同样式类 并添加样式，因为我有三种情况，所以要设置三种样式。.four{ le
2017-09-21 09:50:47
3314
原创 百度地图点击城市的出现下钻
背景：海量打点以后，点击点出现下钻到该点的城市范围出现原因：自己添加的覆盖物点击时，与地图底部的map点击事件重合了。解决方案： var map = new BMap.Map("allmap", {enableMapClick:false});//构造底图时，关闭底图可点功能但是，在关闭了底图可点功能以后，map上的分类的点居然不能点了，没有任何反应，必须点击一下覆...
2017-09-05 15:36:07
3960
原创 js高级程序设计（第三版）第五章
第5章引用类型#####本章内容1.使用对象2.创建并操作数组3.理解基本的js类型4.使用基本类型和基本包装类型引用类型的值（对象）是引用类型的一个实例。在ECMAScript中，引用类型是一种数据结构，用于将数据和功能组织在一起，它也常被称为类，但这种称呼并不妥当。尽管ECMAScript从技术上讲是一门面向对象的语言，但它不具备传统的面向对象语言所支持的类和接口等基本结构。引用类型有时
2017-08-21 09:34:43
301
原创 遇到的一些面试题
Q:如何在不使用任何等号的情况下，判断出这个变量是否为null?A: 1.先使用 typeof null 得到类型为object。 2.然后使用 null instanceof Object 得到结果为 false。这个时候就可以判断这个变量为null了（其实还是不能完全判别，后期想到再加）Q: .get(obj)的作用A:.get(obj)的作用A:.get(obj)的...
2017-08-14 09:47:51
275
原创 jq判断scroll是否到底部
首先，我们要获取三个高度： 1. 整体div的高度. 2. 超出盒子部分就添加overflow:scroll的盒子高度 3. 超出盒子部分就添加overflow:scroll的盒子距离滚动条顶部的高度
2017-08-11 11:51:49
1713
原创 jq中自定义属性取值 data-info
记录一个问题： 使用$(“.xxx”).data(“info”); 这样是可以取到值的，但是有个要求 ，必须为小写，不能存在大写，否则取不到值
2017-08-08 10:49:11
4524
原创 js高级程序设计（第三版）第二章 在HTML中使用js
1.给未经声明的变量赋值在严格模式下会抛出错误：ReferenceError;2.在严格模式下不能定义名为 eval 或者arguments的变量。否则会导致语法错误。3.数据类型：5简单undefined, Null, Boolean, Number, NAN, String; 1复杂： object检测数据类型： typeof...
2017-08-03 23:16:41
213
2
原创 浏览器滚动条默认样式修改
/*滚动条 start*/ ::-webkit-scrollbar { width: 10px; height: 4px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track {
2017-06-30 14:11:42
726
原创 react学习笔记
确保最近稳定的node已经安装npm install -g create-react-appcreate-react-app my-appcd my-appnpm-start如果最后项目完成 需要打包的时候：npm run build create-react-app会将webpack等全部都封装，所以如果后期自己添加需要的插件会比较 麻烦，等后期，再整理从零开始自己搭建react
2017-06-14 14:55:35
282
原创 文章集锦
react学习流程 react官方教程 commonJS igreek blog js教程babel在线编译arrow function博客推荐：前后端全栈偏后端react 博客1 react博客2 react博客3redux教程vue相关的博客， 挺不错的...
2017-06-14 12:12:23
223
原创 ECSAscript编译的初始配置
1.npm init2.npm install babel-cli –save-dev //都保存在当前项目下。之后的省略3.npm install babel-preset-es20154.npm install http-server按顺序依次配置好环境以后，打开package.json把test的那一坨替换掉替换成 "scripts": { "babel": "babel -
2017-06-09 11:47:23
274
原创 echart线形图相关
1.设置line颜色： series: [ { // For shadow type: 'bar', itemStyle: { normal: {color: 'rgba(0,0,0,0.01)'} }, barGap:'-100%',
2017-05-23 19:19:51
1121
原创 seajs
1.sea.config: 配置路径等。 2.sea.use sea.use("./a",function(a){ a.dosomething(); })3.require 4.export 5.module.export 6.define define(function(require,export,modual){ //模块代码
2017-05-15 22:22:46
190
原创 禁止鼠标右键
if (window.Event) document.captureEvents(Event.MOUSEUP);function nocontextmenu(){ event.cancelBubble = true event.returnValue = false; return false;}function norightclick(e){ if
2017-04-24 11:12:46
274
原创 手工皂的皂化价与INS值
各类手工皂的皂化价与INS值： 常见（持续更新） 橄榄油：0.134 109 椰子油：0.19 258 气泡度高 20~30% 棕榈油：0.141 145 20~30%祖母皂，就是说纯橄榄油。但是一般皂的INS值都在135~145比较理想，但纯橄榄油的话，做出来，就比较软。并且，成型比较慢
2017-04-21 17:50:00
5767
原创 mac下控制隐藏文件夹显示与隐藏
defaults write com.apple.finder AppleShowAllFiles Yes && killall Finder //显示隐藏文件 defaults write com.apple.finder AppleShowAllFiles No && killall Finder //不显示隐藏文件
2017-04-20 22:25:05
380
原创 mac下安装nvm以及node
先说一下nvm,node,npm之间的区别吧。 1. nvm的官方叫法：nodejs版本管理工具。 nvm相当于是家长，一个家长可以管理多个孩子。 也就是说:一个nvm可以管理很多node版本和npm版本。2. nodejs 在项目开发时的所需要的代码库3. npm在安装的nodejs的时候，npm也会跟着一起安装，它是包管理工具。npm管理nodejs中的第三方插件
2017-04-20 16:41:46
29517
1
原创 mac/linux系统下怎么启动tomcat的服务
我已经进到了tomcat的bin目录下，但是在Mac或是Linux系统下，startup.bat是以文件的形式打开的，然后就不知道怎么启动，查了查，找到解决方案。terminal进到tomcat的bin目录下，然后：sudo sh ./startup.sh接着输入密码就可以了
2017-04-20 11:34:36
769
原创 echart怎么让南海诸岛不显示或隐藏部分省市名称
var option = { title: { }, tooltip : { trigger: 'item', formatter: '{b}' }, dataR
2017-04-20 11:26:28
7821
1
原创 iframe获取父页面的元素
iframe获取父页面的元素方法一： jq:$(“#父窗口元素ID”,window.parent.document); js:window.parent.document.getElementById(“父窗口元素ID”)；取父窗口的父窗口的元素就可以用：$(selector, window.parent.parent.document);方法二： $(window.parent.docume
2017-04-20 11:21:25
1682
原创 mac常用快捷键(偏向程序调试)
mac常用快捷键——持续更新清理浏览器缓存：command+shift+delete浏览器开发者模式：command+option+I
2017-04-19 09:24:27
1365
原创 jq获取一串字符串中的数字
replace(/[^0-9]/ig,”“) 我的id是chart1,chart2,chart3….这样子的， 我现在只有最后的那个数字$(".chart").click(function () { alert($(this).attr('id').replace(/[^0-9]/ig,""))});
2017-04-13 16:47:49
1975
原创 如何使文字垂直居中
.navBeer li{ border-bottom: 2px solid #1c2931; border-top: 2px solid #2a4455; display: table;}.navBeer li a{ display: block; color: #fff; cursor: pointer; text-align: cent
2017-04-11 18:17:26
676
原创 背景色渐变处理-linear-gradient
处理各个浏览器间的兼容，背景色渐变background: -moz-linear-gradient(top, #0192ed 0%, #0baeb3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0192ed), color-stop(100%,#0baeb3));
2017-04-11 13:49:56
1162
原创 Echart图标透明渐变
在echart中在线调试好，直接上代码 var dataAxis = ['点', '击', '柱', '子', '或', '者', '两', '指', '在', '触', '屏', '上', '滑', '动', '能', '够', '自', '动', '缩', '放'];var data = [220, 182, 191, 234, 290, 330, 310, 123, 442, 321,
2017-04-10 22:52:32
3699
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人