前端
EdenZhang1225
尽最大努力做好每一件事
展开
-
样式书写顺序,html属性书写顺序
PositioningBox modelTypographicVisual 1原创 2014-06-04 13:32:03 · 1127 阅读 · 0 评论 -
create-react-app antd mobx 以及按需加载
1 antd安装与配置2 antd按需加载3 mobx配置 1安装antdnpm install antd --save在项目中2 antd按需加载安装第三方依赖npm install babel-plugin-import --save在项目根目不找到package.json 找到babel添加插件(plugins)"babel": { "presets": [ "react-app" ...原创 2018-05-04 09:13:09 · 1468 阅读 · 1 评论 -
Vue书写风格
1组件名为多个单词(除根组件外) 好处:这样做可以避免跟现有以及未来HTML元素相冲突,所有的HTML元素名称都是 单个单词例:Vue.component(‘the-header’,{//...})export default{name:’TheHeader’} 2 组件的Data必须是一个函数好处:当在组件使用data属性的时候(除new Vue外的任何地方),它的值必须是返回一 ...转载 2018-02-23 15:54:01 · 466 阅读 · 0 评论 -
React页面登录之后返回之前浏览页面
路由配置(/:router)' component={Login}/>//匹配 /Login,/Login/detail/100在登录页面代码const params=this.props.paramsconst fouter=params.routerif(router){hasHistory.push(router)}else{this.goUserPage原创 2017-06-09 15:29:20 · 4064 阅读 · 0 评论 -
前端项目开发流程
当前分为以下四个阶段第一阶段库/框架选型(暂定react)第二阶段简单构建优化 NPM管理包node+webpack打包第三阶段JS、CSS模块化开发第四阶段组件化开发 开发过程当中注意:前端安全XSS CSRF攻击等 后期文章中将讲述如何原创 2017-07-13 09:50:05 · 32906 阅读 · 3 评论 -
babel-polyfill 配置支持IE版本
方法一import 'babel-polyfill';//这样在入口文件中引入将增大文件大小方法二这样引入将减少文件大小在.babelrc文件添加{ "presets": [ "es2015", "react" ], "plugins": [ ["transform-runtime", { "helpers": false, // defaults原创 2017-06-20 13:48:06 · 8351 阅读 · 0 评论 -
React 基础优化方式
PureRenderMixin优化React最基础的优化方式是使用PrueRenderMixin安装npm install react-addons-pure-render-minin --save 然后在组件中引用 import React from ‘react’;import PureRenderMixin from ‘react-addons-pure-re原创 2017-05-18 14:17:23 · 495 阅读 · 0 评论 -
JS获取DOM的高度包括Padding margin border
var dom=document.getElementById('center');var marginTop=getStyle(dom,'marginTop');alert(parseInt(marginTop));function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[a原创 2017-04-21 10:13:12 · 15110 阅读 · 1 评论 -
css3 pointer-events:none 允许点击穿透
.container { position: relative; width: 200px; height: 50px; margin: 20px 0;}.cover_through { pointer-events: none;//使用当前属性点击div将触发链接}.cover { position: absolut原创 2017-04-21 09:29:27 · 4893 阅读 · 0 评论 -
《Don't make me think 》关于Web可用性的三大定律
第一条:别让我思考(Don't make me think ) 多年以来,我一直在跟人们说,这是我的可用性第一定律。看过的网页越多,我就越坚信这一点。这是最最重要的原则――它是在Web设计中,判别什么有用什么没用的终极法则。如果你只能记住一条可用性原则,那么就记住这一条 。它意味着,设计者应该尽量做到,当我看一个页面时,它应该是不言而喻,一目了然,自我解释的。(--转载 2014-06-11 09:45:15 · 384 阅读 · 0 评论 -
vue directives bind 参数中的el binding
当前只针对vue2directives: { loadMore: { bind: (el, binding) => { binding.value()//这里是指调用在method里的loadMore方法 } }原创 2017-04-11 09:58:53 · 2340 阅读 · 0 评论 -
H5项目常见问题及注意事项
H5项目常见问题及注意事项Meta基础知识:H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一、HTML页面结构// width 设置viewport宽度,为一个正整数,或字符串‘device-width’// height 设置viewport高度,一般设置了宽度,会自动解析出高度,可以不用设置// initial-scale 默认缩放比例,为一转载 2017-04-10 11:50:27 · 656 阅读 · 0 评论 -
vue2.0编译es6报错
vue@2.0 + vue-loader@10.0.2通过 webpack 打包后的代码里面的ES6语法没有转更改方法找到webpack.base.conf.js新增一个{ test: /\.js$/, loader: "babel-loader", query: {presets: ['es2015']}, exclude: /node_module原创 2017-03-29 13:53:59 · 4490 阅读 · 1 评论 -
探索高效jQuery的奥秘
讨论jQuery和javascript性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先,在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。首先,如果你是一个javascript新手,转载 2015-04-24 14:19:22 · 281 阅读 · 0 评论 -
html标签SEO规范
1、2、3、4、5、6、页面标题7、8、9、10、11、12、13、页面内容标题14、页面相关性标题15、标题系列16、标题系列17、标题系列18、标题系列19、20、链接词21、重点关键词强调22、关键词强调关键词强调关键词强调23、25、26、版权部分关键词强调27、28、转载 2014-06-20 09:31:32 · 1102 阅读 · 0 评论 -
CSS控制print打印样式
一、添加打印样式 1. 为屏幕显示和打印分别准备一个css文件,如下所示: 用于屏幕显示的css: 用于打印的css:2. import方式: @import url("css/printstylesheet.css") print; 3. 直接把屏幕显示样式和打印样式写在一个css文件中: @media print {}{转载 2014-07-03 10:57:52 · 1742 阅读 · 0 评论 -
语义化标签应注意的一些问题
一个语义良好的页面,H标签应该是完整有序的没有断层的h1、h2、h3、h4、h5、h6原创 2014-06-06 14:32:59 · 444 阅读 · 0 评论 -
css after content 特殊字体
☏=260f ☎=260e☺=263a ☻=263b☼=263c ☽=263d ☾=263e ☿=263f☁=2601 ☂=2602 ☄=2604 ☇=2607☈=2608 ☑=2611 ♕=2655 ☀=2600☳=2633 ☴=2634 ☵=2635 ☶=2636☷=2637 ☲=2632 ☱=2631 ☸=2638☹=2639 ☰=2630 ♃原创 2014-06-25 10:47:32 · 1713 阅读 · 0 评论 -
react 生命调期详解
生命周期 1、componentWillMount()2、componentDidmount()3、ShouldComponetUpdate()4、componentWillReceiveProps( nextProps)5、componentWillUpdate()6、componetDidUpdate(prevProps, prevState)7、compoentWillUnmount() ...原创 2018-05-16 10:29:46 · 270 阅读 · 0 评论